@import url(//www.msecurite.fr//media/templates/site/cassiopeia/css/vendor/joomla-custom-elements/../../../../../../vendor/joomla-custom-elements/css/joomla-alert.css); /*! * Font Awesome Free 5.15.4 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,.icon-joomla,[class*=" icon-"],[class^=icon-]{text-rendering:auto}.fa,.fab,.fad,.fal,.far,.fas,.icon-joomla,[class*=" icon-"],[class^=icon-]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1}.icon-joomla,[class*=" icon-"],[class^=icon-]{font-weight:400}.fa-lg,.icon-lg{font-size:1.332em;line-height:.75em;vertical-align:-.0667em}.fa-xs,.icon-xs{font-size:.75em}.fa-sm,.icon-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,.icon-fw{text-align:center;width:1.25em}.fa-ul,.icon-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li,.icon-ul>li{position:relative}.fa-li,.icon-li{left:-2em;line-height:inherit;position:absolute;text-align:center;width:2em}.fa-border,.icon-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left,.icon-pull-left{float:left}.fa-pull-right,.icon-pull-right{float:right}.fa-pull-left.icon-joomla,.fa-pull-left[class*=" icon-"],.fa-pull-left[class^=icon-],.fa.fa-pull-left,.fa.icon-pull-left,.fab.fa-pull-left,.fab.icon-pull-left,.fal.fa-pull-left,.fal.icon-pull-left,.far.fa-pull-left,.far.icon-pull-left,.fas.fa-pull-left,.fas.icon-pull-left,.icon-joomla.icon-pull-left,[class*=" icon-"].icon-pull-left,[class^=icon-].icon-pull-left{margin-right:.3em}.fa-pull-right.icon-joomla,.fa-pull-right[class*=" icon-"],.fa-pull-right[class^=icon-],.fa.fa-pull-right,.fa.icon-pull-right,.fab.fa-pull-right,.fab.icon-pull-right,.fal.fa-pull-right,.fal.icon-pull-right,.far.fa-pull-right,.far.icon-pull-right,.fas.fa-pull-right,.fas.icon-pull-right,.icon-joomla.icon-pull-right,[class*=" icon-"].icon-pull-right,[class^=icon-].icon-pull-right{margin-left:.3em}.fa-spin,.icon-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse,.icon-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,.icon-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180,.icon-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270,.icon-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal,.icon-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical,.icon-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-horizontal.icon-flip-vertical,.fa-flip-vertical.icon-flip-horizontal,.icon-flip-both,.icon-flip-horizontal.icon-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90,:root .icon-flip-both,:root .icon-flip-horizontal,:root .icon-flip-vertical,:root .icon-rotate-180,:root .icon-rotate-270,:root .icon-rotate-90{-webkit-filter:none;filter:none}.fa-stack,.icon-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x,.icon-stack-1x,.icon-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x,.icon-stack-1x{line-height:inherit}.fa-stack-2x,.icon-stack-2x{font-size:2em}.fa-inverse,.icon-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{clip:rect(0,0,0,0);border: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 Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */@font-face{font-display:block;font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.eot);src:url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.woff2) format("woff2"),url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.woff) format("woff"),url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.ttf) format("truetype"),url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:Font Awesome\ 5 Free;font-weight:400} /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */@font-face{font-display:block;font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-solid-900.eot);src:url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-solid-900.woff2) format("woff2"),url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-solid-900.woff) format("woff"),url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-solid-900.ttf) format("truetype"),url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas,[class*=" icon-"],[class^=icon-]{font-family:Font Awesome\ 5 Free;font-weight:900} /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */@font-face{font-display:block;font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-brands-400.eot);src:url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-brands-400.woff2) format("woff2"),url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-brands-400.woff) format("woff"),url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-brands-400.ttf) format("truetype"),url(//www.msecurite.fr//media/system/css/../../../media/vendor/fontawesome-free/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab,.icon-joomla{font-family:Font Awesome\ 5 Brands;font-weight:400}[class*=" icon-"],[class^=icon-]{speak:none}[class*=" fa-"].disabled,[class*=" icon-"].disabled,[class^=fa-].disabled,[class^=icon-].disabled{font-weight:400}.icon-joomla:before{content:"\f1aa"}.icon-accessible:before{content:"\f29a"}.icon-add:before{content:"\f067"}.icon-address-book:before,.icon-address:before{content:"\f2b9"}.icon-align-justify:before{content:"\f039"}.icon-angle-double-left:before{content:"\f100"}.icon-angle-double-right:before{content:"\f101"}.icon-angle-down:before{content:"\f107"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-apply:before{content:"\f0c7"}.icon-archive:before{content:"\f187"}.icon-arrow-down-2:before{content:"\f358"}.icon-arrow-down-3:before{content:"\f0d7"}.icon-arrow-down-4:before{content:"\f063"}.icon-arrow-down:before{content:"\f078"}.icon-arrow-first:before{content:"\f048"}.icon-arrow-last:before{content:"\f049"}.icon-arrow-left-2:before{content:"\f359"}.icon-arrow-left-3:before{content:"\f0d9"}.icon-arrow-left-4:before{content:"\f060"}.icon-arrow-left:before{content:"\f053"}.icon-arrow-right-2:before{content:"\f35a"}.icon-arrow-right-3:before{content:"\f0da"}.icon-arrow-right-4:before{content:"\f061"}.icon-arrow-right:before{content:"\f054"}.icon-arrow-up-2:before{content:"\f35b"}.icon-arrow-up-3:before{content:"\f0d8"}.icon-arrow-up-4:before{content:"\f062"}.icon-arrow-up:before{content:"\f077"}.icon-arrows-alt:before{content:"\f0b2"}.icon-asterisk:before{content:"\f005"}.icon-attachment:before{content:"\f0c6"}.icon-backward-2:before{content:"\f359"}.icon-backward-circle:before{content:"\f137"}.icon-backward:before{content:"\f04a"}.icon-ban-circle:before{content:"\f056"}.icon-bars:before{content:"\f080"}.icon-basket:before{content:"\f291"}.icon-bell:before{content:"\f0f3"}.icon-bolt:before{content:"\f0e7"}.icon-book:before{content:"\f02d"}.icon-bookmark-2:before,.icon-bookmark:before{content:"\f02e"}.icon-box-add:before,.icon-box-remove:before{content:"\f187"}.icon-briefcase:before{content:"\f0b1"}.icon-broadcast:before{content:"\f1eb"}.icon-brush:before{content:"\f1fc"}.icon-bubble-quote:before{content:"\f075"}.icon-bullhorn:before{content:"\f0a1"}.icon-calendar-2:before,.icon-calendar-check:before{content:"\f274"}.icon-calendar-3:before{content:"\f133"}.icon-calendar-alt:before,.icon-calendar:before{content:"\f073"}.icon-camera-2:before{content:"\f03d"}.icon-camera:before{content:"\f030"}.icon-cancel-2:before{content:"\f00d"}.icon-cancel-circle:before{content:"\f057"}.icon-cancel:before{content:"\f00d"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-cart:before{content:"\f07a"}.icon-chart:before{content:"\f1fe"}.icon-check-circle:before{content:"\f058"}.icon-check-square:before{content:"\f14a"}.icon-check:before{content:"\f00c"}.icon-checkbox-checked:before{content:"\f14a"}.icon-checkbox-partial:before,.icon-checkbox-unchecked:before{content:"\f0c8"}.icon-checkbox:before{content:"\f14a"}.icon-checkedout:before{content:"\f023"}.icon-checkin:before{content:"\f14a"}.icon-checkmark-2:before,.icon-checkmark-circle:before{content:"\f058"}.icon-checkmark:before{content:"\f00c"}.icon-chevron-down:before{content:"\f078"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-chevron-up:before{content:"\f077"}.icon-circle:before{content:"\f111"}.icon-clipboard:before{content:"\f328"}.icon-clock:before{content:"\f017"}.icon-cloud-download-alt:before,.icon-cloud-download:before{content:"\f381"}.icon-cloud-upload:before{content:"\f382"}.icon-cloud:before{content:"\f0c2"}.icon-code:before{content:"\f121"}.icon-code-branch:before{content:"\f126"}.icon-cog:before{content:"\f013"}.icon-cogs:before{content:"\f085"}.icon-collapse:before{content:"\f067"}.icon-color-palette:before{content:"\f1fc"}.icon-comment-dots:before{content:"\f4ad"}.icon-comment:before{content:"\f075"}.icon-comments-2:before{content:"\f086"}.icon-comments:before{content:"\f075"}.icon-compass:before{content:"\f14e"}.icon-connection:before{content:"\f1eb"}.icon-contract-2:before{content:"\f291"}.icon-contract:before{content:"\f066"}.icon-copy:before{content:"\f0c5"}.icon-credit-2:before,.icon-credit:before{content:"\f09d"}.icon-crop:before{content:"\f125"}.icon-cube:before{content:"\f1b2"}.icon-cubes:before{content:"\f1b3"}.icon-dashboard:before{content:"\f3fd"}.icon-database:before{content:"\f1c0"}.icon-default:before{content:"\f015"}.icon-delete:before{content:"\f00d"}.icon-desktop:before{content:"\f108"}.icon-downarrow:before{content:"\f078"}.icon-download:before{content:"\f019"}.icon-drawer-2:before{content:"\f07b"}.icon-drawer:before{content:"\f07c"}.icon-edit:before{content:"\f044"}.icon-ellipsis-h:before{content:"\f141"}.icon-ellipsis-v:before{content:"\f142"}.icon-enter:before{content:"\f2f6"}.icon-envelope-open-text:before{content:"\f658"}.icon-envelope-opened:before,.icon-envelope:before{content:"\f0e0"}.icon-equalizer:before{content:"\f1de"}.icon-error:before{content:"\f12a"}.icon-exclamation-circle:before{content:"\f06a"}.icon-exclamation-triangle:before{content:"\f071"}.icon-exclamation:before{content:"\f12a"}.icon-exit:before{content:"\f2f5"}.icon-expand-2:before{content:"\f31e"}.icon-expand:before{content:"\f065"}.icon-expired:before{content:"\f056"}.icon-external-link-alt:before{content:"\f35d"}.icon-eye-2:before,.icon-eye-blocked:before,.icon-eye-close:before{content:"\f070"}.icon-eye-open:before{content:"\f06e"}.icon-eye-slash:before{content:"\f070"}.icon-eye:before{content:"\f06e"}.icon-fax:before{content:"\f1ac"}.icon-featured:before{content:"\f005"}.icon-feed:before{content:"\f143"}.icon-file-2:before{content:"\f15b"}.icon-file-add:before{content:"\f067"}.icon-file-alt:before{content:"\f15c"}.icon-file-check:before{content:"\f00c"}.icon-file-minus:before{content:"\f068"}.icon-file-plus:before{content:"\f067"}.icon-file-remove:before{content:"\f00d"}.icon-file:before{content:"\f15b"}.icon-filter:before{content:"\f0b0"}.icon-first:before{content:"\f049"}.icon-flag-2:before{content:"\f0c6"}.icon-flag-3:before,.icon-flag:before{content:"\f024"}.icon-flash:before{content:"\f0e7"}.icon-folder-2:before{content:"\f07b"}.icon-folder-3:before{content:"\f07c"}.icon-folder-close:before,.icon-folder-minus:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-folder-plus-2:before{content:"\f07b"}.icon-folder-plus:before{content:"\f07c"}.icon-folder-remove:before,.icon-folder:before{content:"\f07b"}.icon-forward-2:before{content:"\f35a"}.icon-forward-circle:before{content:"\f138"}.icon-forward:before{content:"\f04e"}.icon-generic:before{content:"\f192"}.icon-globe:before{content:"\f0ac"}.icon-grid-2:before,.icon-grid-view-2:before{content:"\f00a"}.icon-grid-view:before,.icon-grid:before{content:"\f009"}.icon-handshake:before{content:"\f2b5"}.icon-health:before{content:"\f0fa"}.icon-heart-2:before,.icon-heart:before{content:"\f004"}.icon-help:before{content:"\f128"}.icon-hits:before{content:"\f06e"}.icon-home-2:before,.icon-home:before{content:"\f015"}.icon-image:before,.icon-images:before{content:"\f03e"}.icon-info-2:before,.icon-info-circle:before{content:"\f05a"}.icon-info:before{content:"\f129"}.icon-key:before{content:"\f084"}.icon-lamp:before{content:"\f0eb"}.icon-language:before{content:"\f1ab"}.icon-last:before{content:"\f050"}.icon-leftarrow:before{content:"\f053"}.icon-lightbulb:before{content:"\f0eb"}.icon-lightning:before{content:"\f0e7"}.icon-link:before{content:"\f0c1"}.icon-list-2:before{content:"\f0ca"}.icon-list-view:before,.icon-list:before{content:"\f03a"}.icon-loading:before{content:"\f110"}.icon-location:before{content:"\f3c5"}.icon-lock:before,.icon-locked:before{content:"\f023"}.icon-loop:before{content:"\f021"}.icon-mail-2:before,.icon-mail:before{content:"\f0e0"}.icon-map-signs:before{content:"\f277"}.icon-menu-2:before{content:"\f0dc"}.icon-menu-3:before{content:"\f0cb"}.icon-menu:before{content:"\f0c9"}.icon-minus-2:before{content:"\f068"}.icon-minus-circle:before{content:"\f056"}.icon-minus-sign:before,.icon-minus:before{content:"\f068"}.icon-mobile:before{content:"\f10b"}.icon-move:before{content:"\f0b2"}.icon-music:before{content:"\f001"}.icon-new-tab-2:before{content:"\f360"}.icon-new-tab:before{content:"\f35d"}.icon-new:before{content:"\f067"}.icon-next:before{content:"\f105"}.icon-not-ok:before{content:"\f068"}.icon-notification-2:before,.icon-notification-circle:before{content:"\f06a"}.icon-notification:before{content:"\f12a"}.icon-ok:before{content:"\f00c"}.icon-open:before{content:"\f3c1"}.icon-options:before{content:"\f013"}.icon-out-2:before{content:"\f35d"}.icon-out-3:before{content:"\f360"}.icon-out:before{content:"\f064"}.icon-paint-brush:before,.icon-palette:before{content:"\f1fc"}.icon-paperclip:before{content:"\f0c6"}.icon-paragraph-center:before{content:"\f037"}.icon-paragraph-justify:before{content:"\f039"}.icon-paragraph-left:before{content:"\f036"}.icon-paragraph-right:before{content:"\f038"}.icon-pause-circle:before{content:"\f28b"}.icon-pause:before{content:"\f04c"}.icon-pen-square:before{content:"\f14b"}.icon-pencil-2:before,.icon-pencil-alt:before{content:"\f303"}.icon-pencil:before{content:"\f044"}.icon-pending:before{content:"\f071"}.icon-phone-2:before{content:"\f095"}.icon-phone:before{content:"\f098"}.icon-picture:before,.icon-pictures:before{content:"\f03e"}.icon-pie:before{content:"\f200"}.icon-pin:before{content:"\f08d"}.icon-play-2:before{content:"\f04b"}.icon-play-circle:before{content:"\f144"}.icon-play:before{content:"\f04b"}.icon-plug:before{content:"\f1e6"}.icon-plus-2:before{content:"\f067"}.icon-plus-circle:before{content:"\f055"}.icon-plus-square:before{content:"\f0fe"}.icon-plus:before{content:"\f067"}.icon-power-cord:before{content:"\f1e6"}.icon-power-off:before{content:"\f011"}.icon-previous:before{content:"\f04a"}.icon-print:before,.icon-printer:before{content:"\f02f"}.icon-project-diagram:before{content:"\f542"}.icon-protected:before{content:"\f023"}.icon-publish:before{content:"\f00c"}.icon-purge:before{content:"\f1f8"}.icon-pushpin:before{content:"\f08d"}.icon-puzzle-piece:before,.icon-puzzle:before{content:"\f12e"}.icon-question-2:before,.icon-question-circle:before{content:"\f059"}.icon-question-sign:before,.icon-question:before{content:"\f128"}.icon-quote-2:before{content:"\f10e"}.icon-quote-3:before{content:"\f075"}.icon-quote:before,.icon-quotes-left:before{content:"\f10d"}.icon-quotes-right:before{content:"\f10e"}.icon-radio-checked:before{content:"\f058"}.icon-radio-unchecked:before{content:"\f111"}.icon-redo-2:before{content:"\f021"}.icon-redo:before{content:"\f064"}.icon-refresh:before{content:"\f021"}.icon-register:before{content:"\f35a"}.icon-remove:before{content:"\f00d"}.icon-reply:before{content:"\f359"}.icon-rightarrow:before{content:"\f054"}.icon-rss:before{content:"\f09e"}.icon-save-copy:before{content:"\f0c5"}.icon-save-new:before{content:"\f067"}.icon-save:before{content:"\f0c7"}.icon-scissors:before{content:"\f0c4"}.icon-screen:before{content:"\f108"}.icon-screwdriver:before{content:"\f0ad"}.icon-search-minus:before{content:"\f010"}.icon-search-plus:before{content:"\f00e"}.icon-search:before{content:"\f002"}.icon-select-file:before{content:"\f0c5"}.icon-share-alt:before,.icon-share:before{content:"\f064"}.icon-shield-alt:before,.icon-shield:before{content:"\f3ed"}.icon-shuffle:before{content:"\f074"}.icon-signup:before{content:"\f2f6"}.icon-sliders-h:before{content:"\f1de"}.icon-smiley-2:before,.icon-smiley-happy-2:before,.icon-smiley-happy:before,.icon-smiley-neutral-2:before,.icon-smiley-neutral:before{content:"\f118"}.icon-smiley-sad-2:before,.icon-smiley-sad:before{content:"\f119"}.icon-smiley:before{content:"\f118"}.icon-sort:before{content:"\f0dc"}.icon-spinner:before{content:"\f110"}.icon-square:before{content:"\f0c8"}.icon-stack:before{content:"\f0c5"}.icon-star-2:before{content:"\f089"}.icon-star-empty:before,.icon-star:before{content:"\f005"}.icon-stop-circle:before{content:"\f28d"}.icon-stop:before{content:"\f04d"}.icon-success:before{content:"\f14a"}.icon-support:before{content:"\f1cd"}.icon-switch:before{content:"\f011"}.icon-sync:before{content:"\f021"}.icon-tablet:before{content:"\f10a"}.icon-tachometer-alt:before{content:"\f3fd"}.icon-tag-2:before,.icon-tag:before{content:"\f02b"}.icon-tags-2:before,.icon-tags:before{content:"\f02c"}.icon-tasks:before{content:"\f0ae"}.icon-text-width:before{content:"\f035"}.icon-th:before{content:"\f00a"}.icon-th-large:before{content:"\f009"}.icon-thumbs-down:before{content:"\f165"}.icon-thumbs-up:before{content:"\f164"}.icon-times:before{content:"\f00d"}.icon-toggle-off:before{content:"\f204"}.icon-toggle-on:before{content:"\f205"}.icon-tools:before{content:"\f0ad"}.icon-trash:before{content:"\f1f8"}.icon-tree-2:before{content:"\f0e8"}.icon-tree:before{content:"\f126"}.icon-trophy:before{content:"\f091"}.icon-unarchive:before{content:"\f07c"}.icon-unblock:before{content:"\f021"}.icon-undo-2:before,.icon-undo:before{content:"\f0e2"}.icon-unfeatured:before{content:"\f111"}.icon-universal-access:before,.icon-universal:before{content:"\f29a"}.icon-unlock-alt:before{content:"\f13e"}.icon-unlock:before{content:"\f09c"}.icon-unpublish:before{content:"\f00d"}.icon-uparrow:before{content:"\f077"}.icon-upload:before{content:"\f093"}.icon-user-circle:before{content:"\f2bd"}.icon-user-edit:before{content:"\f4ff"}.icon-user-lock:before{content:"\f502"}.icon-user-tag:before{content:"\f507"}.icon-user:before{content:"\f007"}.icon-users-cog:before{content:"\f509"}.icon-users:before{content:"\f0c0"}.icon-vcard:before{content:"\f2bb"}.icon-video-2:before{content:"\f04b"}.icon-video:before{content:"\f03d"}.icon-wand:before{content:"\f0d0"}.icon-warning-2:before{content:"\f071"}.icon-warning-circle:before{content:"\f06a"}.icon-warning:before{content:"\f071"}.icon-wifi:before{content:"\f1eb"}.icon-wrench:before{content:"\f0ad"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"} div#jrealtime_msg{display:block;width:400px;cursor:auto;position:fixed;left:50%;top:50%;margin-left:-200px;margin-top:0;-webkit-box-shadow:0 0 7px 5px rgba(0,0,0,0.4);-moz-box-shadow:0 0 7px 5px rgba(0,0,0,0.4);box-shadow:0 0 7px 5px rgba(0,0,0,0.4);-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;z-index:20000;background-color:#EEE;padding:3px}div#jrealtime_msgtext{clear:both;margin:5px 0 0 0;font-size:14px;text-align:center}div#jrealtime_msgtitle{text-align:center;font-weight:bold;font-size:16px;border-bottom:1px solid #CCC;padding:5px;background-color:#fdfdfd} @charset "UTF-8"; /*! * Bootstrap v5.2.3 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (prefers-reduced-motion:no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; text-align: var(--body-text-align); font-family: var(--body-font-family); font-size: var(--body-font-size); font-weight: var(--body-font-weight); line-height: var(--body-line-height); color: var(--body-color); background-color: var(--body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); } hr { margin: 1rem 0; border: 0; border-top: 1px solid; color: inherit; opacity: .25; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; } .h1, h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width:1200px) { .h1, h1 { font-size: 2.5rem; } } .h2, h2 { font-size: calc(1.325rem + .9vw); } @media (min-width:1200px) { .h2, h2 { font-size: 2rem; } } .h3, h3 { font-size: calc(1.3rem + .6vw); } @media (min-width:1200px) { .h3, h3 { font-size: 1.75rem; } } .h4, h4 { font-size: calc(1.275rem + .3vw); } @media (min-width:1200px) { .h4, h4 { font-size: 1.5rem; } } .h5, h5 { font-size: 1.25rem; } .h6, h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { text-decoration: underline dotted; cursor: help; -webkit-text-decoration: underline dotted; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } dl, ol, ul { margin-top: 0; margin-bottom: 1rem; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } .small, small { font-size: .875em; } .mark, mark { padding: .1875em; background-color: var(--highlight-bg); } sub, sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { text-decoration: underline; color: var(--link-color); } a:hover { color: var(--link-hover-color); } a:not([href]):not([class]) , a:not([href]):not([class]):hover { text-decoration: none; color: inherit; } code, kbd, pre, samp { font-family: var(--font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: .875em; } pre code { font-size: inherit; word-break: normal; color: inherit; } code { font-size: .875em; color: var(--code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: .1875rem .375rem; border-radius: .2rem; font-size: .875em; color: var(--body-bg); background-color: var(--body-color); } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { border-collapse: collapse; caption-side: bottom; } caption { padding-top: .5rem; padding-bottom: .5rem; text-align: left; color: #6d757e; } th { text-align: inherit; text-align: -webkit-match-parent; } tbody, td, tfoot, th, thead, tr { border: 0 solid; border-color: inherit; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none!important; } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; } [type=button]:not(:disabled) , [type=reset]:not(:disabled) , [type=submit]:not(:disabled) , button:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { margin: 0; padding: 0; min-width: 0; border: 0; } legend { float: left; width: 100%; margin-bottom: .5rem; padding: 0; font-size: calc(1.275rem + .3vw); line-height: inherit; } @media (min-width:1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } ::file-selector-button { -webkit-appearance: button; font: inherit; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none!important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width:1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width:1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width:1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width:1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width:1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width:1200px) { .display-6 { font-size: 2.5rem; } } .list-inline, .list-unstyled { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: .5rem; } .initialism { text-transform: uppercase; font-size: .875em; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: .875em; color: #6d757e; } .blockquote-footer:before { content: "— "; } .img-fluid, .img-thumbnail { height: auto; max-width: 100%; } .img-thumbnail { padding: .25rem; border: 1px solid var(--border-color); border-radius: .25rem; background-color: #fff; } .figure { display: inline-block; } .figure-img { margin-bottom: .5rem; line-height: 1; } .figure-caption { font-size: .875em; color: #6d757e; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --gutter-x: 1em; --gutter-y: 0; width: 100%; margin-right: auto; margin-left: auto; padding-right: calc(var(--gutter-x) *.5); padding-left: calc(var(--gutter-x) *.5); } @media (min-width:576px) { .container, .container-sm { max-width: 540px; } } @media (min-width:768px) { .container, .container-md, .container-sm { max-width: 720px; } } @media (min-width:992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px; } } @media (min-width:1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; } } @media (min-width:1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; } } .row { --gutter-x: 1em; --gutter-y: 0; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-top: calc(var(--gutter-y) *-1); margin-right: calc(var(--gutter-x) *-.5); margin-left: calc(var(--gutter-x) *-.5); -ms-flex-wrap: wrap; } .row > * { flex-shrink: 0; width: 100%; margin-top: var(--gutter-y); padding-right: calc(var(--gutter-x) *.5); padding-left: calc(var(--gutter-x) *.5); max-width: 100%; -ms-flex-negative: 0; } .col { flex: 1 0 0%; -webkit-box-flex: 1; -ms-flex: 1 0 0%; } .row-cols-auto > * { width: auto; } .row-cols-1 > *, .row-cols-auto > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-1 > * { width: 100%; } .row-cols-2 > * { width: 50%; } .row-cols-2 > *, .row-cols-3 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-3 > * { width: 33.3333333333%; } .row-cols-4 > * { width: 25%; } .row-cols-4 > *, .row-cols-5 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-5 > * { width: 20%; } .row-cols-6 > * { width: 16.6666666667%; } .col-auto, .row-cols-6 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-auto { width: auto; } .col-1 { width: 8.33333333%; } .col-1, .col-2 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-2 { width: 16.66666667%; } .col-3 { width: 25%; } .col-3, .col-4 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-4 { width: 33.33333333%; } .col-5 { width: 41.66666667%; } .col-5, .col-6 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-6 { width: 50%; } .col-7 { width: 58.33333333%; } .col-7, .col-8 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-8 { width: 66.66666667%; } .col-9 { width: 75%; } .col-10, .col-9 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-10 { width: 83.33333333%; } .col-11 { width: 91.66666667%; } .col-11, .col-12 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-12 { width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --gutter-x: 0; } .g-0, .gy-0 { --gutter-y: 0; } .g-1, .gx-1 { --gutter-x: 0.25rem; } .g-1, .gy-1 { --gutter-y: 0.25rem; } .g-2, .gx-2 { --gutter-x: 0.5rem; } .g-2, .gy-2 { --gutter-y: 0.5rem; } .g-3, .gx-3 { --gutter-x: 1rem; } .g-3, .gy-3 { --gutter-y: 1rem; } .g-4, .gx-4 { --gutter-x: 1.5rem; } .g-4, .gy-4 { --gutter-y: 1.5rem; } .g-5, .gx-5 { --gutter-x: 3rem; } .g-5, .gy-5 { --gutter-y: 3rem; } @media (min-width:576px) { .col-sm { flex: 1 0 0%; -webkit-box-flex: 1; -ms-flex: 1 0 0%; } .row-cols-sm-auto > * { width: auto; } .row-cols-sm-1 > *, .row-cols-sm-auto > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-sm-1 > * { width: 100%; } .row-cols-sm-2 > * { width: 50%; } .row-cols-sm-2 > *, .row-cols-sm-3 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-sm-3 > * { width: 33.3333333333%; } .row-cols-sm-4 > * { width: 25%; } .row-cols-sm-4 > *, .row-cols-sm-5 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-sm-5 > * { width: 20%; } .row-cols-sm-6 > * { width: 16.6666666667%; } .col-sm-auto, .row-cols-sm-6 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-sm-auto { width: auto; } .col-sm-1 { width: 8.33333333%; } .col-sm-1, .col-sm-2 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-sm-2 { width: 16.66666667%; } .col-sm-3 { width: 25%; } .col-sm-3, .col-sm-4 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-sm-4 { width: 33.33333333%; } .col-sm-5 { width: 41.66666667%; } .col-sm-5, .col-sm-6 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333333%; } .col-sm-7, .col-sm-8 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-sm-8 { width: 66.66666667%; } .col-sm-9 { width: 75%; } .col-sm-10, .col-sm-9 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-sm-10 { width: 83.33333333%; } .col-sm-11 { width: 91.66666667%; } .col-sm-11, .col-sm-12 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-sm-12 { width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --gutter-x: 0; } .g-sm-0, .gy-sm-0 { --gutter-y: 0; } .g-sm-1, .gx-sm-1 { --gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --gutter-y: 3rem; } } @media (min-width:768px) { .col-md { flex: 1 0 0%; -webkit-box-flex: 1; -ms-flex: 1 0 0%; } .row-cols-md-auto > * { width: auto; } .row-cols-md-1 > *, .row-cols-md-auto > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-md-1 > * { width: 100%; } .row-cols-md-2 > * { width: 50%; } .row-cols-md-2 > *, .row-cols-md-3 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-md-3 > * { width: 33.3333333333%; } .row-cols-md-4 > * { width: 25%; } .row-cols-md-4 > *, .row-cols-md-5 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-md-5 > * { width: 20%; } .row-cols-md-6 > * { width: 16.6666666667%; } .col-md-auto, .row-cols-md-6 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-md-auto { width: auto; } .col-md-1 { width: 8.33333333%; } .col-md-1, .col-md-2 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-md-2 { width: 16.66666667%; } .col-md-3 { width: 25%; } .col-md-3, .col-md-4 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-md-4 { width: 33.33333333%; } .col-md-5 { width: 41.66666667%; } .col-md-5, .col-md-6 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333333%; } .col-md-7, .col-md-8 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-md-8 { width: 66.66666667%; } .col-md-9 { width: 75%; } .col-md-10, .col-md-9 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-md-10 { width: 83.33333333%; } .col-md-11 { width: 91.66666667%; } .col-md-11, .col-md-12 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-md-12 { width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --gutter-x: 0; } .g-md-0, .gy-md-0 { --gutter-y: 0; } .g-md-1, .gx-md-1 { --gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --gutter-x: 1rem; } .g-md-3, .gy-md-3 { --gutter-y: 1rem; } .g-md-4, .gx-md-4 { --gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --gutter-x: 3rem; } .g-md-5, .gy-md-5 { --gutter-y: 3rem; } } @media (min-width:992px) { .col-lg { flex: 1 0 0%; -webkit-box-flex: 1; -ms-flex: 1 0 0%; } .row-cols-lg-auto > * { width: auto; } .row-cols-lg-1 > *, .row-cols-lg-auto > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-lg-1 > * { width: 100%; } .row-cols-lg-2 > * { width: 50%; } .row-cols-lg-2 > *, .row-cols-lg-3 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-lg-3 > * { width: 33.3333333333%; } .row-cols-lg-4 > * { width: 25%; } .row-cols-lg-4 > *, .row-cols-lg-5 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-lg-5 > * { width: 20%; } .row-cols-lg-6 > * { width: 16.6666666667%; } .col-lg-auto, .row-cols-lg-6 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-lg-auto { width: auto; } .col-lg-1 { width: 8.33333333%; } .col-lg-1, .col-lg-2 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-lg-2 { width: 16.66666667%; } .col-lg-3 { width: 25%; } .col-lg-3, .col-lg-4 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-lg-4 { width: 33.33333333%; } .col-lg-5 { width: 41.66666667%; } .col-lg-5, .col-lg-6 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333333%; } .col-lg-7, .col-lg-8 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-lg-8 { width: 66.66666667%; } .col-lg-9 { width: 75%; } .col-lg-10, .col-lg-9 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-lg-10 { width: 83.33333333%; } .col-lg-11 { width: 91.66666667%; } .col-lg-11, .col-lg-12 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-lg-12 { width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --gutter-x: 0; } .g-lg-0, .gy-lg-0 { --gutter-y: 0; } .g-lg-1, .gx-lg-1 { --gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --gutter-y: 3rem; } } @media (min-width:1200px) { .col-xl { flex: 1 0 0%; -webkit-box-flex: 1; -ms-flex: 1 0 0%; } .row-cols-xl-auto > * { width: auto; } .row-cols-xl-1 > *, .row-cols-xl-auto > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-xl-1 > * { width: 100%; } .row-cols-xl-2 > * { width: 50%; } .row-cols-xl-2 > *, .row-cols-xl-3 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-xl-3 > * { width: 33.3333333333%; } .row-cols-xl-4 > * { width: 25%; } .row-cols-xl-4 > *, .row-cols-xl-5 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-xl-5 > * { width: 20%; } .row-cols-xl-6 > * { width: 16.6666666667%; } .col-xl-auto, .row-cols-xl-6 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-xl-auto { width: auto; } .col-xl-1 { width: 8.33333333%; } .col-xl-1, .col-xl-2 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-xl-2 { width: 16.66666667%; } .col-xl-3 { width: 25%; } .col-xl-3, .col-xl-4 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-xl-4 { width: 33.33333333%; } .col-xl-5 { width: 41.66666667%; } .col-xl-5, .col-xl-6 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-xl-6 { width: 50%; } .col-xl-7 { width: 58.33333333%; } .col-xl-7, .col-xl-8 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-xl-8 { width: 66.66666667%; } .col-xl-9 { width: 75%; } .col-xl-10, .col-xl-9 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-xl-10 { width: 83.33333333%; } .col-xl-11 { width: 91.66666667%; } .col-xl-11, .col-xl-12 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-xl-12 { width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --gutter-x: 0; } .g-xl-0, .gy-xl-0 { --gutter-y: 0; } .g-xl-1, .gx-xl-1 { --gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --gutter-y: 3rem; } } @media (min-width:1400px) { .col-xxl { flex: 1 0 0%; -webkit-box-flex: 1; -ms-flex: 1 0 0%; } .row-cols-xxl-auto > * { width: auto; } .row-cols-xxl-1 > *, .row-cols-xxl-auto > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-xxl-1 > * { width: 100%; } .row-cols-xxl-2 > * { width: 50%; } .row-cols-xxl-2 > *, .row-cols-xxl-3 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-xxl-3 > * { width: 33.3333333333%; } .row-cols-xxl-4 > * { width: 25%; } .row-cols-xxl-4 > *, .row-cols-xxl-5 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .row-cols-xxl-5 > * { width: 20%; } .row-cols-xxl-6 > * { width: 16.6666666667%; } .col-xxl-auto, .row-cols-xxl-6 > * { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-xxl-auto { width: auto; } .col-xxl-1 { width: 8.33333333%; } .col-xxl-1, .col-xxl-2 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-xxl-2 { width: 16.66666667%; } .col-xxl-3 { width: 25%; } .col-xxl-3, .col-xxl-4 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-xxl-4 { width: 33.33333333%; } .col-xxl-5 { width: 41.66666667%; } .col-xxl-5, .col-xxl-6 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-xxl-6 { width: 50%; } .col-xxl-7 { width: 58.33333333%; } .col-xxl-7, .col-xxl-8 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-xxl-8 { width: 66.66666667%; } .col-xxl-9 { width: 75%; } .col-xxl-10, .col-xxl-9 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-xxl-10 { width: 83.33333333%; } .col-xxl-11 { width: 91.66666667%; } .col-xxl-11, .col-xxl-12 { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; } .col-xxl-12 { width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --gutter-y: 3rem; } } .table { --table-color: var(--body-color); --table-bg: transparent; --table-border-color: var(--border-color); --table-accent-bg: transparent; --table-striped-color: var(--body-color); --table-striped-bg: rgba(0,0,0,.05); --table-active-color: var(--body-color); --table-active-bg: rgba(0,0,0,.1); --table-hover-color: var(--body-color); --table-hover-bg: rgba(0,0,0,.075); width: 100%; margin-bottom: 1rem; border-color: var(--table-border-color); vertical-align: top; color: var(--table-color); } .table>:not(caption) > * > * { padding: .5rem; border-bottom-width: 1px; background-color: var(--table-bg); -webkit-box-shadow: inset 0 0 0 9999px var(--table-accent-bg); box-shadow: inset 0 0 0 9999px var(--table-accent-bg); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table-group-divider { border-top: 2px solid; } .caption-top { caption-side: top; } .table-sm>:not(caption) > * > * { padding: .25rem; } .table-bordered>:not(caption) > * { border-width: 1px 0; } .table-bordered>:not(caption) > * > * { border-width: 0 1px; } .table-borderless>:not(caption) > * > * { border-bottom-width: 0; } .table-borderless>:not(:first-child) { border-top-width: 0; } .table-striped-columns>:not(caption) >tr>:nth-child(2n) , .table-striped>tbody>tr:nth-of-type(odd) > * { --table-accent-bg: var(--table-striped-bg); color: var(--table-striped-color); } .table-active { --table-accent-bg: var(--table-active-bg); color: var(--table-active-color); } .table-hover > tbody > tr:hover>* { --table-accent-bg: var(--table-hover-bg); color: var(--table-hover-color); } .table-primary { --table-color: #000; --table-bg: #cfd4dd; --table-border-color: #babfc7; --table-striped-bg: #c5c9d2; --table-striped-color: #000; --table-active-bg: #babfc7; --table-active-color: #000; --table-hover-bg: #bfc4cc; --table-hover-color: #000; } .table-primary, .table-secondary { border-color: var(--table-border-color); color: var(--table-color); } .table-secondary { --table-color: #000; --table-bg: #e2e3e5; --table-border-color: #cbccce; --table-striped-bg: #d7d8da; --table-striped-color: #000; --table-active-bg: #cbccce; --table-active-color: #000; --table-hover-bg: #d1d2d4; --table-hover-color: #000; } .table-success { --table-color: #000; --table-bg: #dae6da; --table-border-color: #c4cfc4; --table-striped-bg: #cfdbcf; --table-striped-color: #000; --table-active-bg: #c4cfc4; --table-active-color: #000; --table-hover-bg: #cad5ca; --table-hover-color: #000; } .table-info, .table-success { border-color: var(--table-border-color); color: var(--table-color); } .table-info { --table-color: #000; --table-bg: #d6e0e8; --table-border-color: #c1cad1; --table-striped-bg: #cbd5dc; --table-striped-color: #000; --table-active-bg: #c1cad1; --table-active-color: #000; --table-hover-bg: #c6cfd7; --table-hover-color: #000; } .table-warning { --table-color: #000; --table-bg: #efe0cc; --table-border-color: #d7cab8; --table-striped-bg: #e3d5c2; --table-striped-color: #000; --table-active-bg: #d7cab8; --table-active-color: #000; --table-hover-bg: #ddcfbd; --table-hover-color: #000; } .table-danger, .table-warning { border-color: var(--table-border-color); color: var(--table-color); } .table-danger { --table-color: #000; --table-bg: #edd2d1; --table-border-color: #d5bdbc; --table-striped-bg: #e1c8c7; --table-striped-color: #000; --table-active-bg: #d5bdbc; --table-active-color: #000; --table-hover-bg: #dbc2c1; --table-hover-color: #000; } .table-light { --table-color: #000; --table-bg: #f9fafb; --table-border-color: #e0e1e2; --table-striped-bg: #edeeee; --table-striped-color: #000; --table-active-bg: #e0e1e2; --table-active-color: #000; --table-hover-bg: #e6e7e8; --table-hover-color: #000; } .table-dark, .table-light { border-color: var(--table-border-color); color: var(--table-color); } .table-dark { --table-color: #fff; --table-bg: #353b41; --table-border-color: #494f54; --table-striped-bg: #3f454b; --table-striped-color: #fff; --table-active-bg: #494f54; --table-active-color: #fff; --table-hover-bg: #444a4f; --table-hover-color: #fff; } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width:575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width:767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width:991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width:1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width:1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: .5rem; } .col-form-label { margin-bottom: 0; padding-top: calc(.6rem + 1px); padding-bottom: calc(.6rem + 1px); font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; } .form-text { margin-top: .25rem; font-size: .875em; color: #6d757e; } .form-control { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; padding: .6rem 1rem; border: 1px solid #ced4da; border-radius: .25rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #22262a; background-clip: padding-box; -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .form-control { -webkit-transition: none; -o-transition: none; transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { border-color: #8894aa; outline: 0; color: #22262a; background-color: #fff; -webkit-box-shadow: 0 0 0 .25rem rgba(1,1,86,.25); box-shadow: 0 0 0 .25rem rgba(1,1,86,.25); } .form-control::-webkit-date-and-time-value { height: 1.5em; } .form-control::-webkit-input-placeholder { color: #6d757e; opacity: 1; } .form-control::-moz-placeholder { color: #6d757e; opacity: 1; } .form-control:-ms-input-placeholder { color: #6d757e; opacity: 1; } .form-control::-ms-input-placeholder { color: #6d757e; opacity: 1; } .form-control::placeholder { color: #6d757e; opacity: 1; } .form-control:disabled { opacity: 1; background-color: #eaedf0; } .form-control::-webkit-file-upload-button { margin: -.6rem -1rem; padding: .6rem 1rem; border: 0 solid; border-color: inherit; border-radius: 0; color: #22262a; background-color: #eaedf0; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; pointer-events: none; -webkit-margin-end: 1rem; border-inline-end-width: 1px; margin-inline-end: 1rem; } .form-control::file-selector-button { margin: -.6rem -1rem; padding: .6rem 1rem; border: 0 solid; border-color: inherit; border-radius: 0; color: #22262a; background-color: #eaedf0; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; pointer-events: none; -webkit-margin-end: 1rem; border-inline-end-width: 1px; margin-inline-end: 1rem; } @media (prefers-reduced-motion:reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } .form-control::file-selector-button { -webkit-transition: none; -o-transition: none; transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dee1e4; } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dee1e4; } .form-control-plaintext { display: block; width: 100%; margin-bottom: 0; padding: .6rem 0; border: solid transparent; border-width: 1px 0; line-height: 1.5; color: #22262a; background-color: transparent; } .form-control-plaintext:focus { outline: 0; } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0; } .form-control-sm { padding: .25rem .5rem; min-height: calc(1.5em + .5rem + 2px); border-radius: .2rem; font-size: .875rem; } .form-control-sm::-webkit-file-upload-button { margin: -.25rem -.5rem; padding: .25rem .5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem; } .form-control-sm::file-selector-button { margin: -.25rem -.5rem; padding: .25rem .5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem; } .form-control-lg { padding: .5rem 1rem; min-height: calc(1.5em + 1rem + 2px); border-radius: .3rem; font-size: 1.25rem; } .form-control-lg::-webkit-file-upload-button { margin: -.5rem -1rem; padding: .5rem 1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } .form-control-lg::file-selector-button { margin: -.5rem -1rem; padding: .5rem 1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + 1.2rem + 2px); } textarea.form-control-sm { min-height: calc(1.5em + .5rem + 2px); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px); } .form-control-color { width: 3rem; height: calc(1.5em + 1.2rem + 2px); padding: .6rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0!important; border-radius: .25rem; } .form-control-color::-webkit-color-swatch { border-radius: .25rem; } .form-control-color.form-control-sm { height: calc(1.5em + .5rem + 2px); } .form-control-color.form-control-lg { height: calc(1.5em + 1rem + 2px); } .custom-select, .form-select { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; padding: .6rem 3rem .6rem 1rem; border-radius: .25rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #22262a; background-image: url(//www.msecurite.fr//templates/cassiopeia/css/../images/select-bg.svg); background-position: right 1rem center; background-repeat: no-repeat; background-size: 116rem; -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -moz-padding-start: calc(1rem - 3px); } @media (prefers-reduced-motion:reduce) { .custom-select, .form-select { -webkit-transition: none; -o-transition: none; transition: none; } } .custom-select:focus, .form-select:focus { border-color: #8894aa; outline: 0; } .form-select[multiple], .form-select[size]:not([size="1"]) , [multiple].custom-select, [size].custom-select:not([size="1"]) { padding-right: 1rem; background-image: none; } .custom-select:disabled, .form-select:disabled { background-color: #eaedf0; } .custom-select:-moz-focusring, .form-select:-moz-focusring { text-shadow: 0 0 0 #22262a; color: transparent; } .form-select-sm { padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; border-radius: .2rem; font-size: .875rem; } .form-select-lg { padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; border-radius: .3rem; font-size: 1.25rem; } .form-check { display: block; margin-bottom: .125rem; padding-left: 1.5em; min-height: 1.5rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-reverse { padding-right: 1.5em; padding-left: 0; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; } .form-check-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 1em; height: 1em; margin-top: .25em; border: 1px solid rgba(0,0,0,.25); vertical-align: top; background-color: #fff; background-position: 50%; background-repeat: no-repeat; background-size: contain; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: .25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { -webkit-filter: brightness(90%); filter: brightness(90%); } .form-check-input:focus { border-color: #8894aa; outline: 0; -webkit-box-shadow: 0 0 0 .25rem rgba(1,1,86,.25); box-shadow: 0 0 0 .25rem rgba(1,1,86,.25); } .form-check-input:checked { border-color: #010156; background-color: #010156; } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='hsl%280, 0%, 100%%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='hsl%280, 0%, 100%%29'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { border-color: #010156; background-color: #010156; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='hsl%280, 0%, 100%%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { opacity: .5; pointer-events: none; -webkit-filter: none; filter: none; } .form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label { opacity: .5; cursor: default; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; border-radius: 2em; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25) '/%3E%3C/svg%3E"); background-position: 0; -webkit-transition: background-position .15s ease-in-out; -o-transition: background-position .15s ease-in-out; transition: background-position .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .form-switch .form-check-input { -webkit-transition: none; -o-transition: none; transition: none; } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%238894aa'/%3E%3C/svg%3E"); } .form-switch .form-check-input:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl%280, 0%, 100%%29'/%3e%3c/svg%3e"); background-position: 100%; } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0,0,0,0); pointer-events: none; } .btn-check:disabled + .btn, .btn-check[disabled] + .btn { opacity: .65; pointer-events: none; -webkit-filter: none; filter: none; } .form-range { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 1.5rem; padding: 0; background-color: transparent; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(1,1,86,.25); box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(1,1,86,.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(1,1,86,.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 1rem; height: 1rem; margin-top: -.25rem; border: 0; border-radius: 1rem; background-color: #010156; -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #b8bfcc; } .form-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; border-color: transparent; border-radius: 1rem; color: transparent; background-color: #dfe3e7; cursor: pointer; } .form-range::-moz-range-thumb { -moz-appearance: none; appearance: none; width: 1rem; height: 1rem; border: 0; border-radius: 1rem; background-color: #010156; -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #b8bfcc; } .form-range::-moz-range-track { width: 100%; height: .5rem; border-color: transparent; border-radius: 1rem; color: transparent; background-color: #dfe3e7; cursor: pointer; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .form-floating { position: relative; } .form-floating > .custom-select, .form-floating > .form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select { height: calc(3.5rem + 2px); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1rem; border: 1px solid transparent; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out; -o-transition: opacity .1s ease-in-out,transform .1s ease-in-out; transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out; transition: opacity .1s ease-in-out,transform .1s ease-in-out; transition: opacity .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out; -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; -o-text-overflow: ellipsis; } @media (prefers-reduced-motion:reduce) { .form-floating > label { -webkit-transition: none; -o-transition: none; transition: none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem; } .form-floating > .form-control-plaintext::-webkit-input-placeholder, .form-floating > .form-control::-webkit-input-placeholder { color: transparent; } .form-floating > .form-control-plaintext::-moz-placeholder, .form-floating > .form-control::-moz-placeholder { color: transparent; } .form-floating > .form-control-plaintext:-ms-input-placeholder, .form-floating > .form-control:-ms-input-placeholder { color: transparent; } .form-floating > .form-control-plaintext::-ms-input-placeholder, .form-floating > .form-control::-ms-input-placeholder { color: transparent; } .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder { color: transparent; } .form-floating>.form-control-plaintext:not(:-moz-placeholder-shown) , .form-floating>.form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem; } .form-floating>.form-control-plaintext:not(:-ms-input-placeholder) , .form-floating>.form-control:not(:-ms-input-placeholder) { padding-top: 1.625rem; padding-bottom: .625rem; } .form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown) , .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem; } .form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: .625rem; } .form-floating > .custom-select, .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: .625rem; } .form-floating>.form-control:not(:-moz-placeholder-shown) ~label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem); } .form-floating>.form-control:not(:-ms-input-placeholder) ~label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem); } .form-floating>.custom-select~label, .form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown) ~label, .form-floating > .form-select~label { opacity: .65; -webkit-transform: scale(.85) translateY(-.5rem) translateX(.15rem); transform: scale(.85) translateY(-.5rem) translateX(.15rem); } .form-floating > .form-control:-webkit-autofill~label { opacity: .65; -webkit-transform: scale(.85) translateY(-.5rem) translateX(.15rem); transform: scale(.85) translateY(-.5rem) translateX(.15rem); } .form-floating > .form-control-plaintext~label { border-width: 1px 0; } .input-group { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; flex-wrap: wrap; align-items: stretch; width: 100%; -webkit-box-align: stretch; -ms-flex-align: stretch; -ms-flex-wrap: wrap; } .input-group > .custom-select, .input-group > .form-control, .input-group>.form-floating, .input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; } .input-group > .custom-select:focus, .input-group > .form-control:focus, .input-group>.form-floating:focus-within, .input-group>.form-select:focus { z-index: 5; } .input-group .btn { z-index: 2; position: relative; display: flex; align-items: center; padding: .6rem 1rem; text-align: center; font-size: 1rem; font-weight: 400; line-height: 1.5; white-space: nowrap; color: #22262a; background-color: #eaedf0; -webkit-box-align: center; -ms-flex-align: center; height: 50px !important; width: 20%; border-radius: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .input-group .btn:focus { z-index: 5; } .input-group-text { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; padding: .6rem 1rem; text-align: center; font-size: 1rem; font-weight: 400; line-height: 1.5; white-space: nowrap; color: #22262a; background-color: #eaedf0; -webkit-box-align: center; -ms-flex-align: center; height: 50px; } .input-group-lg > .btn, .input-group-lg > .custom-select, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text { padding: .5rem 1rem; border-radius: .3rem; font-size: 1.25rem; } .input-group-sm > .btn, .input-group-sm > .custom-select, .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text { padding: .25rem .5rem; border-radius: .2rem; font-size: .875rem; } .input-group-lg > .custom-select, .input-group-lg > .form-select, .input-group-sm>.custom-select, .input-group-sm>.form-select { padding-right: 4rem; } .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4) , .input-group.has-validation>.form-floating:nth-last-child(n+3) >.custom-select, .input-group.has-validation>.form-floating:nth-last-child(n+3) >.form-control, .input-group.has-validation>.form-floating:nth-last-child(n+3) >.form-select, .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) , .input-group:not(.has-validation) >.dropdown-toggle:nth-last-child(n+3) , .input-group:not(.has-validation) >.form-floating:not(:last-child) >.custom-select, .input-group:not(.has-validation) >.form-floating:not(:last-child) >.form-control, .input-group:not(.has-validation) >.form-floating:not(:last-child) >.form-select, .input-group:not(.has-validation) >:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group>.form-floating:not(:first-child) >.custom-select, .input-group>.form-floating:not(:first-child) >.form-control, .input-group>.form-floating:not(:first-child) > .form-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #448344; } .valid-tooltip { display: none; z-index: 5; position: absolute; top: 100%; margin-top: .1rem; padding: .25rem .5rem; max-width: 100%; border-radius: .25rem; font-size: .875rem; color: #fff; background-color: rgba(68,131,68,.9); } .is-valid~.valid-feedback, .is-valid~.valid-tooltip, .was-validated:valid~.valid-feedback, .was-validated:valid~.valid-tooltip { display: block; } .form-control.is-valid, .was-validated .form-control:valid { padding-right: calc(1.5em + 1.2rem); border-color: #448344; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='hsl%28120, 32%, 39%%29' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right calc(.375em + .3rem) center; background-repeat: no-repeat; background-size: calc(.75em + .6rem) calc(.75em + .6rem); } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #448344; -webkit-box-shadow: 0 0 0 .25rem rgba(68,131,68,.25); box-shadow: 0 0 0 .25rem rgba(68,131,68,.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 1.2rem); background-position: top calc(.375em + .3rem) right calc(.375em + .3rem); } .form-select.is-valid, .is-valid.custom-select, .was-validated .custom-select:valid, .was-validated .form-select:valid { border-color: #448344; } .form-select.is-valid:not([multiple]):not([size]) , .form-select.is-valid:not([multiple]) [size="1"], .is-valid.custom-select:not([multiple]):not([size]) , .is-valid.custom-select:not([multiple]) [size="1"], .was-validated .custom-select:valid:not([multiple]):not([size]) , .was-validated .custom-select:valid:not([multiple]) [size="1"], .was-validated .form-select:valid:not([multiple]):not([size]) , .was-validated .form-select:valid:not([multiple]) [size="1"] { padding-right: 5.5rem; background-image: url(//www.msecurite.fr//templates/cassiopeia/css/../images/select-bg.svg), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='hsl%28120, 32%, 39%%29' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right 1rem center,center right 3rem; background-size: 116rem,calc(.75em + .6rem) calc(.75em + .6rem); } .form-select.is-valid:focus, .is-valid.custom-select:focus, .was-validated .custom-select:valid:focus, .was-validated .form-select:valid:focus { border-color: #448344; -webkit-box-shadow: 0 0 0 .25rem rgba(68,131,68,.25); box-shadow: 0 0 0 .25rem rgba(68,131,68,.25); } .form-control-color.is-valid, .was-validated .form-control-color:valid { width: calc(4.2rem + 1.5em); } .form-check-input.is-valid, .was-validated .form-check-input:valid { border-color: #448344; } .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: #448344; } .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { -webkit-box-shadow: 0 0 0 .25rem rgba(68,131,68,.25); box-shadow: 0 0 0 .25rem rgba(68,131,68,.25); } .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { color: #448344; } .form-check-inline .form-check-input~.valid-feedback { margin-left: .5em; } .input-group>.custom-select:not(:focus) .is-valid, .input-group>.form-control:not(:focus) .is-valid, .input-group>.form-floating:not(:focus-within) .is-valid, .input-group>.form-select:not(:focus) .is-valid, .was-validated .input-group>.custom-select:not(:focus):valid, .was-validated .input-group>.form-control:not(:focus):valid, .was-validated .input-group>.form-floating:not(:focus-within):valid, .was-validated .input-group>.form-select:not(:focus):valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #a51f18; } .invalid-tooltip { display: none; z-index: 5; position: absolute; top: 100%; margin-top: .1rem; padding: .25rem .5rem; max-width: 100%; border-radius: .25rem; font-size: .875rem; color: #fff; background-color: rgba(165,31,24,.9); } .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated:invalid~.invalid-feedback, .was-validated:invalid~.invalid-tooltip { display: block; } .form-control.is-invalid, .was-validated .form-control:invalid { padding-right: calc(1.5em + 1.2rem); border-color: #a51f18; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='hsl%283, 75%, 37%%29'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='hsl%283, 75%, 37%%29' stroke='none'/%3e%3c/svg%3e"); background-position: right calc(.375em + .3rem) center; background-repeat: no-repeat; background-size: calc(.75em + .6rem) calc(.75em + .6rem); } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #a51f18; -webkit-box-shadow: 0 0 0 .25rem rgba(165,31,24,.25); box-shadow: 0 0 0 .25rem rgba(165,31,24,.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 1.2rem); background-position: top calc(.375em + .3rem) right calc(.375em + .3rem); } .form-select.is-invalid, .is-invalid.custom-select, .was-validated .custom-select:invalid, .was-validated .form-select:invalid { border-color: #a51f18; } .form-select.is-invalid:not([multiple]):not([size]) , .form-select.is-invalid:not([multiple]) [size="1"], .is-invalid.custom-select:not([multiple]):not([size]) , .is-invalid.custom-select:not([multiple]) [size="1"], .was-validated .custom-select:invalid:not([multiple]):not([size]) , .was-validated .custom-select:invalid:not([multiple]) [size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]) , .was-validated .form-select:invalid:not([multiple]) [size="1"] { padding-right: 5.5rem; background-image: url(//www.msecurite.fr//templates/cassiopeia/css/../images/select-bg.svg), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='hsl%283, 75%, 37%%29'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='hsl%283, 75%, 37%%29' stroke='none'/%3e%3c/svg%3e"); background-position: right 1rem center,center right 3rem; background-size: 116rem,calc(.75em + .6rem) calc(.75em + .6rem); } .form-select.is-invalid:focus, .is-invalid.custom-select:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-select:invalid:focus { border-color: #a51f18; -webkit-box-shadow: 0 0 0 .25rem rgba(165,31,24,.25); box-shadow: 0 0 0 .25rem rgba(165,31,24,.25); } .form-control-color.is-invalid, .was-validated .form-control-color:invalid { width: calc(4.2rem + 1.5em); } .form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-color: #a51f18; } .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { background-color: #a51f18; } .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { -webkit-box-shadow: 0 0 0 .25rem rgba(165,31,24,.25); box-shadow: 0 0 0 .25rem rgba(165,31,24,.25); } .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label { color: #a51f18; } .form-check-inline .form-check-input~.invalid-feedback { margin-left: .5em; } .input-group>.custom-select:not(:focus) .is-invalid, .input-group>.form-control:not(:focus) .is-invalid, .input-group>.form-floating:not(:focus-within) .is-invalid, .input-group>.form-select:not(:focus) .is-invalid, .was-validated .input-group>.custom-select:not(:focus):invalid, .was-validated .input-group>.form-control:not(:focus):invalid, .was-validated .input-group>.form-floating:not(:focus-within):invalid, .was-validated .input-group>.form-select:not(:focus):invalid { z-index: 4; } .btn { --btn-padding-x: 1rem; --btn-padding-y: 0.6rem; --btn-font-family: ; --btn-font-size: 1rem; --btn-font-weight: 400; --btn-line-height: 1.5; --btn-color: #22262a; --btn-bg: transparent; --btn-border-width: 1px; --btn-border-color: transparent; --btn-border-radius: 0.25rem; --btn-hover-border-color: transparent; --btn-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15) ,0 1px 1px rgba(0,0,0,.075); --btn-disabled-opacity: 0.65; --btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb) ,.5); display: inline-block; padding: var(--btn-padding-y) var(--btn-padding-x); border: var(--btn-border-width) solid var(--btn-border-color); border-radius: var(--btn-border-radius); text-align: center; text-decoration: none; font-family: var(--btn-font-family); font-size: var(--btn-font-size); font-weight: var(--btn-font-weight); line-height: var(--btn-line-height); vertical-align: middle; color: var(--btn-color); background-color: var(--btn-bg); -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; -ms-user-select: none; } @media (prefers-reduced-motion:reduce) { .btn { -webkit-transition: none; -o-transition: none; transition: none; } } .btn:hover { border-color: var(--btn-hover-border-color); color: var(--btn-hover-color); background-color: var(--btn-hover-bg); } .btn-check + .btn:hover { border-color: var(--btn-border-color); color: var(--btn-color); background-color: var(--btn-bg); } .btn:focus-visible { border-color: var(--btn-hover-border-color); outline: 0; color: var(--btn-hover-color); background-color: var(--btn-hover-bg); -webkit-box-shadow: var(--btn-focus-box-shadow); box-shadow: var(--btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--btn-hover-border-color); outline: 0; -webkit-box-shadow: var(--btn-focus-box-shadow); box-shadow: var(--btn-focus-box-shadow); } .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { border-color: var(--btn-active-border-color); color: var(--btn-active-color); background-color: var(--btn-active-bg); } .btn-check:checked+.btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible { -webkit-box-shadow: var(--btn-focus-box-shadow); box-shadow: var(--btn-focus-box-shadow); } .btn.disabled, .btn:disabled, fieldset:disabled .btn { border-color: var(--btn-disabled-border-color); color: var(--btn-disabled-color); opacity: var(--btn-disabled-opacity); background-color: var(--btn-disabled-bg); pointer-events: none; } .btn-primary { --btn-color: #fff; --btn-bg: #010156; --btn-border-color: #010156; --btn-hover-color: #fff; --btn-hover-bg: #010149; --btn-hover-border-color: #010145; --btn-focus-shadow-rgb: 39,39,111; --btn-active-color: #fff; --btn-active-bg: #010145; --btn-active-border-color: #010141; --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --btn-disabled-color: #fff; --btn-disabled-bg: #010156; --btn-disabled-border-color: #010156; } .btn-secondary { --btn-color: #fff; --btn-bg: #6d757e; --btn-border-color: #6d757e; --btn-hover-color: #fff; --btn-hover-bg: #5d636b; --btn-hover-border-color: #575e65; --btn-focus-shadow-rgb: 131,138,145; --btn-active-color: #fff; --btn-active-bg: #575e65; --btn-active-border-color: #52585f; --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --btn-disabled-color: #fff; --btn-disabled-bg: #6d757e; --btn-disabled-border-color: #6d757e; } .btn-success { --btn-color: #fff; --btn-bg: #448344; --btn-border-color: #448344; --btn-hover-color: #fff; --btn-hover-bg: #3a6f3a; --btn-hover-border-color: #366936; --btn-focus-shadow-rgb: 96,150,96; --btn-active-color: #fff; --btn-active-bg: #366936; --btn-active-border-color: #336233; --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --btn-disabled-color: #fff; --btn-disabled-bg: #448344; --btn-disabled-border-color: #448344; } .btn-info { --btn-color: #fff; --btn-bg: #30638d; --btn-border-color: #30638d; --btn-hover-color: #fff; --btn-hover-bg: #295478; --btn-hover-border-color: #264f71; --btn-focus-shadow-rgb: 79,122,158; --btn-active-color: #fff; --btn-active-bg: #264f71; --btn-active-border-color: #244a6a; --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --btn-disabled-color: #fff; --btn-disabled-bg: #30638d; --btn-disabled-border-color: #30638d; } .btn-warning { --btn-color: #fff; --btn-bg: #ad6200; --btn-border-color: #ad6200; --btn-hover-color: #fff; --btn-hover-bg: #935300; --btn-hover-border-color: #8a4e00; --btn-focus-shadow-rgb: 185,122,38; --btn-active-color: #fff; --btn-active-bg: #8a4e00; --btn-active-border-color: #824a00; --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --btn-disabled-color: #fff; --btn-disabled-bg: #ad6200; --btn-disabled-border-color: #ad6200; } .btn-danger { --btn-color: #fff; --btn-bg: #a51f18; --btn-border-color: #a51f18; --btn-hover-color: #fff; --btn-hover-bg: #8c1a14; --btn-hover-border-color: #841913; --btn-focus-shadow-rgb: 179,65,59; --btn-active-color: #fff; --btn-active-bg: #841913; --btn-active-border-color: #7c1712; --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --btn-disabled-color: #fff; --btn-disabled-bg: #a51f18; --btn-disabled-border-color: #a51f18; } .btn-light { --btn-color: #000; --btn-bg: #f9fafb; --btn-border-color: #f9fafb; --btn-hover-color: #000; --btn-hover-bg: #d4d5d5; --btn-hover-border-color: #c7c8c9; --btn-focus-shadow-rgb: 212,213,213; --btn-active-color: #000; --btn-active-bg: #c7c8c9; --btn-active-border-color: #bbbcbc; --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --btn-disabled-color: #000; --btn-disabled-bg: #f9fafb; --btn-disabled-border-color: #f9fafb; } .btn-dark { --btn-color: #fff; --btn-bg: #353b41; --btn-border-color: #353b41; --btn-hover-color: #fff; --btn-hover-bg: #53585e; --btn-hover-border-color: #494f54; --btn-focus-shadow-rgb: 83,88,94; --btn-active-color: #fff; --btn-active-bg: #5d6267; --btn-active-border-color: #494f54; --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --btn-disabled-color: #fff; --btn-disabled-bg: #353b41; --btn-disabled-border-color: #353b41; } .btn-outline-primary { --btn-color: #010156; --btn-border-color: #010156; --btn-hover-color: #fff; --btn-hover-bg: #010156; --btn-hover-border-color: #010156; --btn-focus-shadow-rgb: 1,1,86; --btn-active-color: #fff; --btn-active-bg: #010156; --btn-active-border-color: #010156; --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --btn-disabled-color: #010156; --btn-disabled-bg: transparent; --btn-disabled-border-color: #010156; --gradient: none; } .btn-outline-secondary { --btn-color: #6d757e; --btn-border-color: #6d757e; --btn-hover-color: #fff; --btn-hover-bg: #6d757e; --btn-hover-border-color: #6d757e; --btn-focus-shadow-rgb: 109,117,126; --btn-active-color: #fff; --btn-active-bg: #6d757e; --btn-active-border-color: #6d757e; --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --btn-disabled-color: #6d757e; --btn-disabled-bg: transparent; --btn-disabled-border-color: #6d757e; --gradient: none; } .btn-outline-success { --btn-color: #448344; --btn-border-color: #448344; --btn-hover-color: #fff; --btn-hover-bg: #448344; --btn-hover-border-color: #448344; --btn-focus-shadow-rgb: 68,131,68; --btn-active-color: #fff; --btn-active-bg: #448344; --btn-active-border-color: #448344; --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --btn-disabled-color: #448344; --btn-disabled-bg: transparent; --btn-disabled-border-color: #448344; --gradient: none; } .btn-outline-info { --btn-color: #30638d; --btn-border-color: #30638d; --btn-hover-color: #fff; --btn-hover-bg: #30638d; --btn-hover-border-color: #30638d; --btn-focus-shadow-rgb: 48,99,141; --btn-active-color: #fff; --btn-active-bg: #30638d; --btn-active-border-color: #30638d; --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --btn-disabled-color: #30638d; --btn-disabled-bg: transparent; --btn-disabled-border-color: #30638d; --gradient: none; } .btn-outline-warning { --btn-color: #ad6200; --btn-border-color: #ad6200; --btn-hover-color: #fff; --btn-hover-bg: #ad6200; --btn-hover-border-color: #ad6200; --btn-focus-shadow-rgb: 173,98,0; --btn-active-color: #fff; --btn-active-bg: #ad6200; --btn-active-border-color: #ad6200; --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --btn-disabled-color: #ad6200; --btn-disabled-bg: transparent; --btn-disabled-border-color: #ad6200; --gradient: none; } .btn-outline-danger { --btn-color: #a51f18; --btn-border-color: #a51f18; --btn-hover-color: #fff; --btn-hover-bg: #a51f18; --btn-hover-border-color: #a51f18; --btn-focus-shadow-rgb: 165,31,24; --btn-active-color: #fff; --btn-active-bg: #a51f18; --btn-active-border-color: #a51f18; --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --btn-disabled-color: #a51f18; --btn-disabled-bg: transparent; --btn-disabled-border-color: #a51f18; --gradient: none; } .btn-outline-light { --btn-color: #f9fafb; --btn-border-color: #f9fafb; --btn-hover-color: #000; --btn-hover-bg: #f9fafb; --btn-hover-border-color: #f9fafb; --btn-focus-shadow-rgb: 249,250,251; --btn-active-color: #000; --btn-active-bg: #f9fafb; --btn-active-border-color: #f9fafb; --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --btn-disabled-color: #f9fafb; --btn-disabled-bg: transparent; --btn-disabled-border-color: #f9fafb; --gradient: none; } .btn-outline-dark { --btn-color: #353b41; --btn-border-color: #353b41; --btn-hover-color: #fff; --btn-hover-bg: #353b41; --btn-hover-border-color: #353b41; --btn-focus-shadow-rgb: 53,59,65; --btn-active-color: #fff; --btn-active-bg: #353b41; --btn-active-border-color: #353b41; --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --btn-disabled-color: #353b41; --btn-disabled-bg: transparent; --btn-disabled-border-color: #353b41; --gradient: none; } .btn-link { --btn-font-weight: 400; --btn-color: var(--link-color); --btn-bg: transparent; --btn-border-color: transparent; --btn-hover-color: var(--link-hover-color); --btn-hover-border-color: transparent; --btn-active-color: var(--link-hover-color); --btn-active-border-color: transparent; --btn-disabled-color: #6d757e; --btn-disabled-border-color: transparent; --btn-box-shadow: none; --btn-focus-shadow-rgb: 39,39,111; text-decoration: underline; } .btn-link:focus-visible { color: var(--btn-color); } .btn-link:hover { color: var(--btn-hover-color); } .btn-group-lg > .btn, .btn-lg { --btn-padding-y: 0.5rem; --btn-padding-x: 1rem; --btn-font-size: 1.25rem; --btn-border-radius: 0.3rem; } .btn-group-sm > .btn, .btn-sm { --btn-padding-y: 0.25rem; --btn-padding-x: 0.5rem; --btn-font-size: 0.875rem; --btn-border-radius: 0.2rem; } .fade { -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } @media (prefers-reduced-motion:reduce) { .fade { -webkit-transition: none; -o-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; } @media (prefers-reduced-motion:reduce) { .collapsing { -webkit-transition: none; -o-transition: none; transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; -webkit-transition: width .35s ease; -o-transition: width .35s ease; transition: width .35s ease; } @media (prefers-reduced-motion:reduce) { .collapsing.collapse-horizontal { -webkit-transition: none; -o-transition: none; transition: none; } } .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle:after { content: ""; display: inline-block; margin-left: .255em; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; vertical-align: .255em; } .dropdown-toggle:empty:after { margin-left: 0; } .dropdown-menu { --dropdown-zindex: 1000; --dropdown-min-width: 10rem; --dropdown-padding-x: 0; --dropdown-padding-y: 0.5rem; --dropdown-spacer: 0.125rem; --dropdown-font-size: 1rem; --dropdown-color: #22262a; --dropdown-bg: #fff; --dropdown-border-color: var(--border-color-translucent); --dropdown-border-radius: 0.25rem; --dropdown-border-width: 1px; --dropdown-inner-border-radius: calc(0.25rem - 1px); --dropdown-divider-bg: var(--border-color-translucent); --dropdown-divider-margin-y: 0.5rem; --dropdown-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15); --dropdown-link-color: #22262a; --dropdown-link-hover-color: #1f2226; --dropdown-link-hover-bg: #eaedf0; --dropdown-link-active-color: #fff; --dropdown-link-active-bg: #010156; --dropdown-link-disabled-color: #adb5bd; --dropdown-item-padding-x: 1rem; --dropdown-item-padding-y: 0.25rem; --dropdown-header-color: #6d757e; --dropdown-header-padding-x: 1rem; --dropdown-header-padding-y: 0.5rem; display: none; z-index: var(--dropdown-zindex); position: absolute; margin: 0; padding: var(--dropdown-padding-y) var(--dropdown-padding-x); min-width: var(--dropdown-min-width); border: var(--dropdown-border-width) solid var(--dropdown-border-color); border-radius: var(--dropdown-border-radius); text-align: left; font-size: var(--dropdown-font-size); list-style: none; color: var(--dropdown-color); background-color: var(--dropdown-bg); background-clip: padding-box; } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--dropdown-spacer); } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width:576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width:768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width:992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width:1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width:1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--dropdown-spacer); } .dropup .dropdown-toggle:after { content: ""; display: inline-block; margin-left: .255em; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent; vertical-align: .255em; } .dropup .dropdown-toggle:empty:after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--dropdown-spacer); } .dropend .dropdown-toggle:after { content: ""; display: inline-block; margin-left: .255em; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid; vertical-align: .255em; } .dropend .dropdown-toggle:empty:after { margin-left: 0; } .dropend .dropdown-toggle:after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--dropdown-spacer); } .dropstart .dropdown-toggle:after { content: ""; display: inline-block; display: none; margin-left: .255em; vertical-align: .255em; } .dropstart .dropdown-toggle:before { content: ""; display: inline-block; margin-right: .255em; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent; vertical-align: .255em; } .dropstart .dropdown-toggle:empty:after { margin-left: 0; } .dropstart .dropdown-toggle:before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--dropdown-divider-margin-y) 0; border-top: 1px solid var(--dropdown-divider-bg); overflow: hidden; opacity: 1; } .dropdown-item { display: block; clear: both; width: 100%; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); border: 0; text-align: inherit; text-decoration: none; font-weight: 400; white-space: nowrap; color: var(--dropdown-link-color); background-color: transparent; } .dropdown-item:focus, .dropdown-item:hover { color: var(--dropdown-link-hover-color); background-color: var(--dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { text-decoration: none; color: var(--dropdown-link-active-color); background-color: var(--dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--dropdown-link-disabled-color); background-color: transparent; pointer-events: none; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; margin-bottom: 0; padding: var(--dropdown-header-padding-y) var(--dropdown-header-padding-x); font-size: .875rem; white-space: nowrap; color: var(--dropdown-header-color); } .dropdown-item-text { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); color: var(--dropdown-link-color); } .dropdown-menu-dark { --dropdown-color: #dfe3e7; --dropdown-bg: #353b41; --dropdown-border-color: var(--border-color-translucent); --dropdown-box-shadow: ; --dropdown-link-color: #dfe3e7; --dropdown-link-hover-color: #fff; --dropdown-divider-bg: var(--border-color-translucent); --dropdown-link-hover-bg: hsla(0,0%,100%,.15); --dropdown-link-active-color: #fff; --dropdown-link-active-bg: #010156; --dropdown-link-disabled-color: #adb5bd; --dropdown-header-color: #adb5bd; } .btn-group, .btn-group-vertical { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 1 1 auto; -webkit-box-flex: 1; -ms-flex: 1 1 auto; } .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical>.btn-check:focus+.btn, .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn-check:checked+.btn, .btn-group>.btn-check:focus+.btn, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 1; } .btn-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; -ms-flex-wrap: wrap; } .btn-toolbar .input-group { width: auto; } .btn-group { border-radius: .25rem; } .btn-group>.btn-group:not(:first-child) , .btn-group>:not(.btn-check:first-child) + .btn { margin-left: -1px; } .btn-group>.btn-group:not(:last-child) >.btn, .btn-group>.btn.dropdown-toggle-split:first-child, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group>.btn-group:not(:first-child) >.btn, .btn-group>.btn:nth-child(n+3) , .btn-group>:not(.btn-check) + .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem; } .dropdown-toggle-split:after, .dropend .dropdown-toggle-split:after, .dropup .dropdown-toggle-split:after { margin-left: 0; } .dropstart .dropdown-toggle-split:before { margin-right: 0; } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm+.dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem; } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg+.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; -webkit-box-pack: center; -ms-flex-pack: center; -ms-flex-direction: column; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical>.btn-group:not(:first-child) , .btn-group-vertical>.btn:not(:first-child) { margin-top: -1px; } .btn-group-vertical>.btn-group:not(:last-child) >.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .btn-group-vertical>.btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn~.btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { --nav-link-padding-x: 1rem; --nav-link-padding-y: 0.5rem; --nav-link-font-weight: ; --nav-link-color: var(--link-color); --nav-link-hover-color: var(--link-hover-color); --nav-link-disabled-color: #6d757e; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-bottom: 0; padding-left: 0; list-style: none; -ms-flex-wrap: wrap; } .nav-link { display: block; padding: var(--nav-link-padding-y) var(--nav-link-padding-x); text-decoration: none; font-size: var(--nav-link-font-size); font-weight: var(--nav-link-font-weight); color: var(--nav-link-color); -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .nav-link { -webkit-transition: none; -o-transition: none; transition: none; } } .nav-link:focus, .nav-link:hover { color: var(--nav-link-hover-color); } .nav-link.disabled { color: var(--nav-link-disabled-color); cursor: default; pointer-events: none; } .nav-tabs { --nav-tabs-border-width: 1px; --nav-tabs-border-color: #dfe3e7; --nav-tabs-border-radius: 0.25rem; --nav-tabs-link-hover-border-color: #eaedf0 #eaedf0 #dfe3e7; --nav-tabs-link-active-color: #484f56; --nav-tabs-link-active-bg: #fff; --nav-tabs-link-active-border-color: #dfe3e7 #dfe3e7 #fff; border-bottom: var(--nav-tabs-border-width) solid var(--nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(var(--nav-tabs-border-width) *-1); border: var(--nav-tabs-border-width) solid transparent; border-top-left-radius: var(--nav-tabs-border-radius); border-top-right-radius: var(--nav-tabs-border-radius); background: none; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: var(--nav-tabs-link-hover-border-color); isolation: isolate; } .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled { border-color: transparent; color: var(--nav-link-disabled-color); background-color: transparent; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border-color: var(--nav-tabs-link-active-border-color); color: var(--nav-tabs-link-active-color); background-color: var(--nav-tabs-link-active-bg); } .nav-tabs .dropdown-menu { margin-top: calc(var(--nav-tabs-border-width) *-1); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { --nav-pills-border-radius: 0.25rem; --nav-pills-link-active-color: #fff; --nav-pills-link-active-bg: #010156; } .nav-pills .nav-link { border: 0; border-radius: var(--nav-pills-border-radius); background: none; } .nav-pills .nav-link:disabled { border-color: transparent; color: var(--nav-link-disabled-color); background-color: transparent; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--nav-pills-link-active-color); background-color: var(--nav-pills-link-active-bg); } .nav-fill .nav-item, .nav-fill > .nav-link { flex: 1 1 auto; text-align: center; -webkit-box-flex: 1; -ms-flex: 1 1 auto; } .nav-justified .nav-item, .nav-justified > .nav-link { flex-basis: 0; flex-grow: 1; text-align: center; -ms-flex-preferred-size: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --navbar-padding-x: 0; --navbar-padding-y: 0.5rem; --navbar-color: rgba(0,0,0,.55); --navbar-hover-color: rgba(0,0,0,.7); --navbar-disabled-color: rgba(0,0,0,.3); --navbar-active-color: rgba(0,0,0,.9); --navbar-brand-padding-y: 0.3125rem; --navbar-brand-margin-end: 1rem; --navbar-brand-font-size: 1.25rem; --navbar-brand-color: rgba(0,0,0,.9); --navbar-brand-hover-color: rgba(0,0,0,.9); --navbar-nav-link-padding-x: 0.5rem; --navbar-toggler-padding-y: 0.25rem; --navbar-toggler-padding-x: 0.75rem; --navbar-toggler-font-size: 1.25rem; --navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55) ' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); --navbar-toggler-border-color: rgba(0,0,0,.1); --navbar-toggler-border-radius: 0.25rem; --navbar-toggler-focus-width: 0.25rem; --navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; flex-wrap: wrap; padding: var(--navbar-padding-y) var(--navbar-padding-x); -ms-flex-wrap: wrap; } .navbar, .navbar > .container, .navbar > .container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl { display: -ms-flexbox; align-items: center; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; } .navbar > .container, .navbar > .container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl { flex-wrap: inherit; -ms-flex-wrap: inherit; } .navbar-brand { margin-right: var(--navbar-brand-margin-end); padding-top: var(--navbar-brand-padding-y); padding-bottom: var(--navbar-brand-padding-y); text-decoration: none; font-size: var(--navbar-brand-font-size); white-space: nowrap; color: var(--navbar-brand-color); } .navbar-brand:focus, .navbar-brand:hover { color: var(--navbar-brand-hover-color); } .navbar-nav { --nav-link-padding-x: 0; --nav-link-padding-y: 0.5rem; --nav-link-font-weight: ; --nav-link-color: var(--navbar-color); --nav-link-hover-color: var(--navbar-hover-color); --nav-link-disabled-color: var(--navbar-disabled-color); display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; margin-bottom: 0; padding-left: 0; list-style: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } .navbar-nav .nav-link.active, .navbar-nav .show > .nav-link { color: var(--navbar-active-color); } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: .5rem; padding-bottom: .5rem; color: var(--navbar-color); } .navbar-text a, .navbar-text a:focus, .navbar-text a:hover { color: var(--navbar-active-color); } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; -ms-flex-preferred-size: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-box-align: center; -ms-flex-align: center; } .navbar-toggler { padding: var(--navbar-toggler-padding-y) var(--navbar-toggler-padding-x); border: var(--border-width) solid var(--navbar-toggler-border-color); border-radius: var(--navbar-toggler-border-radius); font-size: var(--navbar-toggler-font-size); line-height: 1; color: var(--navbar-color); background-color: transparent; -webkit-transition: var(--navbar-toggler-transition); -o-transition: var(--navbar-toggler-transition); transition: var(--navbar-toggler-transition); } @media (prefers-reduced-motion:reduce) { .navbar-toggler { -webkit-transition: none; -o-transition: none; transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; -webkit-box-shadow: 0 0 0 var(--navbar-toggler-focus-width); box-shadow: 0 0 0 var(--navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--navbar-toggler-icon-bg); background-position: 50%; background-repeat: no-repeat; background-size: 100%; } .navbar-nav-scroll { max-height: var(--scroll-height,75vh); overflow-y: auto; } @media (min-width:576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; -ms-flex-wrap: nowrap; } .navbar-expand-sm .navbar-nav { flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; flex-basis: auto; -ms-flex-preferred-size: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { visibility: visible!important; z-index: auto; position: static; flex-grow: 1; width: auto!important; height: auto!important; border: 0!important; background-color: transparent!important; -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: none!important; transform: none!important; -webkit-box-flex: 1; -ms-flex-positive: 1; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; -webkit-box-flex: 0; -ms-flex-positive: 0; } } @media (min-width:768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; -ms-flex-wrap: nowrap; } .navbar-expand-md .navbar-nav { flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; flex-basis: auto; -ms-flex-preferred-size: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { visibility: visible!important; z-index: auto; position: static; flex-grow: 1; width: auto!important; height: auto!important; border: 0!important; background-color: transparent!important; -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: none!important; transform: none!important; -webkit-box-flex: 1; -ms-flex-positive: 1; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; -webkit-box-flex: 0; -ms-flex-positive: 0; } } @media (min-width:992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; -ms-flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav { flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; flex-basis: auto; -ms-flex-preferred-size: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { visibility: visible!important; z-index: auto; position: static; flex-grow: 1; width: auto!important; height: auto!important; border: 0!important; background-color: transparent!important; -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: none!important; transform: none!important; -webkit-box-flex: 1; -ms-flex-positive: 1; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; -webkit-box-flex: 0; -ms-flex-positive: 0; } } @media (min-width:1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; -ms-flex-wrap: nowrap; } .navbar-expand-xl .navbar-nav { flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; flex-basis: auto; -ms-flex-preferred-size: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { visibility: visible!important; z-index: auto; position: static; flex-grow: 1; width: auto!important; height: auto!important; border: 0!important; background-color: transparent!important; -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: none!important; transform: none!important; -webkit-box-flex: 1; -ms-flex-positive: 1; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; -webkit-box-flex: 0; -ms-flex-positive: 0; } } @media (min-width:1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; -ms-flex-wrap: nowrap; } .navbar-expand-xxl .navbar-nav { flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; flex-basis: auto; -ms-flex-preferred-size: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas { visibility: visible!important; z-index: auto; position: static; flex-grow: 1; width: auto!important; height: auto!important; border: 0!important; background-color: transparent!important; -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: none!important; transform: none!important; -webkit-box-flex: 1; -ms-flex-positive: 1; } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; -webkit-box-flex: 0; -ms-flex-positive: 0; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; -ms-flex-wrap: nowrap; } .navbar-expand .navbar-nav { flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; flex-basis: auto; -ms-flex-preferred-size: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { visibility: visible!important; z-index: auto; position: static; flex-grow: 1; width: auto!important; height: auto!important; border: 0!important; background-color: transparent!important; -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: none!important; transform: none!important; -webkit-box-flex: 1; -ms-flex-positive: 1; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; -webkit-box-flex: 0; -ms-flex-positive: 0; } .navbar-dark { --navbar-color: hsla(0,0%,100%,.55); --navbar-hover-color: hsla(0,0%,100%,.75); --navbar-disabled-color: hsla(0,0%,100%,.25); --navbar-active-color: #fff; --navbar-brand-color: #fff; --navbar-brand-hover-color: #fff; --navbar-toggler-border-color: hsla(0,0%,100%,.1); --navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55) ' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .card { --card-spacer-y: 1rem; --card-spacer-x: 1rem; --card-title-spacer-y: 0.5rem; --card-cap-padding-y: 0.5rem; --card-cap-padding-x: 1rem; --card-cap-bg: rgba(0,0,0,.03); --card-cap-color: ; --card-height: ; --card-color: ; --card-bg: #fff; --card-img-overlay-padding: 1rem; --card-group-margin: 0.5em; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; flex-direction: column; height: var(--card-height); min-width: 0; border: var(--card-border-width) solid var(--card-border-color); border-radius: var(--card-border-radius); background-color: var(--card-bg); background-clip: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; word-wrap: break-word; -ms-flex-direction: column; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: var(--card-inner-border-radius); border-top-right-radius: var(--card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-left-radius: var(--card-inner-border-radius); border-bottom-right-radius: var(--card-inner-border-radius); } .card > .card-header + .list-group, .card>.list-group+.card-footer { border-top: 0; } .card-body { flex: 1 1 auto; -webkit-box-flex: 1; -ms-flex: 1 1 auto; } .card-title { margin-bottom: var(--card-title-spacer-y); } .card-subtitle { margin-top: calc(var(--card-title-spacer-y) *-.5); } .card-subtitle, .card-text:last-child { margin-bottom: 0; } .card-link + .card-link { margin-left: var(--card-spacer-x); } .card-header { margin-bottom: 0; padding: var(--card-cap-padding-y) var(--card-cap-padding-x); border-bottom: var(--card-border-width) solid var(--card-border-color); color: var(--card-cap-color); background-color: var(--card-cap-bg); } .card-header:first-child { border-radius: var(--card-inner-border-radius) var(--card-inner-border-radius) 0 0; } .card-footer { padding: var(--card-cap-padding-y) var(--card-cap-padding-x); border-top: var(--card-border-width) solid var(--card-border-color); color: var(--card-cap-color); background-color: var(--card-cap-bg); } .card-footer:last-child { border-radius: 0 0 var(--card-inner-border-radius) var(--card-inner-border-radius); } .card-header-tabs { margin-right: calc(var(--card-cap-padding-x) *-.5); margin-bottom: calc(var(--card-cap-padding-y) *-1); margin-left: calc(var(--card-cap-padding-x) *-.5); border-bottom: 0; } .card-header-tabs .nav-link.active { border-bottom-color: var(--card-bg); background-color: var(--card-bg); } .card-header-pills { margin-right: calc(var(--card-cap-padding-x) *-.5); margin-left: calc(var(--card-cap-padding-x) *-.5); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--card-img-overlay-padding); border-radius: var(--card-inner-border-radius); } .card-img, .card-img-bottom, .card-img-top { width: 100%; } .card-img, .card-img-top { border-top-left-radius: var(--card-inner-border-radius); border-top-right-radius: var(--card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-left-radius: var(--card-inner-border-radius); border-bottom-right-radius: var(--card-inner-border-radius); } .card-group > .card { margin-bottom: var(--card-group-margin); } @media (min-width:576px) { .card-group { display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; -webkit-box-flex: 1; -ms-flex: 1 0 0%; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top { border-top-right-radius: 0; } .card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0; } .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top { border-top-left-radius: 0; } .card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0; } } .accordion { --accordion-color: #22262a; --accordion-bg: #fff; --accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease; --accordion-border-color: var(--border-color); --accordion-border-width: 1px; --accordion-border-radius: 0.25rem; --accordion-inner-border-radius: calc(0.25rem - 1px); --accordion-btn-padding-x: 1.25rem; --accordion-btn-padding-y: 1rem; --accordion-btn-color: #22262a; --accordion-btn-bg: var(--accordion-bg); --accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%28210, 11%, 15%%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --accordion-btn-icon-width: 1.25rem; --accordion-btn-icon-transform: rotate(-180deg); --accordion-btn-icon-transition: transform 0.2s ease-in-out; --accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230f244d'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); --accordion-btn-focus-border-color: #8894aa; --accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(1,1,86,.25); --accordion-body-padding-x: 1.25rem; --accordion-body-padding-y: 1rem; --accordion-active-color: #0f244d; --accordion-active-bg: #e7eaee; } .accordion-button { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; align-items: center; width: 100%; padding: var(--accordion-btn-padding-y) var(--accordion-btn-padding-x); border: 0; border-radius: 0; text-align: left; font-size: 1rem; color: var(--accordion-btn-color); background-color: var(--accordion-btn-bg); -webkit-transition: var(--accordion-transition); -o-transition: var(--accordion-transition); transition: var(--accordion-transition); -webkit-box-align: center; -ms-flex-align: center; overflow-anchor: none; } @media (prefers-reduced-motion:reduce) { .accordion-button { -webkit-transition: none; -o-transition: none; transition: none; } } .accordion-button:not(.collapsed) { color: var(--accordion-active-color); background-color: var(--accordion-active-bg); -webkit-box-shadow: inset 0 calc(var(--accordion-border-width) *-1) 0 var(--accordion-border-color); box-shadow: inset 0 calc(var(--accordion-border-width) *-1) 0 var(--accordion-border-color); } .accordion-button:not(.collapsed):after { background-image: var(--accordion-btn-active-icon); -webkit-transform: var(--accordion-btn-icon-transform); transform: var(--accordion-btn-icon-transform); } .accordion-button:after { content: ""; flex-shrink: 0; width: var(--accordion-btn-icon-width); height: var(--accordion-btn-icon-width); margin-left: auto; background-image: var(--accordion-btn-icon); background-repeat: no-repeat; background-size: var(--accordion-btn-icon-width); -webkit-transition: var(--accordion-btn-icon-transition); -o-transition: var(--accordion-btn-icon-transition); transition: var(--accordion-btn-icon-transition); -ms-flex-negative: 0; } @media (prefers-reduced-motion:reduce) { .accordion-button:after { -webkit-transition: none; -o-transition: none; transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: var(--accordion-btn-focus-border-color); outline: 0; -webkit-box-shadow: var(--accordion-btn-focus-box-shadow); box-shadow: var(--accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0; } .accordion-item { border: var(--accordion-border-width) solid var(--accordion-border-color); color: var(--accordion-color); background-color: var(--accordion-bg); } .accordion-item:first-of-type { border-top-left-radius: var(--accordion-border-radius); border-top-right-radius: var(--accordion-border-radius); } .accordion-item:first-of-type .accordion-button { border-top-left-radius: var(--accordion-inner-border-radius); border-top-right-radius: var(--accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-left-radius: var(--accordion-border-radius); border-bottom-right-radius: var(--accordion-border-radius); } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-left-radius: var(--accordion-inner-border-radius); border-bottom-right-radius: var(--accordion-inner-border-radius); } .accordion-item:last-of-type .accordion-collapse { border-bottom-left-radius: var(--accordion-border-radius); border-bottom-right-radius: var(--accordion-border-radius); } .accordion-body { padding: var(--accordion-body-padding-y) var(--accordion-body-padding-x); } .accordion-flush .accordion-collapse { border-width: 0; } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush .accordion-item:first-child { border-top: 0; } .accordion-flush .accordion-item:last-child { border-bottom: 0; } .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed { border-radius: 0; } .breadcrumb { --breadcrumb-padding-x: 0; --breadcrumb-padding-y: 0; --breadcrumb-margin-bottom: 1rem; --breadcrumb-bg: ; --breadcrumb-border-radius: ; --breadcrumb-divider-color: #6d757e; --breadcrumb-item-padding-x: 0.5rem; --breadcrumb-item-active-color: #484f56; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-bottom: var(--breadcrumb-margin-bottom); padding: var(--breadcrumb-padding-y) var(--breadcrumb-padding-x); border-radius: var(--breadcrumb-border-radius); font-size: var(--breadcrumb-font-size); list-style: none; background-color: var(--breadcrumb-bg); -ms-flex-wrap: wrap; } .breadcrumb-item + .breadcrumb-item { padding-left: var(--breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item:before { content: var(--breadcrumb-divider,"/"); float: left; padding-right: var(--breadcrumb-item-padding-x); color: var(--breadcrumb-divider-color); } .breadcrumb-item.active { color: var(--breadcrumb-item-active-color); } .pagination { --pagination-padding-x: 0.75rem; --pagination-padding-y: 0.375rem; --pagination-font-size: 1rem; --pagination-color: var(--link-color); --pagination-bg: #fff; --pagination-border-width: 1px; --pagination-border-color: #dfe3e7; --pagination-border-radius: 0.25rem; --pagination-hover-color: var(--link-hover-color); --pagination-hover-bg: #eaedf0; --pagination-hover-border-color: #dfe3e7; --pagination-focus-color: var(--link-hover-color); --pagination-focus-bg: #eaedf0; --pagination-focus-box-shadow: 0 0 0 0.25rem rgba(1,1,86,.25); --pagination-active-color: #fff; --pagination-active-bg: #010156; --pagination-active-border-color: #010156; --pagination-disabled-color: #6d757e; --pagination-disabled-bg: #fff; --pagination-disabled-border-color: #dfe3e7; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; } .page-link { display: block; position: relative; padding: var(--pagination-padding-y) var(--pagination-padding-x); border: var(--pagination-border-width) solid var(--pagination-border-color); text-decoration: none; font-size: var(--pagination-font-size); color: var(--pagination-color); background-color: var(--pagination-bg); -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .page-link { -webkit-transition: none; -o-transition: none; transition: none; } } .page-link:hover { z-index: 2; border-color: var(--pagination-hover-border-color); color: var(--pagination-hover-color); background-color: var(--pagination-hover-bg); } .page-link:focus { z-index: 3; outline: 0; color: var(--pagination-focus-color); background-color: var(--pagination-focus-bg); -webkit-box-shadow: var(--pagination-focus-box-shadow); box-shadow: var(--pagination-focus-box-shadow); } .active > .page-link, .page-link.active { z-index: 3; border-color: var(--pagination-active-border-color); color: var(--pagination-active-color); background-color: var(--pagination-active-bg); } .disabled > .page-link, .page-link.disabled { border-color: var(--pagination-disabled-border-color); color: var(--pagination-disabled-color); background-color: var(--pagination-disabled-bg); pointer-events: none; } .page-item:not(:first-child) .page-link { margin-left: -1px; } .page-item:first-child .page-link { border-top-left-radius: var(--pagination-border-radius); border-bottom-left-radius: var(--pagination-border-radius); } .page-item:last-child .page-link { border-top-right-radius: var(--pagination-border-radius); border-bottom-right-radius: var(--pagination-border-radius); } .pagination-lg { --pagination-padding-x: 1.5rem; --pagination-padding-y: 0.75rem; --pagination-font-size: 1.25rem; --pagination-border-radius: 0.3rem; } .pagination-sm { --pagination-padding-x: 0.5rem; --pagination-padding-y: 0.25rem; --pagination-font-size: 0.875rem; --pagination-border-radius: 0.2rem; } .badge { --badge-padding-x: 0.65em; --badge-padding-y: 0.35em; --badge-font-size: 0.75em; --badge-font-weight: 700; --badge-color: #fff; --badge-border-radius: 0.25rem; display: inline-block; padding: var(--badge-padding-y) var(--badge-padding-x); border-radius: var(--badge-border-radius); text-align: center; font-size: var(--badge-font-size); font-weight: var(--badge-font-weight); line-height: 1; white-space: nowrap; vertical-align: baseline; color: var(--badge-color); } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { --alert-bg: transparent; --alert-padding-x: 1rem; --alert-padding-y: 1rem; --alert-margin-bottom: 1rem; --alert-color: inherit; --alert-border-color: transparent; --alert-border: 1px solid var(--alert-border-color); --alert-border-radius: 0.25rem; position: relative; margin-bottom: var(--alert-margin-bottom); padding: var(--alert-padding-y) var(--alert-padding-x); border: var(--alert-border); border-radius: var(--alert-border-radius); color: var(--alert-color); background-color: var(--alert-bg); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { z-index: 2; position: absolute; top: 0; right: 0; padding: 1.25rem 1rem; } .alert-primary { --alert-color: #010134; --alert-bg: #ccd; --alert-border-color: #b3b3cc; } .alert-primary .alert-link { color: #01012a; } .alert-secondary { --alert-color: #41464c; --alert-bg: #e2e3e5; --alert-border-color: #d3d6d8; } .alert-secondary .alert-link { color: #34383d; } .alert-success { --alert-color: #294f29; --alert-bg: #dae6da; --alert-border-color: #c7dac7; } .alert-success .alert-link { color: #213f21; } .alert-info { --alert-color: #1d3b55; --alert-bg: #d6e0e8; --alert-border-color: #c1d0dd; } .alert-info .alert-link { color: #172f44; } .alert-warning { --alert-color: #683b00; --alert-bg: #efe0cc; --alert-border-color: #e6d0b3; } .alert-warning .alert-link { color: #532f00; } .alert-danger { --alert-color: #63130e; --alert-bg: #edd2d1; --alert-border-color: #e4bcba; } .alert-danger .alert-link { color: #4f0f0b; } .alert-light { --alert-color: #646464; --alert-bg: #fefefe; --alert-border-color: #fdfefe; } .alert-light .alert-link { color: #505050; } .alert-dark { --alert-color: #202327; --alert-bg: #d7d8d9; --alert-border-color: #c2c4c6; } .alert-dark .alert-link { color: #1a1c1f; } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress { --progress-height: 1rem; --progress-font-size: 0.75rem; --progress-bg: #eaedf0; --progress-border-radius: 0.25rem; --progress-box-shadow: inset 0 1px 2px rgba(0,0,0,.075); --progress-bar-color: #fff; --progress-bar-bg: #010156; --progress-bar-transition: width 0.6s ease; height: var(--progress-height); border-radius: var(--progress-border-radius); font-size: var(--progress-font-size); background-color: var(--progress-bg); } .progress, .progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .progress-bar { flex-direction: column; justify-content: center; text-align: center; white-space: nowrap; color: var(--progress-bar-color); background-color: var(--progress-bar-bg); -webkit-transition: var(--progress-bar-transition); -o-transition: var(--progress-bar-transition); transition: var(--progress-bar-transition); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; -ms-flex-direction: column; } @media (prefers-reduced-motion:reduce) { .progress-bar { -webkit-transition: none; -o-transition: none; transition: none; } } .progress-bar-striped { background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent); background-size: var(--progress-height) var(--progress-height); } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion:reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .list-group { --list-group-color: #22262a; --list-group-bg: #fff; --list-group-border-color: rgba(0,0,0,.125); --list-group-border-width: 1px; --list-group-border-radius: 0.25rem; --list-group-item-padding-x: 1rem; --list-group-item-padding-y: 0.5rem; --list-group-action-color: #484f56; --list-group-action-hover-color: #484f56; --list-group-action-hover-bg: #f9fafb; --list-group-action-active-color: #22262a; --list-group-action-active-bg: #eaedf0; --list-group-disabled-color: #6d757e; --list-group-disabled-bg: #fff; --list-group-active-color: #fff; --list-group-active-bg: #010156; --list-group-active-border-color: #010156; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; margin-bottom: 0; padding-left: 0; border-radius: var(--list-group-border-radius); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } .list-group-numbered { counter-reset: section; list-style-type: none; } .list-group-numbered > .list-group-item:before { content: counters(section,".") ". "; counter-increment: section; } .list-group-item-action { width: 100%; text-align: inherit; color: var(--list-group-action-color); } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; text-decoration: none; color: var(--list-group-action-hover-color); background-color: var(--list-group-action-hover-bg); } .list-group-item-action:active { color: var(--list-group-action-active-color); background-color: var(--list-group-action-active-bg); } .list-group-item { display: block; position: relative; padding: var(--list-group-item-padding-y) var(--list-group-item-padding-x); border: var(--list-group-border-width) solid var(--list-group-border-color); text-decoration: none; color: var(--list-group-color); background-color: var(--list-group-bg); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: var(--list-group-disabled-color); background-color: var(--list-group-disabled-bg); pointer-events: none; } .list-group-item.active { z-index: 2; border-color: var(--list-group-active-border-color); color: var(--list-group-active-color); background-color: var(--list-group-active-bg); } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: calc(var(--list-group-border-width) *-1); border-top-width: var(--list-group-border-width); } .list-group-horizontal { flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; } .list-group-horizontal>.list-group-item:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-left-radius: var(--list-group-border-radius); } .list-group-horizontal>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: var(--list-group-border-width); border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: calc(var(--list-group-border-width) *-1); border-left-width: var(--list-group-border-width); } @media (min-width:576px) { .list-group-horizontal-sm { flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; } .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-left-radius: var(--list-group-border-radius); } .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: var(--list-group-border-width); border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: calc(var(--list-group-border-width) *-1); border-left-width: var(--list-group-border-width); } } @media (min-width:768px) { .list-group-horizontal-md { flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; } .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-left-radius: var(--list-group-border-radius); } .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: var(--list-group-border-width); border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: calc(var(--list-group-border-width) *-1); border-left-width: var(--list-group-border-width); } } @media (min-width:992px) { .list-group-horizontal-lg { flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; } .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-left-radius: var(--list-group-border-radius); } .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: var(--list-group-border-width); border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: calc(var(--list-group-border-width) *-1); border-left-width: var(--list-group-border-width); } } @media (min-width:1200px) { .list-group-horizontal-xl { flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; } .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-left-radius: var(--list-group-border-radius); } .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: var(--list-group-border-width); border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: calc(var(--list-group-border-width) *-1); border-left-width: var(--list-group-border-width); } } @media (min-width:1400px) { .list-group-horizontal-xxl { flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; } .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-left-radius: var(--list-group-border-radius); } .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: var(--list-group-border-width); border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: calc(var(--list-group-border-width) *-1); border-left-width: var(--list-group-border-width); } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 var(--list-group-border-width); } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #010134; background-color: #ccd; } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #010134; background-color: #b8b8c7; } .list-group-item-primary.list-group-item-action.active { border-color: #010134; color: #fff; background-color: #010134; } .list-group-item-secondary { color: #41464c; background-color: #e2e3e5; } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #41464c; background-color: #cbccce; } .list-group-item-secondary.list-group-item-action.active { border-color: #41464c; color: #fff; background-color: #41464c; } .list-group-item-success { color: #294f29; background-color: #dae6da; } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #294f29; background-color: #c4cfc4; } .list-group-item-success.list-group-item-action.active { border-color: #294f29; color: #fff; background-color: #294f29; } .list-group-item-info { color: #1d3b55; background-color: #d6e0e8; } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #1d3b55; background-color: #c1cad1; } .list-group-item-info.list-group-item-action.active { border-color: #1d3b55; color: #fff; background-color: #1d3b55; } .list-group-item-warning { color: #683b00; background-color: #efe0cc; } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #683b00; background-color: #d7cab8; } .list-group-item-warning.list-group-item-action.active { border-color: #683b00; color: #fff; background-color: #683b00; } .list-group-item-danger { color: #63130e; background-color: #edd2d1; } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #63130e; background-color: #d5bdbc; } .list-group-item-danger.list-group-item-action.active { border-color: #63130e; color: #fff; background-color: #63130e; } .list-group-item-light { color: #646464; background-color: #fefefe; } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #646464; background-color: #e5e5e5; } .list-group-item-light.list-group-item-action.active { border-color: #646464; color: #fff; background-color: #646464; } .list-group-item-dark { color: #202327; background-color: #d7d8d9; } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #202327; background-color: #c2c2c3; } .list-group-item-dark.list-group-item-action.active { border-color: #202327; color: #fff; background-color: #202327; } .btn-close { -webkit-box-sizing: content-box; box-sizing: content-box; width: 1em; height: 1em; padding: .25em; border: 0; border-radius: .25rem; color: #000; opacity: .5; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%280, 0%, 0%%29'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") 50%/1em auto no-repeat; } .btn-close:hover { text-decoration: none; color: #000; opacity: .75; } .btn-close:focus { outline: 0; opacity: 1; -webkit-box-shadow: 0 0 0 .25rem rgba(1,1,86,.25); box-shadow: 0 0 0 .25rem rgba(1,1,86,.25); } .btn-close.disabled, .btn-close:disabled { opacity: .25; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -ms-user-select: none; } .btn-close-white { -webkit-filter: invert(1) grayscale(100%) brightness(200%); filter: invert(1) grayscale(100%) brightness(200%); } .toast { --toast-zindex: 1090; --toast-padding-x: 0.75rem; --toast-padding-y: 0.5rem; --toast-spacing: 1em; --toast-max-width: 350px; --toast-font-size: 0.875rem; --toast-color: ; --toast-bg: hsla(0,0%,100%,.85); --toast-border-width: 1px; --toast-border-color: var(--border-color-translucent); --toast-border-radius: 0.25rem; --toast-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15); --toast-header-color: #6d757e; --toast-header-bg: hsla(0,0%,100%,.85); --toast-header-border-color: rgba(0,0,0,.05); width: var(--toast-max-width); max-width: 100%; border: var(--toast-border-width) solid var(--toast-border-color); border-radius: var(--toast-border-radius); font-size: var(--toast-font-size); color: var(--toast-color); background-color: var(--toast-bg); background-clip: padding-box; -webkit-box-shadow: var(--toast-box-shadow); box-shadow: var(--toast-box-shadow); pointer-events: auto; } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { --toast-zindex: 1090; z-index: var(--toast-zindex); position: absolute; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; } .toast-container>:not(:last-child) { margin-bottom: var(--toast-spacing); } .toast-header { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; padding: var(--toast-padding-y) var(--toast-padding-x); border-bottom: var(--toast-border-width) solid var(--toast-header-border-color); border-top-left-radius: calc(var(--toast-border-radius) - var(--toast-border-width)); border-top-right-radius: calc(var(--toast-border-radius) - var(--toast-border-width)); color: var(--toast-header-color); background-color: var(--toast-header-bg); background-clip: padding-box; -webkit-box-align: center; -ms-flex-align: center; } .toast-header .btn-close { margin-right: calc(var(--toast-padding-x) *-.5); margin-left: var(--toast-padding-x); } .toast-body { padding: var(--toast-padding-x); word-wrap: break-word; } .modal { --modal-zindex: 1050; --modal-width: 500px; --modal-padding: 1rem; --modal-margin: 0.5rem; --modal-color: ; --modal-bg: #fff; --modal-border-color: var(--border-color-translucent); --modal-border-width: 1px; --modal-border-radius: 0.3rem; --modal-box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075); --modal-inner-border-radius: calc(0.3rem - 1px); --modal-header-padding-x: 1rem; --modal-header-padding-y: 1rem; --modal-header-padding: 1rem 1rem; --modal-header-border-color: var(--border-color); --modal-header-border-width: 1px; --modal-title-line-height: 1.5; --modal-footer-gap: 0.5rem; --modal-footer-bg: ; --modal-footer-border-color: var(--border-color); --modal-footer-border-width: 1px; display: none; z-index: var(--modal-zindex); position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--modal-margin); pointer-events: none; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; -webkit-transform: translateY(-50px); transform: translateY(-50px); } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { -webkit-transition: none; -o-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--modal-margin) *2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { align-items: center; min-height: calc(100% - var(--modal-margin) *2); -webkit-box-align: center; -ms-flex-align: center; } .modal-content, .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal-content { position: relative; flex-direction: column; width: 100%; border: var(--modal-border-width) solid var(--modal-border-color); border-radius: var(--modal-border-radius); outline: 0; color: var(--modal-color); background-color: var(--modal-bg); background-clip: padding-box; pointer-events: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } .modal-backdrop { --backdrop-zindex: 1040; --backdrop-bg: #000; --backdrop-opacity: 0.5; z-index: var(--backdrop-zindex); position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: var(--backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--backdrop-opacity); } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: var(--modal-header-padding); border-bottom: var(--modal-header-border-width) solid var(--modal-header-border-color); border-top-left-radius: var(--modal-inner-border-radius); border-top-right-radius: var(--modal-inner-border-radius); -ms-flex-negative: 0; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; } .modal-header .btn-close { margin: calc(var(--modal-header-padding-y) *-.5) calc(var(--modal-header-padding-x) *-.5) calc(var(--modal-header-padding-y) *-.5) auto; padding: calc(var(--modal-header-padding-y) *.5) calc(var(--modal-header-padding-x) *.5); } .modal-title { margin-bottom: 0; line-height: var(--modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--modal-padding); -webkit-box-flex: 1; -ms-flex: 1 1 auto; } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--modal-padding) - var(--modal-footer-gap) *.5); border-top: var(--modal-footer-border-width) solid var(--modal-footer-border-color); border-bottom-left-radius: var(--modal-inner-border-radius); border-bottom-right-radius: var(--modal-inner-border-radius); background-color: var(--modal-footer-bg); -ms-flex-negative: 0; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: end; -ms-flex-pack: end; -ms-flex-wrap: wrap; } .modal-footer > * { margin: calc(var(--modal-footer-gap) *.5); } @media (min-width:576px) { .modal { --modal-margin: 1.75rem; --modal-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15); } .modal-dialog { margin-right: auto; margin-left: auto; max-width: var(--modal-width); } .modal-sm { --modal-width: 300px; } } @media (min-width:992px) { .modal-lg, .modal-xl { --modal-width: 800px; } } @media (min-width:1200px) { .modal-xl { --modal-width: 1140px; } } .modal-fullscreen { width: 100vw; height: 100%; margin: 0; max-width: none; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-footer, .modal-fullscreen .modal-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width:575.98px) { .modal-fullscreen-sm-down { width: 100vw; height: 100%; margin: 0; max-width: none; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width:767.98px) { .modal-fullscreen-md-down { width: 100vw; height: 100%; margin: 0; max-width: none; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width:991.98px) { .modal-fullscreen-lg-down { width: 100vw; height: 100%; margin: 0; max-width: none; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width:1199.98px) { .modal-fullscreen-xl-down { width: 100vw; height: 100%; margin: 0; max-width: none; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width:1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; height: 100%; margin: 0; max-width: none; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .tooltip { --tooltip-zindex: 1070; --tooltip-max-width: 200px; --tooltip-padding-x: 0.5rem; --tooltip-padding-y: 0.25rem; --tooltip-margin: ; --tooltip-font-size: 0.875rem; --tooltip-color: #fff; --tooltip-bg: #000; --tooltip-border-radius: 0.25rem; --tooltip-opacity: 0.9; --tooltip-arrow-width: 0.8rem; --tooltip-arrow-height: 0.4rem; display: block; z-index: var(--tooltip-zindex); margin: var(--tooltip-margin); padding: var(--tooltip-arrow-height); text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; font-family: var(--cassiopeia-font-family-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"); font-size: var(--tooltip-font-size); font-style: normal; font-weight: 400; line-height: 1.5; letter-spacing: normal; white-space: normal; word-spacing: normal; word-break: normal; opacity: 0; word-wrap: break-word; line-break: auto; } .tooltip.show { opacity: var(--tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--tooltip-arrow-width); height: var(--tooltip-arrow-height); } .tooltip .tooltip-arrow:before { content: ""; position: absolute; border-color: transparent; border-style: solid; } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow { bottom: 0; } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before, .bs-tooltip-top .tooltip-arrow:before { top: -1px; border-width: var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) *.5) 0; border-top-color: var(--tooltip-bg); } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { left: 0; width: var(--tooltip-arrow-height); height: var(--tooltip-arrow-width); } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before, .bs-tooltip-end .tooltip-arrow:before { right: -1px; border-width: calc(var(--tooltip-arrow-width) *.5) var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) *.5) 0; border-right-color: var(--tooltip-bg); } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { top: 0; } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before, .bs-tooltip-bottom .tooltip-arrow:before { bottom: -1px; border-width: 0 calc(var(--tooltip-arrow-width) *.5) var(--tooltip-arrow-height); border-bottom-color: var(--tooltip-bg); } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { right: 0; width: var(--tooltip-arrow-height); height: var(--tooltip-arrow-width); } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before, .bs-tooltip-start .tooltip-arrow:before { left: -1px; border-width: calc(var(--tooltip-arrow-width) *.5) 0 calc(var(--tooltip-arrow-width) *.5) var(--tooltip-arrow-height); border-left-color: var(--tooltip-bg); } .tooltip-inner { padding: var(--tooltip-padding-y) var(--tooltip-padding-x); max-width: var(--tooltip-max-width); border-radius: var(--tooltip-border-radius); text-align: center; color: var(--tooltip-color); background-color: var(--tooltip-bg); } .popover { --popover-zindex: 1060; --popover-max-width: 276px; --popover-font-size: 0.875rem; --popover-bg: #fff; --popover-border-width: 1px; --popover-border-color: var(--border-color-translucent); --popover-border-radius: 0.3rem; --popover-inner-border-radius: calc(0.3rem - 1px); --popover-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15); --popover-header-padding-x: 1rem; --popover-header-padding-y: 0.5rem; --popover-header-font-size: 1rem; --popover-header-color: ; --popover-header-bg: #f0f0f0; --popover-body-padding-x: 1rem; --popover-body-padding-y: 1rem; --popover-body-color: #22262a; --popover-arrow-width: 1rem; --popover-arrow-height: 0.5rem; --popover-arrow-border: var(--popover-border-color); display: block; z-index: var(--popover-zindex); max-width: var(--popover-max-width); border: var(--popover-border-width) solid var(--popover-border-color); border-radius: var(--popover-border-radius); text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; font-family: var(--cassiopeia-font-family-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"); font-size: var(--popover-font-size); font-style: normal; font-weight: 400; line-height: 1.5; letter-spacing: normal; white-space: normal; word-spacing: normal; word-break: normal; background-color: var(--popover-bg); background-clip: padding-box; word-wrap: break-word; line-break: auto; } .popover .popover-arrow { display: block; width: var(--popover-arrow-width); height: var(--popover-arrow-height); } .popover .popover-arrow:after, .popover .popover-arrow:before { content: ""; display: block; position: absolute; border: 0 solid transparent; } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow { bottom: calc((var(--popover-arrow-height)) *-1 - var(--popover-border-width)); } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow:before, .bs-popover-top>.popover-arrow:after, .bs-popover-top>.popover-arrow:before { border-width: var(--popover-arrow-height) calc(var(--popover-arrow-width) *.5) 0; } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow:before, .bs-popover-top > .popover-arrow:before { bottom: 0; border-top-color: var(--popover-arrow-border); } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow:after, .bs-popover-top > .popover-arrow:after { bottom: var(--popover-border-width); border-top-color: var(--popover-bg); } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow { left: calc((var(--popover-arrow-height)) *-1 - var(--popover-border-width)); width: var(--popover-arrow-height); height: var(--popover-arrow-width); } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow:before, .bs-popover-end>.popover-arrow:after, .bs-popover-end>.popover-arrow:before { border-width: calc(var(--popover-arrow-width) *.5) var(--popover-arrow-height) calc(var(--popover-arrow-width) *.5) 0; } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow:before, .bs-popover-end > .popover-arrow:before { left: 0; border-right-color: var(--popover-arrow-border); } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow:after, .bs-popover-end > .popover-arrow:after { left: var(--popover-border-width); border-right-color: var(--popover-bg); } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow { top: calc((var(--popover-arrow-height)) *-1 - var(--popover-border-width)); } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:before, .bs-popover-bottom>.popover-arrow:after, .bs-popover-bottom>.popover-arrow:before { border-width: 0 calc(var(--popover-arrow-width) *.5) var(--popover-arrow-height); } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:before, .bs-popover-bottom > .popover-arrow:before { top: 0; border-bottom-color: var(--popover-arrow-border); } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:after, .bs-popover-bottom > .popover-arrow:after { top: var(--popover-border-width); border-bottom-color: var(--popover-bg); } .bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .bs-popover-bottom .popover-header:before { content: ""; display: block; position: absolute; top: 0; left: 50%; width: var(--popover-arrow-width); margin-left: calc(var(--popover-arrow-width) *-.5); border-bottom: var(--popover-border-width) solid var(--popover-header-bg); } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow { right: calc((var(--popover-arrow-height)) *-1 - var(--popover-border-width)); width: var(--popover-arrow-height); height: var(--popover-arrow-width); } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow:before, .bs-popover-start>.popover-arrow:after, .bs-popover-start>.popover-arrow:before { border-width: calc(var(--popover-arrow-width) *.5) 0 calc(var(--popover-arrow-width) *.5) var(--popover-arrow-height); } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow:before, .bs-popover-start > .popover-arrow:before { right: 0; border-left-color: var(--popover-arrow-border); } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow:after, .bs-popover-start > .popover-arrow:after { right: var(--popover-border-width); border-left-color: var(--popover-bg); } .popover-header { margin-bottom: 0; padding: var(--popover-header-padding-y) var(--popover-header-padding-x); border-bottom: var(--popover-border-width) solid var(--popover-border-color); border-top-left-radius: var(--popover-inner-border-radius); border-top-right-radius: var(--popover-inner-border-radius); font-size: var(--popover-header-font-size); color: var(--popover-header-color); background-color: var(--popover-header-bg); } .popover-header:empty { display: none; } .popover-body { padding: var(--popover-body-padding-y) var(--popover-body-padding-x); color: var(--popover-body-color); } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner:after { content: ""; display: block; clear: both; } .carousel-item { display: none; float: left; position: relative; width: 100%; margin-right: -100%; -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: transform .6s ease-in-out; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (prefers-reduced-motion:reduce) { .carousel-item { -webkit-transition: none; -o-transition: none; transition: none; } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { -webkit-transform: translateX(100%); transform: translateX(100%); } .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; -webkit-transform: none; transform: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { z-index: 0; opacity: 0; -webkit-transition: opacity 0s .6s; -o-transition: opacity 0s .6s; transition: opacity 0s .6s; } @media (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { -webkit-transition: none; -o-transition: none; transition: none; } } .carousel-control-next, .carousel-control-prev { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; position: absolute; top: 0; bottom: 0; align-items: center; justify-content: center; width: 15%; padding: 0; border: 0; text-align: center; color: #fff; opacity: .5; background: none; -webkit-transition: opacity .15s ease; -o-transition: opacity .15s ease; transition: opacity .15s ease; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; } @media (prefers-reduced-motion:reduce) { .carousel-control-next, .carousel-control-prev { -webkit-transition: none; -o-transition: none; transition: none; } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { text-decoration: none; outline: 0; color: #fff; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 2rem; height: 2rem; background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%280, 0%, 100%%29'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%280, 0%, 100%%29'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; position: absolute; right: 0; bottom: 0; left: 0; justify-content: center; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; padding: 0; list-style: none; -webkit-box-pack: center; -ms-flex-pack: center; } .carousel-indicators [data-bs-target] { flex: 0 1 auto; -webkit-box-sizing: content-box; box-sizing: content-box; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; padding: 0; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; text-indent: -999px; opacity: .5; background-color: #fff; background-clip: padding-box; -webkit-transition: opacity .6s ease; -o-transition: opacity .6s ease; transition: opacity .6s ease; cursor: pointer; -webkit-box-flex: 0; -ms-flex: 0 1 auto; } @media (prefers-reduced-motion:reduce) { .carousel-indicators [data-bs-target] { -webkit-transition: none; -o-transition: none; transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; text-align: center; color: #fff; } .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { -webkit-filter: invert(1) grayscale(100); filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } .spinner-border, .spinner-grow { display: inline-block; width: var(--spinner-width); height: var(--spinner-height); border-radius: 50%; vertical-align: var(--spinner-vertical-align); -webkit-animation: var(--spinner-animation-speed) linear infinite var(--spinner-animation-name); animation: var(--spinner-animation-speed) linear infinite var(--spinner-animation-name); } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes spinner-border { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .spinner-border { --spinner-width: 2rem; --spinner-height: 2rem; --spinner-vertical-align: -0.125em; --spinner-border-width: 0.25em; --spinner-animation-speed: 0.75s; --spinner-animation-name: spinner-border; border: var(--spinner-border-width) solid; border-right: var(--spinner-border-width) solid transparent; border-right-color: currentcolor; } .spinner-border-sm { --spinner-width: 1rem; --spinner-height: 1rem; --spinner-border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } .spinner-grow { --spinner-width: 2rem; --spinner-height: 2rem; --spinner-vertical-align: -0.125em; --spinner-animation-speed: 0.75s; --spinner-animation-name: spinner-grow; opacity: 0; background-color: currentcolor; } .spinner-grow-sm { --spinner-width: 1rem; --spinner-height: 1rem; } @media (prefers-reduced-motion:reduce) { .spinner-border, .spinner-grow { --spinner-animation-speed: 1.5s; } } .offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl { --offcanvas-zindex: 1045; --offcanvas-width: 400px; --offcanvas-height: 30vh; --offcanvas-padding-x: 1rem; --offcanvas-padding-y: 1rem; --offcanvas-color: ; --offcanvas-bg: #fff; --offcanvas-border-width: 1px; --offcanvas-border-color: var(--border-color-translucent); --offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075); } @media (max-width:575.98px) { .offcanvas-sm { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; z-index: var(--offcanvas-zindex); position: fixed; bottom: 0; flex-direction: column; max-width: 100%; outline: 0; color: var(--offcanvas-color); background-color: var(--offcanvas-bg); background-clip: padding-box; -webkit-transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } } @media (max-width:575.98px) and (prefers-reduced-motion:reduce) { .offcanvas-sm { -webkit-transition: none; -o-transition: none; transition: none; } } @media (max-width:575.98px) { .offcanvas-sm.offcanvas-start { top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateX(100%); transform: translateX(100%); } .offcanvas-sm.offcanvas-top { top: 0; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas-sm.offcanvas-bottom, .offcanvas-sm.offcanvas-top { right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; } .offcanvas-sm.offcanvas-bottom { border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateY(100%); transform: translateY(100%); } .offcanvas-sm.show:not(.hiding) , .offcanvas-sm.showing { -webkit-transform: none; transform: none; } .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing { visibility: visible; } } @media (min-width:576px) { .offcanvas-sm { --offcanvas-height: auto; --offcanvas-border-width: 0; background-color: transparent!important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent!important; -webkit-box-flex: 0; -ms-flex-positive: 0; } } @media (max-width:767.98px) { .offcanvas-md { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; z-index: var(--offcanvas-zindex); position: fixed; bottom: 0; flex-direction: column; max-width: 100%; outline: 0; color: var(--offcanvas-color); background-color: var(--offcanvas-bg); background-clip: padding-box; -webkit-transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } } @media (max-width:767.98px) and (prefers-reduced-motion:reduce) { .offcanvas-md { -webkit-transition: none; -o-transition: none; transition: none; } } @media (max-width:767.98px) { .offcanvas-md.offcanvas-start { top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas-md.offcanvas-end { top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateX(100%); transform: translateX(100%); } .offcanvas-md.offcanvas-top { top: 0; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas-md.offcanvas-bottom, .offcanvas-md.offcanvas-top { right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; } .offcanvas-md.offcanvas-bottom { border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateY(100%); transform: translateY(100%); } .offcanvas-md.show:not(.hiding) , .offcanvas-md.showing { -webkit-transform: none; transform: none; } .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing { visibility: visible; } } @media (min-width:768px) { .offcanvas-md { --offcanvas-height: auto; --offcanvas-border-width: 0; background-color: transparent!important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent!important; -webkit-box-flex: 0; -ms-flex-positive: 0; } } @media (max-width:991.98px) { .offcanvas-lg { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; z-index: var(--offcanvas-zindex); position: fixed; bottom: 0; flex-direction: column; max-width: 100%; outline: 0; color: var(--offcanvas-color); background-color: var(--offcanvas-bg); background-clip: padding-box; -webkit-transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } } @media (max-width:991.98px) and (prefers-reduced-motion:reduce) { .offcanvas-lg { -webkit-transition: none; -o-transition: none; transition: none; } } @media (max-width:991.98px) { .offcanvas-lg.offcanvas-start { top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas-lg.offcanvas-end { top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateX(100%); transform: translateX(100%); } .offcanvas-lg.offcanvas-top { top: 0; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas-lg.offcanvas-bottom, .offcanvas-lg.offcanvas-top { right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; } .offcanvas-lg.offcanvas-bottom { border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateY(100%); transform: translateY(100%); } .offcanvas-lg.show:not(.hiding) , .offcanvas-lg.showing { -webkit-transform: none; transform: none; } .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing { visibility: visible; } } @media (min-width:992px) { .offcanvas-lg { --offcanvas-height: auto; --offcanvas-border-width: 0; background-color: transparent!important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent!important; -webkit-box-flex: 0; -ms-flex-positive: 0; } } @media (max-width:1199.98px) { .offcanvas-xl { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; z-index: var(--offcanvas-zindex); position: fixed; bottom: 0; flex-direction: column; max-width: 100%; outline: 0; color: var(--offcanvas-color); background-color: var(--offcanvas-bg); background-clip: padding-box; -webkit-transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } } @media (max-width:1199.98px) and (prefers-reduced-motion:reduce) { .offcanvas-xl { -webkit-transition: none; -o-transition: none; transition: none; } } @media (max-width:1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas-xl.offcanvas-end { top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateX(100%); transform: translateX(100%); } .offcanvas-xl.offcanvas-top { top: 0; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas-xl.offcanvas-bottom, .offcanvas-xl.offcanvas-top { right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; } .offcanvas-xl.offcanvas-bottom { border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateY(100%); transform: translateY(100%); } .offcanvas-xl.show:not(.hiding) , .offcanvas-xl.showing { -webkit-transform: none; transform: none; } .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing { visibility: visible; } } @media (min-width:1200px) { .offcanvas-xl { --offcanvas-height: auto; --offcanvas-border-width: 0; background-color: transparent!important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent!important; -webkit-box-flex: 0; -ms-flex-positive: 0; } } @media (max-width:1399.98px) { .offcanvas-xxl { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; z-index: var(--offcanvas-zindex); position: fixed; bottom: 0; flex-direction: column; max-width: 100%; outline: 0; color: var(--offcanvas-color); background-color: var(--offcanvas-bg); background-clip: padding-box; -webkit-transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } } @media (max-width:1399.98px) and (prefers-reduced-motion:reduce) { .offcanvas-xxl { -webkit-transition: none; -o-transition: none; transition: none; } } @media (max-width:1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas-xxl.offcanvas-end { top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateX(100%); transform: translateX(100%); } .offcanvas-xxl.offcanvas-top { top: 0; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas-xxl.offcanvas-bottom, .offcanvas-xxl.offcanvas-top { right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; } .offcanvas-xxl.offcanvas-bottom { border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateY(100%); transform: translateY(100%); } .offcanvas-xxl.show:not(.hiding) , .offcanvas-xxl.showing { -webkit-transform: none; transform: none; } .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing { visibility: visible; } } @media (min-width:1400px) { .offcanvas-xxl { --offcanvas-height: auto; --offcanvas-border-width: 0; background-color: transparent!important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent!important; -webkit-box-flex: 0; -ms-flex-positive: 0; } } .offcanvas { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; z-index: var(--offcanvas-zindex); position: fixed; bottom: 0; flex-direction: column; max-width: 100%; outline: 0; color: var(--offcanvas-color); background-color: var(--offcanvas-bg); background-clip: padding-box; -webkit-transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } @media (prefers-reduced-motion:reduce) { .offcanvas { -webkit-transition: none; -o-transition: none; transition: none; } } .offcanvas.offcanvas-start { top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas.offcanvas-end { top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateX(100%); transform: translateX(100%); } .offcanvas.offcanvas-top { top: 0; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas.offcanvas-bottom, .offcanvas.offcanvas-top { right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; } .offcanvas.offcanvas-bottom { border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); -webkit-transform: translateY(100%); transform: translateY(100%); } .offcanvas.show:not(.hiding) , .offcanvas.showing { -webkit-transform: none; transform: none; } .offcanvas.hiding, .offcanvas.show, .offcanvas.showing { visibility: visible; } .offcanvas-backdrop { z-index: 1040; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: .5; } .offcanvas-header { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x); -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; } .offcanvas-header .btn-close { margin-top: calc(var(--offcanvas-padding-y) *-.5); margin-right: calc(var(--offcanvas-padding-x) *-.5); margin-bottom: calc(var(--offcanvas-padding-y) *-.5); padding: calc(var(--offcanvas-padding-y) *.5) calc(var(--offcanvas-padding-x) *.5); } .offcanvas-title { margin-bottom: 0; line-height: 1.5; } .offcanvas-body { flex-grow: 1; padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x); overflow-y: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; opacity: .5; background-color: currentcolor; cursor: wait; } .placeholder.btn:before { content: ""; display: inline-block; } .placeholder-xs { min-height: .6em; } .placeholder-sm { min-height: .8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { -webkit-animation: placeholder-glow 2s ease-in-out infinite; animation: placeholder-glow 2s ease-in-out infinite; } @-webkit-keyframes placeholder-glow { 50% { opacity: .2; } } @keyframes placeholder-glow { 50% { opacity: .2; } } .placeholder-wave { -webkit-animation: placeholder-wave 2s linear infinite; animation: placeholder-wave 2s linear infinite; -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%); mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; } @-webkit-keyframes placeholder-wave { to { -webkit-mask-position: -200% 0; mask-position: -200% 0; } } @keyframes placeholder-wave { to { -webkit-mask-position: -200% 0; mask-position: -200% 0; } } .clearfix:after { content: ""; display: block; clear: both; } .text-bg-primary { color: #fff!important; background-color: RGBA(1,1,86,var(--bg-opacity,1)) !important; } .text-bg-secondary { color: #fff!important; background-color: RGBA(109,117,126,var(--bg-opacity,1)) !important; } .text-bg-success { color: #fff!important; background-color: RGBA(68,131,68,var(--bg-opacity,1)) !important; } .text-bg-info { color: #fff!important; background-color: RGBA(48,99,141,var(--bg-opacity,1)) !important; } .text-bg-warning { color: #fff!important; background-color: RGBA(173,98,0,var(--bg-opacity,1)) !important; } .text-bg-danger { color: #fff!important; background-color: RGBA(165,31,24,var(--bg-opacity,1)) !important; } .text-bg-light { color: #000!important; background-color: RGBA(249,250,251,var(--bg-opacity,1)) !important; } .text-bg-dark { color: #fff!important; background-color: RGBA(53,59,65,var(--bg-opacity,1)) !important; } .link-primary { color: #010156!important; } .link-primary:focus, .link-primary:hover { color: #010145!important; } .link-secondary { color: #6d757e!important; } .link-secondary:focus, .link-secondary:hover { color: #575e65!important; } .link-success { color: #448344!important; } .link-success:focus, .link-success:hover { color: #366936!important; } .link-info { color: #30638d!important; } .link-info:focus, .link-info:hover { color: #264f71!important; } .link-warning { color: #ad6200!important; } .link-warning:focus, .link-warning:hover { color: #8a4e00!important; } .link-danger { color: #a51f18!important; } .link-danger:focus, .link-danger:hover { color: #841913!important; } .link-light { color: #f9fafb!important; } .link-light:focus, .link-light:hover { color: #fafbfc!important; } .link-dark { color: #353b41!important; } .link-dark:focus, .link-dark:hover { color: #2a2f34!important; } .ratio { position: relative; width: 100%; } .ratio:before { content: ""; display: block; padding-top: var(--aspect-ratio); } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --aspect-ratio: 100%; } .ratio-4x3 { --aspect-ratio: 75%; } .ratio-16x9 { --aspect-ratio: 56.25%; } .ratio-21x9 { --aspect-ratio: 42.8571428571%; } .fixed-top { top: 0; } .fixed-bottom, .fixed-top { z-index: 1030; position: fixed; right: 0; left: 0; } .fixed-bottom { bottom: 0; } .sticky-top { top: 0; } .sticky-bottom, .sticky-top { z-index: 1020; position: sticky; } .sticky-bottom { bottom: 0; } @media (min-width:576px) { .sticky-sm-top { z-index: 1020; position: sticky; top: 0; } .sticky-sm-bottom { z-index: 1020; position: sticky; bottom: 0; } } @media (min-width:768px) { .sticky-md-top { z-index: 1020; position: sticky; top: 0; } .sticky-md-bottom { z-index: 1020; position: sticky; bottom: 0; } } @media (min-width:992px) { .sticky-lg-top { z-index: 1020; position: sticky; top: 0; } .sticky-lg-bottom { z-index: 1020; position: sticky; bottom: 0; } } @media (min-width:1200px) { .sticky-xl-top { z-index: 1020; position: sticky; top: 0; } .sticky-xl-bottom { z-index: 1020; position: sticky; bottom: 0; } } @media (min-width:1400px) { .sticky-xxl-top { z-index: 1020; position: sticky; top: 0; } .sticky-xxl-bottom { z-index: 1020; position: sticky; bottom: 0; } } .hstack { flex-direction: row; align-items: center; -webkit-box-orient: horizontal; -webkit-box-align: center; -ms-flex-align: center; -ms-flex-item-align: stretch; -ms-flex-direction: row; } .hstack, .vstack { display: -webkit-box; display: -ms-flexbox; display: flex; align-self: stretch; -webkit-box-direction: normal; } .vstack { flex: 1 1 auto; flex-direction: column; -webkit-box-flex: 1; -webkit-box-orient: vertical; -ms-flex-item-align: stretch; -ms-flex: 1 1 auto; -ms-flex-direction: column; } .sr-only, .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute!important; width: 1px!important; height: 1px!important; margin: -1px!important; padding: 0!important; border: 0!important; overflow: hidden!important; clip: rect(0,0,0,0) !important; white-space: nowrap!important; } .stretched-link:after { content: ""; z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; } .vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; opacity: .25; background-color: currentcolor; -ms-flex-item-align: stretch; } .align-baseline { vertical-align: baseline!important; } .align-top { vertical-align: top!important; } .align-middle { vertical-align: middle!important; } .align-bottom { vertical-align: bottom!important; } .align-text-bottom { vertical-align: text-bottom!important; } .align-text-top { vertical-align: text-top!important; } .float-start { float: left!important; } .float-end { float: right!important; } .float-none { float: none!important; } .opacity-0 { opacity: 0!important; } .opacity-25 { opacity: .25!important; } .opacity-50 { opacity: .5!important; } .opacity-75 { opacity: .75!important; } .opacity-100 { opacity: 1!important; } .overflow-auto { overflow: auto!important; } .overflow-hidden { overflow: hidden!important; } .overflow-visible { overflow: visible!important; } .overflow-scroll { overflow: scroll!important; } .d-inline { display: inline!important; } .d-inline-block { display: inline-block!important; } .d-block { display: block!important; } .d-grid { display: grid!important; } .d-table { display: table!important; } .d-table-row { display: table-row!important; } .d-table-cell { display: table-cell!important; } .d-flex { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } .d-inline-flex { display: -webkit-inline-box!important; display: -ms-inline-flexbox!important; display: inline-flex!important; } .d-none { display: none!important; } .shadow { -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; } .shadow-sm { -webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important; } .shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important; box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important; } .shadow-none { -webkit-box-shadow: none!important; box-shadow: none!important; } .position-static { position: static!important; } .position-relative { position: relative!important; } .position-absolute { position: absolute!important; } .position-fixed { position: fixed!important; } .position-sticky { position: sticky!important; } .top-0 { top: 0!important; } .top-50 { top: 50%!important; } .top-100 { top: 100%!important; } .bottom-0 { bottom: 0!important; } .bottom-50 { bottom: 50%!important; } .bottom-100 { bottom: 100%!important; } .start-0 { left: 0!important; } .start-50 { left: 50%!important; } .start-100 { left: 100%!important; } .end-0 { right: 0!important; } .end-50 { right: 50%!important; } .end-100 { right: 100%!important; } .translate-middle { -webkit-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; } .translate-middle-x { -webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important; } .translate-middle-y { -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } .border { border: var(--border-width) var(--border-style) var(--border-color) !important; } .border-0 { border: 0!important; } .border-top { border-top: var(--border-width) var(--border-style) var(--border-color) !important; } .border-top-0 { border-top: 0!important; } .border-end { border-right: var(--border-width) var(--border-style) var(--border-color) !important; } .border-end-0 { border-right: 0!important; } .border-bottom { border-bottom: var(--border-width) var(--border-style) var(--border-color) !important; } .border-bottom-0 { border-bottom: 0!important; } .border-start { border-left: var(--border-width) var(--border-style) var(--border-color) !important; } .border-start-0 { border-left: 0!important; } .border-primary { --border-opacity: 1; border-color: rgba(var(--primary-rgb), var(--border-opacity)) !important; } .border-secondary { --border-opacity: 1; border-color: rgba(var(--secondary-rgb), var(--border-opacity)) !important; } .border-success { --border-opacity: 1; border-color: rgba(var(--success-rgb), var(--border-opacity)) !important; } .border-info { --border-opacity: 1; border-color: rgba(var(--info-rgb), var(--border-opacity)) !important; } .border-warning { --border-opacity: 1; border-color: rgba(var(--warning-rgb), var(--border-opacity)) !important; } .border-danger { --border-opacity: 1; border-color: rgba(var(--danger-rgb), var(--border-opacity)) !important; } .border-light { --border-opacity: 1; border-color: rgba(var(--light-rgb), var(--border-opacity)) !important; } .border-dark { --border-opacity: 1; border-color: rgba(var(--dark-rgb), var(--border-opacity)) !important; } .border-white { --border-opacity: 1; border-color: rgba(var(--white-rgb), var(--border-opacity)) !important; } .border-1 { --border-width: 1px; } .border-2 { --border-width: 2px; } .border-3 { --border-width: 3px; } .border-4 { --border-width: 4px; } .border-5 { --border-width: 5px; } .border-opacity-10 { --border-opacity: 0.1; } .border-opacity-25 { --border-opacity: 0.25; } .border-opacity-50 { --border-opacity: 0.5; } .border-opacity-75 { --border-opacity: 0.75; } .border-opacity-100 { --border-opacity: 1; } .w-25 { width: 25%!important; } .w-50 { width: 50%!important; } .w-75 { width: 75%!important; } .w-100 { width: 100%!important; } .w-auto { width: auto!important; } .mw-100 { max-width: 100%!important; } .vw-100 { width: 100vw!important; } .min-vw-100 { min-width: 100vw!important; } .h-25 { height: 25%!important; } .h-50 { height: 50%!important; } .h-75 { height: 75%!important; } .h-100 { height: 100%!important; } .h-auto { height: auto!important; } .mh-100 { max-height: 100%!important; } .vh-100 { height: 100vh!important; } .min-vh-100 { min-height: 100vh!important; } .flex-fill { flex: 1 1 auto!important; -webkit-box-flex: 1!important; -ms-flex: 1 1 auto!important; } .flex-row { flex-direction: row!important; -webkit-box-orient: horizontal!important; -ms-flex-direction: row!important; } .flex-column, .flex-row { -webkit-box-direction: normal!important; } .flex-column { flex-direction: column!important; -webkit-box-orient: vertical!important; -ms-flex-direction: column!important; } .flex-row-reverse { flex-direction: row-reverse!important; -webkit-box-orient: horizontal!important; -ms-flex-direction: row-reverse!important; } .flex-column-reverse, .flex-row-reverse { -webkit-box-direction: reverse!important; } .flex-column-reverse { flex-direction: column-reverse!important; -webkit-box-orient: vertical!important; -ms-flex-direction: column-reverse!important; } .flex-grow-0 { flex-grow: 0!important; -webkit-box-flex: 0!important; -ms-flex-positive: 0!important; } .flex-grow-1 { flex-grow: 1!important; -webkit-box-flex: 1!important; -ms-flex-positive: 1!important; } .flex-shrink-0 { flex-shrink: 0!important; -ms-flex-negative: 0!important; } .flex-shrink-1 { flex-shrink: 1!important; -ms-flex-negative: 1!important; } .flex-wrap { flex-wrap: wrap!important; -ms-flex-wrap: wrap!important; } .flex-nowrap { flex-wrap: nowrap!important; -ms-flex-wrap: nowrap!important; } .flex-wrap-reverse { flex-wrap: wrap-reverse!important; -ms-flex-wrap: wrap-reverse!important; } .justify-content-start { justify-content: flex-start!important; -webkit-box-pack: start!important; -ms-flex-pack: start!important; } .justify-content-end { justify-content: flex-end!important; -webkit-box-pack: end!important; -ms-flex-pack: end!important; } .justify-content-center { justify-content: center!important; -webkit-box-pack: center!important; -ms-flex-pack: center!important; } .justify-content-between { justify-content: space-between!important; -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; } .justify-content-around { justify-content: space-around!important; -ms-flex-pack: distribute!important; } .justify-content-evenly { justify-content: space-evenly!important; -webkit-box-pack: space-evenly!important; -ms-flex-pack: space-evenly!important; } .align-items-start { align-items: flex-start!important; -webkit-box-align: start!important; -ms-flex-align: start!important; } .align-items-end { align-items: flex-end!important; -webkit-box-align: end!important; -ms-flex-align: end!important; } .align-items-center { align-items: center!important; -webkit-box-align: center!important; -ms-flex-align: center!important; } .align-items-baseline { align-items: baseline!important; -webkit-box-align: baseline!important; -ms-flex-align: baseline!important; } .align-items-stretch { align-items: stretch!important; -webkit-box-align: stretch!important; -ms-flex-align: stretch!important; } .align-content-start { align-content: flex-start!important; -ms-flex-line-pack: start!important; } .align-content-end { align-content: flex-end!important; -ms-flex-line-pack: end!important; } .align-content-center { align-content: center!important; -ms-flex-line-pack: center!important; } .align-content-between { align-content: space-between!important; -ms-flex-line-pack: justify!important; } .align-content-around { align-content: space-around!important; -ms-flex-line-pack: distribute!important; } .align-content-stretch { align-content: stretch!important; -ms-flex-line-pack: stretch!important; } .align-self-auto { align-self: auto!important; -ms-flex-item-align: auto!important; } .align-self-start { align-self: flex-start!important; -ms-flex-item-align: start!important; } .align-self-end { align-self: flex-end!important; -ms-flex-item-align: end!important; } .align-self-center { align-self: center!important; -ms-flex-item-align: center!important; } .align-self-baseline { align-self: baseline!important; -ms-flex-item-align: baseline!important; } .align-self-stretch { align-self: stretch!important; -ms-flex-item-align: stretch!important; } .order-first { order: -1!important; -webkit-box-ordinal-group: 0!important; -ms-flex-order: -1!important; } .order-0 { order: 0!important; -webkit-box-ordinal-group: 1!important; -ms-flex-order: 0!important; } .order-1 { order: 1!important; -webkit-box-ordinal-group: 2!important; -ms-flex-order: 1!important; } .order-2 { order: 2!important; -webkit-box-ordinal-group: 3!important; -ms-flex-order: 2!important; } .order-3 { order: 3!important; -webkit-box-ordinal-group: 4!important; -ms-flex-order: 3!important; } .order-4 { order: 4!important; -webkit-box-ordinal-group: 5!important; -ms-flex-order: 4!important; } .order-5 { order: 5!important; -webkit-box-ordinal-group: 6!important; -ms-flex-order: 5!important; } .order-last { order: 6!important; -webkit-box-ordinal-group: 7!important; -ms-flex-order: 6!important; } .m-0 { margin: 0!important; } .m-1 { margin: .25rem!important; } .m-2 { margin: .5rem!important; } .m-3 { margin: 1rem!important; } .m-4 { margin: 1.5rem!important; } .m-5 { margin: 3rem!important; } .m-auto { margin: auto!important; } .mx-0 { margin-right: 0!important; margin-left: 0!important; } .mx-1 { margin-right: .25rem!important; margin-left: .25rem!important; } .mx-2 { margin-right: .5rem!important; margin-left: .5rem!important; } .mx-3 { margin-right: 1rem!important; margin-left: 1rem!important; } .mx-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important; } .mx-5 { margin-right: 3rem!important; margin-left: 3rem!important; } .mx-auto { margin-right: auto!important; margin-left: auto!important; } .my-0 { margin-top: 0!important; margin-bottom: 0!important; } .my-1 { margin-top: .25rem!important; margin-bottom: .25rem!important; } .my-2 { margin-top: .5rem!important; margin-bottom: .5rem!important; } .my-3 { margin-top: 1rem!important; margin-bottom: 1rem!important; } .my-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important; } .my-5 { margin-top: 3rem!important; margin-bottom: 3rem!important; } .my-auto { margin-top: auto!important; margin-bottom: auto!important; } .mt-0 { margin-top: 0!important; } .mt-1 { margin-top: .25rem!important; } .mt-2 { margin-top: .5rem!important; } .mt-3 { margin-top: 1rem!important; } .mt-4 { margin-top: 1.5rem!important; } .mt-5 { margin-top: 3rem!important; } .mt-auto { margin-top: auto!important; } .me-0 { margin-right: 0!important; } .me-1 { margin-right: .25rem!important; } .me-2 { margin-right: .5rem!important; } .me-3 { margin-right: 1rem!important; } .me-4 { margin-right: 1.5rem!important; } .me-5 { margin-right: 3rem!important; } .me-auto { margin-right: auto!important; } .mb-0 { margin-bottom: 0!important; } .mb-1 { margin-bottom: .25rem!important; } .mb-2 { margin-bottom: .5rem!important; } .form-group, .mb-3 { margin-bottom: 1rem!important; } .mb-4 { margin-bottom: 1.5rem!important; } .mb-5 { margin-bottom: 3rem!important; } .mb-auto { margin-bottom: auto!important; } .ms-0 { margin-left: 0!important; } .ms-1 { margin-left: .25rem!important; } .ms-2 { margin-left: .5rem!important; } .ms-3 { margin-left: 1rem!important; } .ms-4 { margin-left: 1.5rem!important; } .ms-5 { margin-left: 3rem!important; } .ms-auto { margin-left: auto!important; } .p-0 { padding: 0!important; } .p-1 { padding: .25rem!important; } .p-2 { padding: .5rem!important; } .p-3 { padding: 1rem!important; } .p-4 { padding: 1.5rem!important; } .p-5 { padding: 3rem!important; } .px-0 { padding-right: 0!important; padding-left: 0!important; } .px-1 { padding-right: .25rem!important; padding-left: .25rem!important; } .px-2 { padding-right: .5rem!important; padding-left: .5rem!important; } .px-3 { padding-right: 1rem!important; padding-left: 1rem!important; } .px-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important; } .px-5 { padding-right: 3rem!important; padding-left: 3rem!important; } .py-0 { padding-top: 0!important; padding-bottom: 0!important; } .py-1 { padding-top: .25rem!important; padding-bottom: .25rem!important; } .py-2 { padding-top: .5rem!important; padding-bottom: .5rem!important; } .py-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; } .py-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; } .py-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; } .pt-0 { padding-top: 0!important; } .pt-1 { padding-top: .25rem!important; } .pt-2 { padding-top: .5rem!important; } .pt-3 { padding-top: 1rem!important; } .pt-4 { padding-top: 1.5rem!important; } .pt-5 { padding-top: 3rem!important; } .pe-0 { padding-right: 0!important; } .pe-1 { padding-right: .25rem!important; } .pe-2 { padding-right: .5rem!important; } .pe-3 { padding-right: 1rem!important; } .pe-4 { padding-right: 1.5rem!important; } .pe-5 { padding-right: 3rem!important; } .pb-0 { padding-bottom: 0!important; } .pb-1 { padding-bottom: .25rem!important; } .pb-2 { padding-bottom: .5rem!important; } .pb-3 { padding-bottom: 1rem!important; } .pb-4 { padding-bottom: 1.5rem!important; } .pb-5 { padding-bottom: 3rem!important; } .ps-0 { padding-left: 0!important; } .ps-1 { padding-left: .25rem!important; } .ps-2 { padding-left: .5rem!important; } .ps-3 { padding-left: 1rem!important; } .ps-4 { padding-left: 1.5rem!important; } .ps-5 { padding-left: 3rem!important; } .gap-0 { gap: 0!important; } .gap-1 { gap: .25rem!important; } .gap-2 { gap: .5rem!important; } .gap-3 { gap: 1rem!important; } .gap-4 { gap: 1.5rem!important; } .gap-5 { gap: 3rem!important; } .font-monospace { font-family: var(--font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + .9vw) !important; } .fs-3 { font-size: calc(1.3rem + .6vw) !important; } .fs-4 { font-size: calc(1.275rem + .3vw) !important; } .fs-5 { font-size: 1.25rem!important; } .fs-6 { font-size: 1rem!important; } .fst-italic { font-style: italic!important; } .fst-normal { font-style: normal!important; } .fw-light { font-weight: 300!important; } .fw-lighter { font-weight: lighter!important; } .fw-normal { font-weight: 400!important; } .fw-bold { font-weight: 700!important; } .fw-semibold { font-weight: 600!important; } .fw-bolder { font-weight: bolder!important; } .lh-1 { line-height: 1!important; } .lh-sm { line-height: 1.25!important; } .lh-base { line-height: 1.5!important; } .lh-lg { line-height: 2!important; } .text-start { text-align: left!important; } .text-end { text-align: right!important; } .text-center { text-align: center!important; } .text-decoration-none { text-decoration: none!important; } .text-decoration-underline { text-decoration: underline!important; } .text-decoration-line-through { text-decoration: line-through!important; } .text-lowercase { text-transform: lowercase!important; } .text-uppercase { text-transform: uppercase!important; } .text-capitalize { text-transform: capitalize!important; } .text-wrap { white-space: normal!important; } .text-nowrap { white-space: nowrap!important; } .text-break { word-break: break-word!important; word-wrap: break-word!important; } .text-primary { --text-opacity: 1; color: rgba(var(--primary-rgb), var(--text-opacity)) !important; } .text-secondary { --text-opacity: 1; color: rgba(var(--secondary-rgb), var(--text-opacity)) !important; } .text-success { --text-opacity: 1; color: rgba(var(--success-rgb), var(--text-opacity)) !important; } .text-info { --text-opacity: 1; color: rgba(var(--info-rgb), var(--text-opacity)) !important; } .text-warning { --text-opacity: 1; color: rgba(var(--warning-rgb), var(--text-opacity)) !important; } .text-danger { --text-opacity: 1; color: rgba(var(--danger-rgb), var(--text-opacity)) !important; } .text-light { --text-opacity: 1; color: rgba(var(--light-rgb), var(--text-opacity)) !important; } .text-dark { --text-opacity: 1; color: rgba(var(--dark-rgb), var(--text-opacity)) !important; } .text-black { --text-opacity: 1; color: rgba(var(--black-rgb), var(--text-opacity)) !important; } .text-white { --text-opacity: 1; color: rgba(var(--white-rgb), var(--text-opacity)) !important; } .text-body { --text-opacity: 1; color: rgba(var(--body-color-rgb), var(--text-opacity)) !important; } .text-muted { --text-opacity: 1; color: #6d757e!important; } .text-black-50 { --text-opacity: 1; color: rgba(0,0,0,.5) !important; } .text-white-50 { --text-opacity: 1; color: hsla(0,0%,100%,.5) !important; } .text-reset { --text-opacity: 1; color: inherit!important; } .text-opacity-25 { --text-opacity: 0.25; } .text-opacity-50 { --text-opacity: 0.5; } .text-opacity-75 { --text-opacity: 0.75; } .text-opacity-100 { --text-opacity: 1; } .bg-primary { --bg-opacity: 1; background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important; } .bg-secondary { --bg-opacity: 1; background-color: rgba(var(--secondary-rgb), var(--bg-opacity)) !important; } .bg-success { --bg-opacity: 1; background-color: rgba(var(--success-rgb), var(--bg-opacity)) !important; } .bg-info { --bg-opacity: 1; background-color: rgba(var(--info-rgb), var(--bg-opacity)) !important; } .bg-warning { --bg-opacity: 1; background-color: rgba(var(--warning-rgb), var(--bg-opacity)) !important; } .bg-danger { --bg-opacity: 1; background-color: rgba(var(--danger-rgb), var(--bg-opacity)) !important; } .bg-light { --bg-opacity: 1; background-color: rgba(var(--light-rgb), var(--bg-opacity)) !important; } .bg-dark { --bg-opacity: 1; background-color: rgba(var(--dark-rgb), var(--bg-opacity)) !important; } .bg-black { --bg-opacity: 1; background-color: rgba(var(--black-rgb), var(--bg-opacity)) !important; } .bg-white { --bg-opacity: 1; background-color: rgba(var(--white-rgb), var(--bg-opacity)) !important; } .bg-body { --bg-opacity: 1; background-color: rgba(var(--body-bg-rgb), var(--bg-opacity)) !important; } .bg-transparent { --bg-opacity: 1; background-color: transparent!important; } .bg-opacity-10 { --bg-opacity: 0.1; } .bg-opacity-25 { --bg-opacity: 0.25; } .bg-opacity-50 { --bg-opacity: 0.5; } .bg-opacity-75 { --bg-opacity: 0.75; } .bg-opacity-100 { --bg-opacity: 1; } .bg-gradient { background-image: var(--gradient) !important; } .user-select-all { -webkit-user-select: all!important; -moz-user-select: all!important; user-select: all!important; } .user-select-auto { -webkit-user-select: auto!important; -moz-user-select: auto!important; user-select: auto!important; -ms-user-select: auto!important; } .user-select-none { -webkit-user-select: none!important; -moz-user-select: none!important; user-select: none!important; -ms-user-select: none!important; } .pe-none { pointer-events: none!important; } .pe-auto { pointer-events: auto!important; } .rounded { border-radius: var(--border-radius) !important; } .rounded-0 { border-radius: 0!important; } .rounded-1 { border-radius: var(--border-radius-sm) !important; } .rounded-2 { border-radius: var(--border-radius) !important; } .rounded-3 { border-radius: var(--border-radius-lg) !important; } .rounded-4 { border-radius: var(--border-radius-xl) !important; } .rounded-5 { border-radius: var(--border-radius-2xl) !important; } .rounded-circle { border-radius: 50%!important; } .rounded-pill { border-radius: var(--border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--border-radius) !important; } .rounded-end, .rounded-top { border-top-right-radius: var(--border-radius) !important; } .rounded-bottom, .rounded-end { border-bottom-right-radius: var(--border-radius) !important; } .rounded-bottom, .rounded-start { border-bottom-left-radius: var(--border-radius) !important; } .rounded-start { border-top-left-radius: var(--border-radius) !important; } .visible { visibility: visible!important; } .invisible { visibility: hidden!important; } @media (min-width:576px) { .float-sm-start { float: left!important; } .float-sm-end { float: right!important; } .float-sm-none { float: none!important; } .d-sm-inline { display: inline!important; } .d-sm-inline-block { display: inline-block!important; } .d-sm-block { display: block!important; } .d-sm-grid { display: grid!important; } .d-sm-table { display: table!important; } .d-sm-table-row { display: table-row!important; } .d-sm-table-cell { display: table-cell!important; } .d-sm-flex { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } .d-sm-inline-flex { display: -webkit-inline-box!important; display: -ms-inline-flexbox!important; display: inline-flex!important; } .d-sm-none { display: none!important; } .flex-sm-fill { flex: 1 1 auto!important; -webkit-box-flex: 1!important; -ms-flex: 1 1 auto!important; } .flex-sm-row { flex-direction: row!important; -webkit-box-orient: horizontal!important; -ms-flex-direction: row!important; } .flex-sm-column, .flex-sm-row { -webkit-box-direction: normal!important; } .flex-sm-column { flex-direction: column!important; -webkit-box-orient: vertical!important; -ms-flex-direction: column!important; } .flex-sm-row-reverse { flex-direction: row-reverse!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: reverse!important; -ms-flex-direction: row-reverse!important; } .flex-sm-column-reverse { flex-direction: column-reverse!important; -webkit-box-orient: vertical!important; -webkit-box-direction: reverse!important; -ms-flex-direction: column-reverse!important; } .flex-sm-grow-0 { flex-grow: 0!important; -webkit-box-flex: 0!important; -ms-flex-positive: 0!important; } .flex-sm-grow-1 { flex-grow: 1!important; -webkit-box-flex: 1!important; -ms-flex-positive: 1!important; } .flex-sm-shrink-0 { flex-shrink: 0!important; -ms-flex-negative: 0!important; } .flex-sm-shrink-1 { flex-shrink: 1!important; -ms-flex-negative: 1!important; } .flex-sm-wrap { flex-wrap: wrap!important; -ms-flex-wrap: wrap!important; } .flex-sm-nowrap { flex-wrap: nowrap!important; -ms-flex-wrap: nowrap!important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse!important; -ms-flex-wrap: wrap-reverse!important; } .justify-content-sm-start { justify-content: flex-start!important; -webkit-box-pack: start!important; -ms-flex-pack: start!important; } .justify-content-sm-end { justify-content: flex-end!important; -webkit-box-pack: end!important; -ms-flex-pack: end!important; } .justify-content-sm-center { justify-content: center!important; -webkit-box-pack: center!important; -ms-flex-pack: center!important; } .justify-content-sm-between { justify-content: space-between!important; -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; } .justify-content-sm-around { justify-content: space-around!important; -ms-flex-pack: distribute!important; } .justify-content-sm-evenly { justify-content: space-evenly!important; -webkit-box-pack: space-evenly!important; -ms-flex-pack: space-evenly!important; } .align-items-sm-start { align-items: flex-start!important; -webkit-box-align: start!important; -ms-flex-align: start!important; } .align-items-sm-end { align-items: flex-end!important; -webkit-box-align: end!important; -ms-flex-align: end!important; } .align-items-sm-center { align-items: center!important; -webkit-box-align: center!important; -ms-flex-align: center!important; } .align-items-sm-baseline { align-items: baseline!important; -webkit-box-align: baseline!important; -ms-flex-align: baseline!important; } .align-items-sm-stretch { align-items: stretch!important; -webkit-box-align: stretch!important; -ms-flex-align: stretch!important; } .align-content-sm-start { align-content: flex-start!important; -ms-flex-line-pack: start!important; } .align-content-sm-end { align-content: flex-end!important; -ms-flex-line-pack: end!important; } .align-content-sm-center { align-content: center!important; -ms-flex-line-pack: center!important; } .align-content-sm-between { align-content: space-between!important; -ms-flex-line-pack: justify!important; } .align-content-sm-around { align-content: space-around!important; -ms-flex-line-pack: distribute!important; } .align-content-sm-stretch { align-content: stretch!important; -ms-flex-line-pack: stretch!important; } .align-self-sm-auto { align-self: auto!important; -ms-flex-item-align: auto!important; } .align-self-sm-start { align-self: flex-start!important; -ms-flex-item-align: start!important; } .align-self-sm-end { align-self: flex-end!important; -ms-flex-item-align: end!important; } .align-self-sm-center { align-self: center!important; -ms-flex-item-align: center!important; } .align-self-sm-baseline { align-self: baseline!important; -ms-flex-item-align: baseline!important; } .align-self-sm-stretch { align-self: stretch!important; -ms-flex-item-align: stretch!important; } .order-sm-first { order: -1!important; -webkit-box-ordinal-group: 0!important; -ms-flex-order: -1!important; } .order-sm-0 { order: 0!important; -webkit-box-ordinal-group: 1!important; -ms-flex-order: 0!important; } .order-sm-1 { order: 1!important; -webkit-box-ordinal-group: 2!important; -ms-flex-order: 1!important; } .order-sm-2 { order: 2!important; -webkit-box-ordinal-group: 3!important; -ms-flex-order: 2!important; } .order-sm-3 { order: 3!important; -webkit-box-ordinal-group: 4!important; -ms-flex-order: 3!important; } .order-sm-4 { order: 4!important; -webkit-box-ordinal-group: 5!important; -ms-flex-order: 4!important; } .order-sm-5 { order: 5!important; -webkit-box-ordinal-group: 6!important; -ms-flex-order: 5!important; } .order-sm-last { order: 6!important; -webkit-box-ordinal-group: 7!important; -ms-flex-order: 6!important; } .m-sm-0 { margin: 0!important; } .m-sm-1 { margin: .25rem!important; } .m-sm-2 { margin: .5rem!important; } .m-sm-3 { margin: 1rem!important; } .m-sm-4 { margin: 1.5rem!important; } .m-sm-5 { margin: 3rem!important; } .m-sm-auto { margin: auto!important; } .mx-sm-0 { margin-right: 0!important; margin-left: 0!important; } .mx-sm-1 { margin-right: .25rem!important; margin-left: .25rem!important; } .mx-sm-2 { margin-right: .5rem!important; margin-left: .5rem!important; } .mx-sm-3 { margin-right: 1rem!important; margin-left: 1rem!important; } .mx-sm-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important; } .mx-sm-5 { margin-right: 3rem!important; margin-left: 3rem!important; } .mx-sm-auto { margin-right: auto!important; margin-left: auto!important; } .my-sm-0 { margin-top: 0!important; margin-bottom: 0!important; } .my-sm-1 { margin-top: .25rem!important; margin-bottom: .25rem!important; } .my-sm-2 { margin-top: .5rem!important; margin-bottom: .5rem!important; } .my-sm-3 { margin-top: 1rem!important; margin-bottom: 1rem!important; } .my-sm-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important; } .my-sm-5 { margin-top: 3rem!important; margin-bottom: 3rem!important; } .my-sm-auto { margin-top: auto!important; margin-bottom: auto!important; } .mt-sm-0 { margin-top: 0!important; } .mt-sm-1 { margin-top: .25rem!important; } .mt-sm-2 { margin-top: .5rem!important; } .mt-sm-3 { margin-top: 1rem!important; } .mt-sm-4 { margin-top: 1.5rem!important; } .mt-sm-5 { margin-top: 3rem!important; } .mt-sm-auto { margin-top: auto!important; } .me-sm-0 { margin-right: 0!important; } .me-sm-1 { margin-right: .25rem!important; } .me-sm-2 { margin-right: .5rem!important; } .me-sm-3 { margin-right: 1rem!important; } .me-sm-4 { margin-right: 1.5rem!important; } .me-sm-5 { margin-right: 3rem!important; } .me-sm-auto { margin-right: auto!important; } .mb-sm-0 { margin-bottom: 0!important; } .mb-sm-1 { margin-bottom: .25rem!important; } .mb-sm-2 { margin-bottom: .5rem!important; } .mb-sm-3 { margin-bottom: 1rem!important; } .mb-sm-4 { margin-bottom: 1.5rem!important; } .mb-sm-5 { margin-bottom: 3rem!important; } .mb-sm-auto { margin-bottom: auto!important; } .ms-sm-0 { margin-left: 0!important; } .ms-sm-1 { margin-left: .25rem!important; } .ms-sm-2 { margin-left: .5rem!important; } .ms-sm-3 { margin-left: 1rem!important; } .ms-sm-4 { margin-left: 1.5rem!important; } .ms-sm-5 { margin-left: 3rem!important; } .ms-sm-auto { margin-left: auto!important; } .p-sm-0 { padding: 0!important; } .p-sm-1 { padding: .25rem!important; } .p-sm-2 { padding: .5rem!important; } .p-sm-3 { padding: 1rem!important; } .p-sm-4 { padding: 1.5rem!important; } .p-sm-5 { padding: 3rem!important; } .px-sm-0 { padding-right: 0!important; padding-left: 0!important; } .px-sm-1 { padding-right: .25rem!important; padding-left: .25rem!important; } .px-sm-2 { padding-right: .5rem!important; padding-left: .5rem!important; } .px-sm-3 { padding-right: 1rem!important; padding-left: 1rem!important; } .px-sm-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important; } .px-sm-5 { padding-right: 3rem!important; padding-left: 3rem!important; } .py-sm-0 { padding-top: 0!important; padding-bottom: 0!important; } .py-sm-1 { padding-top: .25rem!important; padding-bottom: .25rem!important; } .py-sm-2 { padding-top: .5rem!important; padding-bottom: .5rem!important; } .py-sm-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; } .py-sm-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; } .py-sm-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; } .pt-sm-0 { padding-top: 0!important; } .pt-sm-1 { padding-top: .25rem!important; } .pt-sm-2 { padding-top: .5rem!important; } .pt-sm-3 { padding-top: 1rem!important; } .pt-sm-4 { padding-top: 1.5rem!important; } .pt-sm-5 { padding-top: 3rem!important; } .pe-sm-0 { padding-right: 0!important; } .pe-sm-1 { padding-right: .25rem!important; } .pe-sm-2 { padding-right: .5rem!important; } .pe-sm-3 { padding-right: 1rem!important; } .pe-sm-4 { padding-right: 1.5rem!important; } .pe-sm-5 { padding-right: 3rem!important; } .pb-sm-0 { padding-bottom: 0!important; } .pb-sm-1 { padding-bottom: .25rem!important; } .pb-sm-2 { padding-bottom: .5rem!important; } .pb-sm-3 { padding-bottom: 1rem!important; } .pb-sm-4 { padding-bottom: 1.5rem!important; } .pb-sm-5 { padding-bottom: 3rem!important; } .ps-sm-0 { padding-left: 0!important; } .ps-sm-1 { padding-left: .25rem!important; } .ps-sm-2 { padding-left: .5rem!important; } .ps-sm-3 { padding-left: 1rem!important; } .ps-sm-4 { padding-left: 1.5rem!important; } .ps-sm-5 { padding-left: 3rem!important; } .gap-sm-0 { gap: 0!important; } .gap-sm-1 { gap: .25rem!important; } .gap-sm-2 { gap: .5rem!important; } .gap-sm-3 { gap: 1rem!important; } .gap-sm-4 { gap: 1.5rem!important; } .gap-sm-5 { gap: 3rem!important; } .text-sm-start { text-align: left!important; } .text-sm-end { text-align: right!important; } .text-sm-center { text-align: center!important; } } @media (min-width:768px) { .float-md-start { float: left!important; } .float-md-end { float: right!important; } .float-md-none { float: none!important; } .d-md-inline { display: inline!important; } .d-md-inline-block { display: inline-block!important; } .d-md-block { display: block!important; } .d-md-grid { display: grid!important; } .d-md-table { display: table!important; } .d-md-table-row { display: table-row!important; } .d-md-table-cell { display: table-cell!important; } .d-md-flex { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } .d-md-inline-flex { display: -webkit-inline-box!important; display: -ms-inline-flexbox!important; display: inline-flex!important; } .d-md-none { display: none!important; } .flex-md-fill { flex: 1 1 auto!important; -webkit-box-flex: 1!important; -ms-flex: 1 1 auto!important; } .flex-md-row { flex-direction: row!important; -webkit-box-orient: horizontal!important; -ms-flex-direction: row!important; } .flex-md-column, .flex-md-row { -webkit-box-direction: normal!important; } .flex-md-column { flex-direction: column!important; -webkit-box-orient: vertical!important; -ms-flex-direction: column!important; } .flex-md-row-reverse { flex-direction: row-reverse!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: reverse!important; -ms-flex-direction: row-reverse!important; } .flex-md-column-reverse { flex-direction: column-reverse!important; -webkit-box-orient: vertical!important; -webkit-box-direction: reverse!important; -ms-flex-direction: column-reverse!important; } .flex-md-grow-0 { flex-grow: 0!important; -webkit-box-flex: 0!important; -ms-flex-positive: 0!important; } .flex-md-grow-1 { flex-grow: 1!important; -webkit-box-flex: 1!important; -ms-flex-positive: 1!important; } .flex-md-shrink-0 { flex-shrink: 0!important; -ms-flex-negative: 0!important; } .flex-md-shrink-1 { flex-shrink: 1!important; -ms-flex-negative: 1!important; } .flex-md-wrap { flex-wrap: wrap!important; -ms-flex-wrap: wrap!important; } .flex-md-nowrap { flex-wrap: nowrap!important; -ms-flex-wrap: nowrap!important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse!important; -ms-flex-wrap: wrap-reverse!important; } .justify-content-md-start { justify-content: flex-start!important; -webkit-box-pack: start!important; -ms-flex-pack: start!important; } .justify-content-md-end { justify-content: flex-end!important; -webkit-box-pack: end!important; -ms-flex-pack: end!important; } .justify-content-md-center { justify-content: center!important; -webkit-box-pack: center!important; -ms-flex-pack: center!important; } .justify-content-md-between { justify-content: space-between!important; -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; } .justify-content-md-around { justify-content: space-around!important; -ms-flex-pack: distribute!important; } .justify-content-md-evenly { justify-content: space-evenly!important; -webkit-box-pack: space-evenly!important; -ms-flex-pack: space-evenly!important; } .align-items-md-start { align-items: flex-start!important; -webkit-box-align: start!important; -ms-flex-align: start!important; } .align-items-md-end { align-items: flex-end!important; -webkit-box-align: end!important; -ms-flex-align: end!important; } .align-items-md-center { align-items: center!important; -webkit-box-align: center!important; -ms-flex-align: center!important; } .align-items-md-baseline { align-items: baseline!important; -webkit-box-align: baseline!important; -ms-flex-align: baseline!important; } .align-items-md-stretch { align-items: stretch!important; -webkit-box-align: stretch!important; -ms-flex-align: stretch!important; } .align-content-md-start { align-content: flex-start!important; -ms-flex-line-pack: start!important; } .align-content-md-end { align-content: flex-end!important; -ms-flex-line-pack: end!important; } .align-content-md-center { align-content: center!important; -ms-flex-line-pack: center!important; } .align-content-md-between { align-content: space-between!important; -ms-flex-line-pack: justify!important; } .align-content-md-around { align-content: space-around!important; -ms-flex-line-pack: distribute!important; } .align-content-md-stretch { align-content: stretch!important; -ms-flex-line-pack: stretch!important; } .align-self-md-auto { align-self: auto!important; -ms-flex-item-align: auto!important; } .align-self-md-start { align-self: flex-start!important; -ms-flex-item-align: start!important; } .align-self-md-end { align-self: flex-end!important; -ms-flex-item-align: end!important; } .align-self-md-center { align-self: center!important; -ms-flex-item-align: center!important; } .align-self-md-baseline { align-self: baseline!important; -ms-flex-item-align: baseline!important; } .align-self-md-stretch { align-self: stretch!important; -ms-flex-item-align: stretch!important; } .order-md-first { order: -1!important; -webkit-box-ordinal-group: 0!important; -ms-flex-order: -1!important; } .order-md-0 { order: 0!important; -webkit-box-ordinal-group: 1!important; -ms-flex-order: 0!important; } .order-md-1 { order: 1!important; -webkit-box-ordinal-group: 2!important; -ms-flex-order: 1!important; } .order-md-2 { order: 2!important; -webkit-box-ordinal-group: 3!important; -ms-flex-order: 2!important; } .order-md-3 { order: 3!important; -webkit-box-ordinal-group: 4!important; -ms-flex-order: 3!important; } .order-md-4 { order: 4!important; -webkit-box-ordinal-group: 5!important; -ms-flex-order: 4!important; } .order-md-5 { order: 5!important; -webkit-box-ordinal-group: 6!important; -ms-flex-order: 5!important; } .order-md-last { order: 6!important; -webkit-box-ordinal-group: 7!important; -ms-flex-order: 6!important; } .m-md-0 { margin: 0!important; } .m-md-1 { margin: .25rem!important; } .m-md-2 { margin: .5rem!important; } .m-md-3 { margin: 1rem!important; } .m-md-4 { margin: 1.5rem!important; } .m-md-5 { margin: 3rem!important; } .m-md-auto { margin: auto!important; } .mx-md-0 { margin-right: 0!important; margin-left: 0!important; } .mx-md-1 { margin-right: .25rem!important; margin-left: .25rem!important; } .mx-md-2 { margin-right: .5rem!important; margin-left: .5rem!important; } .mx-md-3 { margin-right: 1rem!important; margin-left: 1rem!important; } .mx-md-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important; } .mx-md-5 { margin-right: 3rem!important; margin-left: 3rem!important; } .mx-md-auto { margin-right: auto!important; margin-left: auto!important; } .my-md-0 { margin-top: 0!important; margin-bottom: 0!important; } .my-md-1 { margin-top: .25rem!important; margin-bottom: .25rem!important; } .my-md-2 { margin-top: .5rem!important; margin-bottom: .5rem!important; } .my-md-3 { margin-top: 1rem!important; margin-bottom: 1rem!important; } .my-md-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important; } .my-md-5 { margin-top: 3rem!important; margin-bottom: 3rem!important; } .my-md-auto { margin-top: auto!important; margin-bottom: auto!important; } .mt-md-0 { margin-top: 0!important; } .mt-md-1 { margin-top: .25rem!important; } .mt-md-2 { margin-top: .5rem!important; } .mt-md-3 { margin-top: 1rem!important; } .mt-md-4 { margin-top: 1.5rem!important; } .mt-md-5 { margin-top: 3rem!important; } .mt-md-auto { margin-top: auto!important; } .me-md-0 { margin-right: 0!important; } .me-md-1 { margin-right: .25rem!important; } .me-md-2 { margin-right: .5rem!important; } .me-md-3 { margin-right: 1rem!important; } .me-md-4 { margin-right: 1.5rem!important; } .me-md-5 { margin-right: 3rem!important; } .me-md-auto { margin-right: auto!important; } .mb-md-0 { margin-bottom: 0!important; } .mb-md-1 { margin-bottom: .25rem!important; } .mb-md-2 { margin-bottom: .5rem!important; } .mb-md-3 { margin-bottom: 1rem!important; } .mb-md-4 { margin-bottom: 1.5rem!important; } .mb-md-5 { margin-bottom: 3rem!important; } .mb-md-auto { margin-bottom: auto!important; } .ms-md-0 { margin-left: 0!important; } .ms-md-1 { margin-left: .25rem!important; } .ms-md-2 { margin-left: .5rem!important; } .ms-md-3 { margin-left: 1rem!important; } .ms-md-4 { margin-left: 1.5rem!important; } .ms-md-5 { margin-left: 3rem!important; } .ms-md-auto { margin-left: auto!important; } .p-md-0 { padding: 0!important; } .p-md-1 { padding: .25rem!important; } .p-md-2 { padding: .5rem!important; } .p-md-3 { padding: 1rem!important; } .p-md-4 { padding: 1.5rem!important; } .p-md-5 { padding: 3rem!important; } .px-md-0 { padding-right: 0!important; padding-left: 0!important; } .px-md-1 { padding-right: .25rem!important; padding-left: .25rem!important; } .px-md-2 { padding-right: .5rem!important; padding-left: .5rem!important; } .px-md-3 { padding-right: 1rem!important; padding-left: 1rem!important; } .px-md-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important; } .px-md-5 { padding-right: 3rem!important; padding-left: 3rem!important; } .py-md-0 { padding-top: 0!important; padding-bottom: 0!important; } .py-md-1 { padding-top: .25rem!important; padding-bottom: .25rem!important; } .py-md-2 { padding-top: .5rem!important; padding-bottom: .5rem!important; } .py-md-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; } .py-md-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; } .py-md-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; } .pt-md-0 { padding-top: 0!important; } .pt-md-1 { padding-top: .25rem!important; } .pt-md-2 { padding-top: .5rem!important; } .pt-md-3 { padding-top: 1rem!important; } .pt-md-4 { padding-top: 1.5rem!important; } .pt-md-5 { padding-top: 3rem!important; } .pe-md-0 { padding-right: 0!important; } .pe-md-1 { padding-right: .25rem!important; } .pe-md-2 { padding-right: .5rem!important; } .pe-md-3 { padding-right: 1rem!important; } .pe-md-4 { padding-right: 1.5rem!important; } .pe-md-5 { padding-right: 3rem!important; } .pb-md-0 { padding-bottom: 0!important; } .pb-md-1 { padding-bottom: .25rem!important; } .pb-md-2 { padding-bottom: .5rem!important; } .pb-md-3 { padding-bottom: 1rem!important; } .pb-md-4 { padding-bottom: 1.5rem!important; } .pb-md-5 { padding-bottom: 3rem!important; } .ps-md-0 { padding-left: 0!important; } .ps-md-1 { padding-left: .25rem!important; } .ps-md-2 { padding-left: .5rem!important; } .ps-md-3 { padding-left: 1rem!important; } .ps-md-4 { padding-left: 1.5rem!important; } .ps-md-5 { padding-left: 3rem!important; } .gap-md-0 { gap: 0!important; } .gap-md-1 { gap: .25rem!important; } .gap-md-2 { gap: .5rem!important; } .gap-md-3 { gap: 1rem!important; } .gap-md-4 { gap: 1.5rem!important; } .gap-md-5 { gap: 3rem!important; } .text-md-start { text-align: left!important; } .text-md-end { text-align: right!important; } .text-md-center { text-align: center!important; } } @media (min-width:992px) { .float-lg-start { float: left!important; } .float-lg-end { float: right!important; } .float-lg-none { float: none!important; } .d-lg-inline { display: inline!important; } .d-lg-inline-block { display: inline-block!important; } .d-lg-block { display: block!important; } .d-lg-grid { display: grid!important; } .d-lg-table { display: table!important; } .d-lg-table-row { display: table-row!important; } .d-lg-table-cell { display: table-cell!important; } .d-lg-flex { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } .d-lg-inline-flex { display: -webkit-inline-box!important; display: -ms-inline-flexbox!important; display: inline-flex!important; } .d-lg-none { display: none!important; } .flex-lg-fill { flex: 1 1 auto!important; -webkit-box-flex: 1!important; -ms-flex: 1 1 auto!important; } .flex-lg-row { flex-direction: row!important; -webkit-box-orient: horizontal!important; -ms-flex-direction: row!important; } .flex-lg-column, .flex-lg-row { -webkit-box-direction: normal!important; } .flex-lg-column { flex-direction: column!important; -webkit-box-orient: vertical!important; -ms-flex-direction: column!important; } .flex-lg-row-reverse { flex-direction: row-reverse!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: reverse!important; -ms-flex-direction: row-reverse!important; } .flex-lg-column-reverse { flex-direction: column-reverse!important; -webkit-box-orient: vertical!important; -webkit-box-direction: reverse!important; -ms-flex-direction: column-reverse!important; } .flex-lg-grow-0 { flex-grow: 0!important; -webkit-box-flex: 0!important; -ms-flex-positive: 0!important; } .flex-lg-grow-1 { flex-grow: 1!important; -webkit-box-flex: 1!important; -ms-flex-positive: 1!important; } .flex-lg-shrink-0 { flex-shrink: 0!important; -ms-flex-negative: 0!important; } .flex-lg-shrink-1 { flex-shrink: 1!important; -ms-flex-negative: 1!important; } .flex-lg-wrap { flex-wrap: wrap!important; -ms-flex-wrap: wrap!important; } .flex-lg-nowrap { flex-wrap: nowrap!important; -ms-flex-wrap: nowrap!important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse!important; -ms-flex-wrap: wrap-reverse!important; } .justify-content-lg-start { justify-content: flex-start!important; -webkit-box-pack: start!important; -ms-flex-pack: start!important; } .justify-content-lg-end { justify-content: flex-end!important; -webkit-box-pack: end!important; -ms-flex-pack: end!important; } .justify-content-lg-center { justify-content: center!important; -webkit-box-pack: center!important; -ms-flex-pack: center!important; } .justify-content-lg-between { justify-content: space-between!important; -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; } .justify-content-lg-around { justify-content: space-around!important; -ms-flex-pack: distribute!important; } .justify-content-lg-evenly { justify-content: space-evenly!important; -webkit-box-pack: space-evenly!important; -ms-flex-pack: space-evenly!important; } .align-items-lg-start { align-items: flex-start!important; -webkit-box-align: start!important; -ms-flex-align: start!important; } .align-items-lg-end { align-items: flex-end!important; -webkit-box-align: end!important; -ms-flex-align: end!important; } .align-items-lg-center { align-items: center!important; -webkit-box-align: center!important; -ms-flex-align: center!important; } .align-items-lg-baseline { align-items: baseline!important; -webkit-box-align: baseline!important; -ms-flex-align: baseline!important; } .align-items-lg-stretch { align-items: stretch!important; -webkit-box-align: stretch!important; -ms-flex-align: stretch!important; } .align-content-lg-start { align-content: flex-start!important; -ms-flex-line-pack: start!important; } .align-content-lg-end { align-content: flex-end!important; -ms-flex-line-pack: end!important; } .align-content-lg-center { align-content: center!important; -ms-flex-line-pack: center!important; } .align-content-lg-between { align-content: space-between!important; -ms-flex-line-pack: justify!important; } .align-content-lg-around { align-content: space-around!important; -ms-flex-line-pack: distribute!important; } .align-content-lg-stretch { align-content: stretch!important; -ms-flex-line-pack: stretch!important; } .align-self-lg-auto { align-self: auto!important; -ms-flex-item-align: auto!important; } .align-self-lg-start { align-self: flex-start!important; -ms-flex-item-align: start!important; } .align-self-lg-end { align-self: flex-end!important; -ms-flex-item-align: end!important; } .align-self-lg-center { align-self: center!important; -ms-flex-item-align: center!important; } .align-self-lg-baseline { align-self: baseline!important; -ms-flex-item-align: baseline!important; } .align-self-lg-stretch { align-self: stretch!important; -ms-flex-item-align: stretch!important; } .order-lg-first { order: -1!important; -webkit-box-ordinal-group: 0!important; -ms-flex-order: -1!important; } .order-lg-0 { order: 0!important; -webkit-box-ordinal-group: 1!important; -ms-flex-order: 0!important; } .order-lg-1 { order: 1!important; -webkit-box-ordinal-group: 2!important; -ms-flex-order: 1!important; } .order-lg-2 { order: 2!important; -webkit-box-ordinal-group: 3!important; -ms-flex-order: 2!important; } .order-lg-3 { order: 3!important; -webkit-box-ordinal-group: 4!important; -ms-flex-order: 3!important; } .order-lg-4 { order: 4!important; -webkit-box-ordinal-group: 5!important; -ms-flex-order: 4!important; } .order-lg-5 { order: 5!important; -webkit-box-ordinal-group: 6!important; -ms-flex-order: 5!important; } .order-lg-last { order: 6!important; -webkit-box-ordinal-group: 7!important; -ms-flex-order: 6!important; } .m-lg-0 { margin: 0!important; } .m-lg-1 { margin: .25rem!important; } .m-lg-2 { margin: .5rem!important; } .m-lg-3 { margin: 1rem!important; } .m-lg-4 { margin: 1.5rem!important; } .m-lg-5 { margin: 3rem!important; } .m-lg-auto { margin: auto!important; } .mx-lg-0 { margin-right: 0!important; margin-left: 0!important; } .mx-lg-1 { margin-right: .25rem!important; margin-left: .25rem!important; } .mx-lg-2 { margin-right: .5rem!important; margin-left: .5rem!important; } .mx-lg-3 { margin-right: 1rem!important; margin-left: 1rem!important; } .mx-lg-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important; } .mx-lg-5 { margin-right: 3rem!important; margin-left: 3rem!important; } .mx-lg-auto { margin-right: auto!important; margin-left: auto!important; } .my-lg-0 { margin-top: 0!important; margin-bottom: 0!important; } .my-lg-1 { margin-top: .25rem!important; margin-bottom: .25rem!important; } .my-lg-2 { margin-top: .5rem!important; margin-bottom: .5rem!important; } .my-lg-3 { margin-top: 1rem!important; margin-bottom: 1rem!important; } .my-lg-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important; } .my-lg-5 { margin-top: 3rem!important; margin-bottom: 3rem!important; } .my-lg-auto { margin-top: auto!important; margin-bottom: auto!important; } .mt-lg-0 { margin-top: 0!important; } .mt-lg-1 { margin-top: .25rem!important; } .mt-lg-2 { margin-top: .5rem!important; } .mt-lg-3 { margin-top: 1rem!important; } .mt-lg-4 { margin-top: 1.5rem!important; } .mt-lg-5 { margin-top: 3rem!important; } .mt-lg-auto { margin-top: auto!important; } .me-lg-0 { margin-right: 0!important; } .me-lg-1 { margin-right: .25rem!important; } .me-lg-2 { margin-right: .5rem!important; } .me-lg-3 { margin-right: 1rem!important; } .me-lg-4 { margin-right: 1.5rem!important; } .me-lg-5 { margin-right: 3rem!important; } .me-lg-auto { margin-right: auto!important; } .mb-lg-0 { margin-bottom: 0!important; } .mb-lg-1 { margin-bottom: .25rem!important; } .mb-lg-2 { margin-bottom: .5rem!important; } .mb-lg-3 { margin-bottom: 1rem!important; } .mb-lg-4 { margin-bottom: 1.5rem!important; } .mb-lg-5 { margin-bottom: 3rem!important; } .mb-lg-auto { margin-bottom: auto!important; } .ms-lg-0 { margin-left: 0!important; } .ms-lg-1 { margin-left: .25rem!important; } .ms-lg-2 { margin-left: .5rem!important; } .ms-lg-3 { margin-left: 1rem!important; } .ms-lg-4 { margin-left: 1.5rem!important; } .ms-lg-5 { margin-left: 3rem!important; } .ms-lg-auto { margin-left: auto!important; } .p-lg-0 { padding: 0!important; } .p-lg-1 { padding: .25rem!important; } .p-lg-2 { padding: .5rem!important; } .p-lg-3 { padding: 1rem!important; } .p-lg-4 { padding: 1.5rem!important; } .p-lg-5 { padding: 3rem!important; } .px-lg-0 { padding-right: 0!important; padding-left: 0!important; } .px-lg-1 { padding-right: .25rem!important; padding-left: .25rem!important; } .px-lg-2 { padding-right: .5rem!important; padding-left: .5rem!important; } .px-lg-3 { padding-right: 1rem!important; padding-left: 1rem!important; } .px-lg-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important; } .px-lg-5 { padding-right: 3rem!important; padding-left: 3rem!important; } .py-lg-0 { padding-top: 0!important; padding-bottom: 0!important; } .py-lg-1 { padding-top: .25rem!important; padding-bottom: .25rem!important; } .py-lg-2 { padding-top: .5rem!important; padding-bottom: .5rem!important; } .py-lg-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; } .py-lg-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; } .py-lg-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; } .pt-lg-0 { padding-top: 0!important; } .pt-lg-1 { padding-top: .25rem!important; } .pt-lg-2 { padding-top: .5rem!important; } .pt-lg-3 { padding-top: 1rem!important; } .pt-lg-4 { padding-top: 1.5rem!important; } .pt-lg-5 { padding-top: 3rem!important; } .pe-lg-0 { padding-right: 0!important; } .pe-lg-1 { padding-right: .25rem!important; } .pe-lg-2 { padding-right: .5rem!important; } .pe-lg-3 { padding-right: 1rem!important; } .pe-lg-4 { padding-right: 1.5rem!important; } .pe-lg-5 { padding-right: 3rem!important; } .pb-lg-0 { padding-bottom: 0!important; } .pb-lg-1 { padding-bottom: .25rem!important; } .pb-lg-2 { padding-bottom: .5rem!important; } .pb-lg-3 { padding-bottom: 1rem!important; } .pb-lg-4 { padding-bottom: 1.5rem!important; } .pb-lg-5 { padding-bottom: 3rem!important; } .ps-lg-0 { padding-left: 0!important; } .ps-lg-1 { padding-left: .25rem!important; } .ps-lg-2 { padding-left: .5rem!important; } .ps-lg-3 { padding-left: 1rem!important; } .ps-lg-4 { padding-left: 1.5rem!important; } .ps-lg-5 { padding-left: 3rem!important; } .gap-lg-0 { gap: 0!important; } .gap-lg-1 { gap: .25rem!important; } .gap-lg-2 { gap: .5rem!important; } .gap-lg-3 { gap: 1rem!important; } .gap-lg-4 { gap: 1.5rem!important; } .gap-lg-5 { gap: 3rem!important; } .text-lg-start { text-align: left!important; } .text-lg-end { text-align: right!important; } .text-lg-center { text-align: center!important; } } @media (min-width:1200px) { .float-xl-start { float: left!important; } .float-xl-end { float: right!important; } .float-xl-none { float: none!important; } .d-xl-inline { display: inline!important; } .d-xl-inline-block { display: inline-block!important; } .d-xl-block { display: block!important; } .d-xl-grid { display: grid!important; } .d-xl-table { display: table!important; } .d-xl-table-row { display: table-row!important; } .d-xl-table-cell { display: table-cell!important; } .d-xl-flex { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } .d-xl-inline-flex { display: -webkit-inline-box!important; display: -ms-inline-flexbox!important; display: inline-flex!important; } .d-xl-none { display: none!important; } .flex-xl-fill { flex: 1 1 auto!important; -webkit-box-flex: 1!important; -ms-flex: 1 1 auto!important; } .flex-xl-row { flex-direction: row!important; -webkit-box-orient: horizontal!important; -ms-flex-direction: row!important; } .flex-xl-column, .flex-xl-row { -webkit-box-direction: normal!important; } .flex-xl-column { flex-direction: column!important; -webkit-box-orient: vertical!important; -ms-flex-direction: column!important; } .flex-xl-row-reverse { flex-direction: row-reverse!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: reverse!important; -ms-flex-direction: row-reverse!important; } .flex-xl-column-reverse { flex-direction: column-reverse!important; -webkit-box-orient: vertical!important; -webkit-box-direction: reverse!important; -ms-flex-direction: column-reverse!important; } .flex-xl-grow-0 { flex-grow: 0!important; -webkit-box-flex: 0!important; -ms-flex-positive: 0!important; } .flex-xl-grow-1 { flex-grow: 1!important; -webkit-box-flex: 1!important; -ms-flex-positive: 1!important; } .flex-xl-shrink-0 { flex-shrink: 0!important; -ms-flex-negative: 0!important; } .flex-xl-shrink-1 { flex-shrink: 1!important; -ms-flex-negative: 1!important; } .flex-xl-wrap { flex-wrap: wrap!important; -ms-flex-wrap: wrap!important; } .flex-xl-nowrap { flex-wrap: nowrap!important; -ms-flex-wrap: nowrap!important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse!important; -ms-flex-wrap: wrap-reverse!important; } .justify-content-xl-start { justify-content: flex-start!important; -webkit-box-pack: start!important; -ms-flex-pack: start!important; } .justify-content-xl-end { justify-content: flex-end!important; -webkit-box-pack: end!important; -ms-flex-pack: end!important; } .justify-content-xl-center { justify-content: center!important; -webkit-box-pack: center!important; -ms-flex-pack: center!important; } .justify-content-xl-between { justify-content: space-between!important; -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; } .justify-content-xl-around { justify-content: space-around!important; -ms-flex-pack: distribute!important; } .justify-content-xl-evenly { justify-content: space-evenly!important; -webkit-box-pack: space-evenly!important; -ms-flex-pack: space-evenly!important; } .align-items-xl-start { align-items: flex-start!important; -webkit-box-align: start!important; -ms-flex-align: start!important; } .align-items-xl-end { align-items: flex-end!important; -webkit-box-align: end!important; -ms-flex-align: end!important; } .align-items-xl-center { align-items: center!important; -webkit-box-align: center!important; -ms-flex-align: center!important; } .align-items-xl-baseline { align-items: baseline!important; -webkit-box-align: baseline!important; -ms-flex-align: baseline!important; } .align-items-xl-stretch { align-items: stretch!important; -webkit-box-align: stretch!important; -ms-flex-align: stretch!important; } .align-content-xl-start { align-content: flex-start!important; -ms-flex-line-pack: start!important; } .align-content-xl-end { align-content: flex-end!important; -ms-flex-line-pack: end!important; } .align-content-xl-center { align-content: center!important; -ms-flex-line-pack: center!important; } .align-content-xl-between { align-content: space-between!important; -ms-flex-line-pack: justify!important; } .align-content-xl-around { align-content: space-around!important; -ms-flex-line-pack: distribute!important; } .align-content-xl-stretch { align-content: stretch!important; -ms-flex-line-pack: stretch!important; } .align-self-xl-auto { align-self: auto!important; -ms-flex-item-align: auto!important; } .align-self-xl-start { align-self: flex-start!important; -ms-flex-item-align: start!important; } .align-self-xl-end { align-self: flex-end!important; -ms-flex-item-align: end!important; } .align-self-xl-center { align-self: center!important; -ms-flex-item-align: center!important; } .align-self-xl-baseline { align-self: baseline!important; -ms-flex-item-align: baseline!important; } .align-self-xl-stretch { align-self: stretch!important; -ms-flex-item-align: stretch!important; } .order-xl-first { order: -1!important; -webkit-box-ordinal-group: 0!important; -ms-flex-order: -1!important; } .order-xl-0 { order: 0!important; -webkit-box-ordinal-group: 1!important; -ms-flex-order: 0!important; } .order-xl-1 { order: 1!important; -webkit-box-ordinal-group: 2!important; -ms-flex-order: 1!important; } .order-xl-2 { order: 2!important; -webkit-box-ordinal-group: 3!important; -ms-flex-order: 2!important; } .order-xl-3 { order: 3!important; -webkit-box-ordinal-group: 4!important; -ms-flex-order: 3!important; } .order-xl-4 { order: 4!important; -webkit-box-ordinal-group: 5!important; -ms-flex-order: 4!important; } .order-xl-5 { order: 5!important; -webkit-box-ordinal-group: 6!important; -ms-flex-order: 5!important; } .order-xl-last { order: 6!important; -webkit-box-ordinal-group: 7!important; -ms-flex-order: 6!important; } .m-xl-0 { margin: 0!important; } .m-xl-1 { margin: .25rem!important; } .m-xl-2 { margin: .5rem!important; } .m-xl-3 { margin: 1rem!important; } .m-xl-4 { margin: 1.5rem!important; } .m-xl-5 { margin: 3rem!important; } .m-xl-auto { margin: auto!important; } .mx-xl-0 { margin-right: 0!important; margin-left: 0!important; } .mx-xl-1 { margin-right: .25rem!important; margin-left: .25rem!important; } .mx-xl-2 { margin-right: .5rem!important; margin-left: .5rem!important; } .mx-xl-3 { margin-right: 1rem!important; margin-left: 1rem!important; } .mx-xl-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important; } .mx-xl-5 { margin-right: 3rem!important; margin-left: 3rem!important; } .mx-xl-auto { margin-right: auto!important; margin-left: auto!important; } .my-xl-0 { margin-top: 0!important; margin-bottom: 0!important; } .my-xl-1 { margin-top: .25rem!important; margin-bottom: .25rem!important; } .my-xl-2 { margin-top: .5rem!important; margin-bottom: .5rem!important; } .my-xl-3 { margin-top: 1rem!important; margin-bottom: 1rem!important; } .my-xl-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important; } .my-xl-5 { margin-top: 3rem!important; margin-bottom: 3rem!important; } .my-xl-auto { margin-top: auto!important; margin-bottom: auto!important; } .mt-xl-0 { margin-top: 0!important; } .mt-xl-1 { margin-top: .25rem!important; } .mt-xl-2 { margin-top: .5rem!important; } .mt-xl-3 { margin-top: 1rem!important; } .mt-xl-4 { margin-top: 1.5rem!important; } .mt-xl-5 { margin-top: 3rem!important; } .mt-xl-auto { margin-top: auto!important; } .me-xl-0 { margin-right: 0!important; } .me-xl-1 { margin-right: .25rem!important; } .me-xl-2 { margin-right: .5rem!important; } .me-xl-3 { margin-right: 1rem!important; } .me-xl-4 { margin-right: 1.5rem!important; } .me-xl-5 { margin-right: 3rem!important; } .me-xl-auto { margin-right: auto!important; } .mb-xl-0 { margin-bottom: 0!important; } .mb-xl-1 { margin-bottom: .25rem!important; } .mb-xl-2 { margin-bottom: .5rem!important; } .mb-xl-3 { margin-bottom: 1rem!important; } .mb-xl-4 { margin-bottom: 1.5rem!important; } .mb-xl-5 { margin-bottom: 3rem!important; } .mb-xl-auto { margin-bottom: auto!important; } .ms-xl-0 { margin-left: 0!important; } .ms-xl-1 { margin-left: .25rem!important; } .ms-xl-2 { margin-left: .5rem!important; } .ms-xl-3 { margin-left: 1rem!important; } .ms-xl-4 { margin-left: 1.5rem!important; } .ms-xl-5 { margin-left: 3rem!important; } .ms-xl-auto { margin-left: auto!important; } .p-xl-0 { padding: 0!important; } .p-xl-1 { padding: .25rem!important; } .p-xl-2 { padding: .5rem!important; } .p-xl-3 { padding: 1rem!important; } .p-xl-4 { padding: 1.5rem!important; } .p-xl-5 { padding: 3rem!important; } .px-xl-0 { padding-right: 0!important; padding-left: 0!important; } .px-xl-1 { padding-right: .25rem!important; padding-left: .25rem!important; } .px-xl-2 { padding-right: .5rem!important; padding-left: .5rem!important; } .px-xl-3 { padding-right: 1rem!important; padding-left: 1rem!important; } .px-xl-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important; } .px-xl-5 { padding-right: 3rem!important; padding-left: 3rem!important; } .py-xl-0 { padding-top: 0!important; padding-bottom: 0!important; } .py-xl-1 { padding-top: .25rem!important; padding-bottom: .25rem!important; } .py-xl-2 { padding-top: .5rem!important; padding-bottom: .5rem!important; } .py-xl-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; } .py-xl-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; } .py-xl-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; } .pt-xl-0 { padding-top: 0!important; } .pt-xl-1 { padding-top: .25rem!important; } .pt-xl-2 { padding-top: .5rem!important; } .pt-xl-3 { padding-top: 1rem!important; } .pt-xl-4 { padding-top: 1.5rem!important; } .pt-xl-5 { padding-top: 3rem!important; } .pe-xl-0 { padding-right: 0!important; } .pe-xl-1 { padding-right: .25rem!important; } .pe-xl-2 { padding-right: .5rem!important; } .pe-xl-3 { padding-right: 1rem!important; } .pe-xl-4 { padding-right: 1.5rem!important; } .pe-xl-5 { padding-right: 3rem!important; } .pb-xl-0 { padding-bottom: 0!important; } .pb-xl-1 { padding-bottom: .25rem!important; } .pb-xl-2 { padding-bottom: .5rem!important; } .pb-xl-3 { padding-bottom: 1rem!important; } .pb-xl-4 { padding-bottom: 1.5rem!important; } .pb-xl-5 { padding-bottom: 3rem!important; } .ps-xl-0 { padding-left: 0!important; } .ps-xl-1 { padding-left: .25rem!important; } .ps-xl-2 { padding-left: .5rem!important; } .ps-xl-3 { padding-left: 1rem!important; } .ps-xl-4 { padding-left: 1.5rem!important; } .ps-xl-5 { padding-left: 3rem!important; } .gap-xl-0 { gap: 0!important; } .gap-xl-1 { gap: .25rem!important; } .gap-xl-2 { gap: .5rem!important; } .gap-xl-3 { gap: 1rem!important; } .gap-xl-4 { gap: 1.5rem!important; } .gap-xl-5 { gap: 3rem!important; } .text-xl-start { text-align: left!important; } .text-xl-end { text-align: right!important; } .text-xl-center { text-align: center!important; } } @media (min-width:1400px) { .float-xxl-start { float: left!important; } .float-xxl-end { float: right!important; } .float-xxl-none { float: none!important; } .d-xxl-inline { display: inline!important; } .d-xxl-inline-block { display: inline-block!important; } .d-xxl-block { display: block!important; } .d-xxl-grid { display: grid!important; } .d-xxl-table { display: table!important; } .d-xxl-table-row { display: table-row!important; } .d-xxl-table-cell { display: table-cell!important; } .d-xxl-flex { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } .d-xxl-inline-flex { display: -webkit-inline-box!important; display: -ms-inline-flexbox!important; display: inline-flex!important; } .d-xxl-none { display: none!important; } .flex-xxl-fill { flex: 1 1 auto!important; -webkit-box-flex: 1!important; -ms-flex: 1 1 auto!important; } .flex-xxl-row { flex-direction: row!important; -webkit-box-orient: horizontal!important; -ms-flex-direction: row!important; } .flex-xxl-column, .flex-xxl-row { -webkit-box-direction: normal!important; } .flex-xxl-column { flex-direction: column!important; -webkit-box-orient: vertical!important; -ms-flex-direction: column!important; } .flex-xxl-row-reverse { flex-direction: row-reverse!important; -webkit-box-orient: horizontal!important; -webkit-box-direction: reverse!important; -ms-flex-direction: row-reverse!important; } .flex-xxl-column-reverse { flex-direction: column-reverse!important; -webkit-box-orient: vertical!important; -webkit-box-direction: reverse!important; -ms-flex-direction: column-reverse!important; } .flex-xxl-grow-0 { flex-grow: 0!important; -webkit-box-flex: 0!important; -ms-flex-positive: 0!important; } .flex-xxl-grow-1 { flex-grow: 1!important; -webkit-box-flex: 1!important; -ms-flex-positive: 1!important; } .flex-xxl-shrink-0 { flex-shrink: 0!important; -ms-flex-negative: 0!important; } .flex-xxl-shrink-1 { flex-shrink: 1!important; -ms-flex-negative: 1!important; } .flex-xxl-wrap { flex-wrap: wrap!important; -ms-flex-wrap: wrap!important; } .flex-xxl-nowrap { flex-wrap: nowrap!important; -ms-flex-wrap: nowrap!important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse!important; -ms-flex-wrap: wrap-reverse!important; } .justify-content-xxl-start { justify-content: flex-start!important; -webkit-box-pack: start!important; -ms-flex-pack: start!important; } .justify-content-xxl-end { justify-content: flex-end!important; -webkit-box-pack: end!important; -ms-flex-pack: end!important; } .justify-content-xxl-center { justify-content: center!important; -webkit-box-pack: center!important; -ms-flex-pack: center!important; } .justify-content-xxl-between { justify-content: space-between!important; -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; } .justify-content-xxl-around { justify-content: space-around!important; -ms-flex-pack: distribute!important; } .justify-content-xxl-evenly { justify-content: space-evenly!important; -webkit-box-pack: space-evenly!important; -ms-flex-pack: space-evenly!important; } .align-items-xxl-start { align-items: flex-start!important; -webkit-box-align: start!important; -ms-flex-align: start!important; } .align-items-xxl-end { align-items: flex-end!important; -webkit-box-align: end!important; -ms-flex-align: end!important; } .align-items-xxl-center { align-items: center!important; -webkit-box-align: center!important; -ms-flex-align: center!important; } .align-items-xxl-baseline { align-items: baseline!important; -webkit-box-align: baseline!important; -ms-flex-align: baseline!important; } .align-items-xxl-stretch { align-items: stretch!important; -webkit-box-align: stretch!important; -ms-flex-align: stretch!important; } .align-content-xxl-start { align-content: flex-start!important; -ms-flex-line-pack: start!important; } .align-content-xxl-end { align-content: flex-end!important; -ms-flex-line-pack: end!important; } .align-content-xxl-center { align-content: center!important; -ms-flex-line-pack: center!important; } .align-content-xxl-between { align-content: space-between!important; -ms-flex-line-pack: justify!important; } .align-content-xxl-around { align-content: space-around!important; -ms-flex-line-pack: distribute!important; } .align-content-xxl-stretch { align-content: stretch!important; -ms-flex-line-pack: stretch!important; } .align-self-xxl-auto { align-self: auto!important; -ms-flex-item-align: auto!important; } .align-self-xxl-start { align-self: flex-start!important; -ms-flex-item-align: start!important; } .align-self-xxl-end { align-self: flex-end!important; -ms-flex-item-align: end!important; } .align-self-xxl-center { align-self: center!important; -ms-flex-item-align: center!important; } .align-self-xxl-baseline { align-self: baseline!important; -ms-flex-item-align: baseline!important; } .align-self-xxl-stretch { align-self: stretch!important; -ms-flex-item-align: stretch!important; } .order-xxl-first { order: -1!important; -webkit-box-ordinal-group: 0!important; -ms-flex-order: -1!important; } .order-xxl-0 { order: 0!important; -webkit-box-ordinal-group: 1!important; -ms-flex-order: 0!important; } .order-xxl-1 { order: 1!important; -webkit-box-ordinal-group: 2!important; -ms-flex-order: 1!important; } .order-xxl-2 { order: 2!important; -webkit-box-ordinal-group: 3!important; -ms-flex-order: 2!important; } .order-xxl-3 { order: 3!important; -webkit-box-ordinal-group: 4!important; -ms-flex-order: 3!important; } .order-xxl-4 { order: 4!important; -webkit-box-ordinal-group: 5!important; -ms-flex-order: 4!important; } .order-xxl-5 { order: 5!important; -webkit-box-ordinal-group: 6!important; -ms-flex-order: 5!important; } .order-xxl-last { order: 6!important; -webkit-box-ordinal-group: 7!important; -ms-flex-order: 6!important; } .m-xxl-0 { margin: 0!important; } .m-xxl-1 { margin: .25rem!important; } .m-xxl-2 { margin: .5rem!important; } .m-xxl-3 { margin: 1rem!important; } .m-xxl-4 { margin: 1.5rem!important; } .m-xxl-5 { margin: 3rem!important; } .m-xxl-auto { margin: auto!important; } .mx-xxl-0 { margin-right: 0!important; margin-left: 0!important; } .mx-xxl-1 { margin-right: .25rem!important; margin-left: .25rem!important; } .mx-xxl-2 { margin-right: .5rem!important; margin-left: .5rem!important; } .mx-xxl-3 { margin-right: 1rem!important; margin-left: 1rem!important; } .mx-xxl-4 { margin-right: 1.5rem!important; margin-left: 1.5rem!important; } .mx-xxl-5 { margin-right: 3rem!important; margin-left: 3rem!important; } .mx-xxl-auto { margin-right: auto!important; margin-left: auto!important; } .my-xxl-0 { margin-top: 0!important; margin-bottom: 0!important; } .my-xxl-1 { margin-top: .25rem!important; margin-bottom: .25rem!important; } .my-xxl-2 { margin-top: .5rem!important; margin-bottom: .5rem!important; } .my-xxl-3 { margin-top: 1rem!important; margin-bottom: 1rem!important; } .my-xxl-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important; } .my-xxl-5 { margin-top: 3rem!important; margin-bottom: 3rem!important; } .my-xxl-auto { margin-top: auto!important; margin-bottom: auto!important; } .mt-xxl-0 { margin-top: 0!important; } .mt-xxl-1 { margin-top: .25rem!important; } .mt-xxl-2 { margin-top: .5rem!important; } .mt-xxl-3 { margin-top: 1rem!important; } .mt-xxl-4 { margin-top: 1.5rem!important; } .mt-xxl-5 { margin-top: 3rem!important; } .mt-xxl-auto { margin-top: auto!important; } .me-xxl-0 { margin-right: 0!important; } .me-xxl-1 { margin-right: .25rem!important; } .me-xxl-2 { margin-right: .5rem!important; } .me-xxl-3 { margin-right: 1rem!important; } .me-xxl-4 { margin-right: 1.5rem!important; } .me-xxl-5 { margin-right: 3rem!important; } .me-xxl-auto { margin-right: auto!important; } .mb-xxl-0 { margin-bottom: 0!important; } .mb-xxl-1 { margin-bottom: .25rem!important; } .mb-xxl-2 { margin-bottom: .5rem!important; } .mb-xxl-3 { margin-bottom: 1rem!important; } .mb-xxl-4 { margin-bottom: 1.5rem!important; } .mb-xxl-5 { margin-bottom: 3rem!important; } .mb-xxl-auto { margin-bottom: auto!important; } .ms-xxl-0 { margin-left: 0!important; } .ms-xxl-1 { margin-left: .25rem!important; } .ms-xxl-2 { margin-left: .5rem!important; } .ms-xxl-3 { margin-left: 1rem!important; } .ms-xxl-4 { margin-left: 1.5rem!important; } .ms-xxl-5 { margin-left: 3rem!important; } .ms-xxl-auto { margin-left: auto!important; } .p-xxl-0 { padding: 0!important; } .p-xxl-1 { padding: .25rem!important; } .p-xxl-2 { padding: .5rem!important; } .p-xxl-3 { padding: 1rem!important; } .p-xxl-4 { padding: 1.5rem!important; } .p-xxl-5 { padding: 3rem!important; } .px-xxl-0 { padding-right: 0!important; padding-left: 0!important; } .px-xxl-1 { padding-right: .25rem!important; padding-left: .25rem!important; } .px-xxl-2 { padding-right: .5rem!important; padding-left: .5rem!important; } .px-xxl-3 { padding-right: 1rem!important; padding-left: 1rem!important; } .px-xxl-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important; } .px-xxl-5 { padding-right: 3rem!important; padding-left: 3rem!important; } .py-xxl-0 { padding-top: 0!important; padding-bottom: 0!important; } .py-xxl-1 { padding-top: .25rem!important; padding-bottom: .25rem!important; } .py-xxl-2 { padding-top: .5rem!important; padding-bottom: .5rem!important; } .py-xxl-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; } .py-xxl-4 { padding-top: 1.5rem!important; padding-bottom: 1.5rem!important; } .py-xxl-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; } .pt-xxl-0 { padding-top: 0!important; } .pt-xxl-1 { padding-top: .25rem!important; } .pt-xxl-2 { padding-top: .5rem!important; } .pt-xxl-3 { padding-top: 1rem!important; } .pt-xxl-4 { padding-top: 1.5rem!important; } .pt-xxl-5 { padding-top: 3rem!important; } .pe-xxl-0 { padding-right: 0!important; } .pe-xxl-1 { padding-right: .25rem!important; } .pe-xxl-2 { padding-right: .5rem!important; } .pe-xxl-3 { padding-right: 1rem!important; } .pe-xxl-4 { padding-right: 1.5rem!important; } .pe-xxl-5 { padding-right: 3rem!important; } .pb-xxl-0 { padding-bottom: 0!important; } .pb-xxl-1 { padding-bottom: .25rem!important; } .pb-xxl-2 { padding-bottom: .5rem!important; } .pb-xxl-3 { padding-bottom: 1rem!important; } .pb-xxl-4 { padding-bottom: 1.5rem!important; } .pb-xxl-5 { padding-bottom: 3rem!important; } .ps-xxl-0 { padding-left: 0!important; } .ps-xxl-1 { padding-left: .25rem!important; } .ps-xxl-2 { padding-left: .5rem!important; } .ps-xxl-3 { padding-left: 1rem!important; } .ps-xxl-4 { padding-left: 1.5rem!important; } .ps-xxl-5 { padding-left: 3rem!important; } .gap-xxl-0 { gap: 0!important; } .gap-xxl-1 { gap: .25rem!important; } .gap-xxl-2 { gap: .5rem!important; } .gap-xxl-3 { gap: 1rem!important; } .gap-xxl-4 { gap: 1.5rem!important; } .gap-xxl-5 { gap: 3rem!important; } .text-xxl-start { text-align: left!important; } .text-xxl-end { text-align: right!important; } .text-xxl-center { text-align: center!important; } } @media (min-width:1200px) { .fs-1 { font-size: 2.5rem!important; } .fs-2 { font-size: 2rem!important; } .fs-3 { font-size: 1.75rem!important; } .fs-4 { font-size: 1.5rem!important; } } @media print { .d-print-inline { display: inline!important; } .d-print-inline-block { display: inline-block!important; } .d-print-block { display: block!important; } .d-print-grid { display: grid!important; } .d-print-table { display: table!important; } .d-print-table-row { display: table-row!important; } .d-print-table-cell { display: table-cell!important; } .d-print-flex { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } .d-print-inline-flex { display: -webkit-inline-box!important; display: -ms-inline-flexbox!important; display: inline-flex!important; } .d-print-none { display: none!important; } } .minicolors-theme-bootstrap .minicolors-swatch { width: 36px; height: 36px; } .minicolors-theme-bootstrap .minicolors-swatch > .minicolors-sprite { top: 50%; left: 8px; border-radius: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } span.minicolors-swatch-color { cursor: pointer; } :root { scroll-behavior: smooth; } @media screen and (prefers-reduced-motion:reduce) { :root { scroll-behavior: auto; } } html { background-color: #fff; } body { position: relative; min-height: 100vh; } img { height: auto; max-width: 100%; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: var(--cassiopeia-font-family-headings,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"); font-weight: var(--cassiopeia-font-weight-headings,700); } .display-1 { font-size: clamp(2.7rem,8vw,5.5rem); } .display-2 { font-size: clamp(2.3rem,7vw,4.5rem); } .display-3 { font-size: clamp(1.9rem,6vw,3.5rem); } .display-4 { font-size: clamp(1.5rem,5vw,2.5rem); } .lead { font-size: clamp(1.1rem,3vw,1.25rem); } a { color: var(--cassiopeia-color-link); } a:not([class]) { text-decoration: underline; } a:focus, a:hover { color: var(--cassiopeia-color-hover); } a.navbar-brand { color: var(--cassiopeia-color-brand); } .btn-primary { border-color: var(--cassiopeia-color-primary); background-color: var(--cassiopeia-color-primary); } .btn-primary:focus, .btn-primary:hover { border-color: var(--cassiopeia-color-hover); background-color: var(--cassiopeia-color-hover); } .btn-group { margin-bottom: 1em; } .btn-group > input { padding: .5em; border: 1px solid #ced4da; border-radius: .25rem 0 0 .25rem; } .btn-group > .btn-group { margin-bottom: 0; } .com-content-article ol, .com-content-article ul { overflow: hidden; } .com-content-category__pagination { margin-bottom: 1em; } .small, small { font-size: .875rem; } dd { padding: 0; word-wrap: break-word; } th dd { font-weight: var(--cassiopeia-font-weight-normal,400); } .com-contact__thumbnail { text-align: left; } @media (min-width:1200px) { dl.dl-horizontal { display: grid; grid-template-columns: auto 1fr; } dl.dl-horizontal dt { grid-column-end: 2; grid-column-start: 1; } dl.dl-horizontal dd { margin-bottom: 0; padding: 0 0 0 1em; grid-column-end: 3; grid-column-start: 2; } .com-contact__container { display: grid; grid-template-rows: repeat(4,auto); grid-template-columns: repeat(4,1fr); grid-gap: 1rem; margin-bottom: 1em; } .com-contact__container .h3, .com-contact__container h3 { grid-column: 1/5; } .com-contact__container .com-contact__thumbnail { margin-bottom: 1em; text-align: right; grid-column: 3/5; grid-row: 2/5; } .com-contact__container .com-contact__position { grid-column: 1/3; grid-row: 2/3; } .com-contact__container .com-contact__info { grid-column: 1/3; grid-row: 3/4; } .com-users-profile dt { min-width: 180px; } } figure { margin: 0 0 2em; } figure.float-start { margin-right: 1em; } figure.float-end { margin-left: 1em; } figcaption { font-size: .9em; color: #6d757e; } .mod-menu { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } meter { width: 100%; } .pagenavigation, .pager { clear: both; } .pagenavigation .pagination, .pager .pagination { justify-content: space-between; margin: 1em 0; padding: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; } .pagenavigation .pagination .next:only-child, .pager .pagination .next:only-child { margin-left: auto; } .page-link, .page-link:hover { color: var(--cassiopeia-color-link); } .pager .pagination { justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; } [dir=rtl] li.next .page-link { border-top-left-radius: .25rem; border-top-right-radius: 0; border-bottom-left-radius: .25rem; border-bottom-right-radius: 0; } [dir=rtl] li.previous .page-link { border-top-left-radius: 0; border-top-right-radius: .25rem; border-bottom-left-radius: 0; border-bottom-right-radius: .25rem; } .article-index .toclink.active { color: currentColor; } .j-main-container .alert { margin: .75rem; } .alert-heading { font-size: 1.5rem; } @-webkit-keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateY(-1rem); transform: translateY(-1rem); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateY(-1rem); transform: translateY(-1rem); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .back-to-top-link { z-index: 10000; position: absolute; bottom: 1rem; padding: .5em; border-radius: .25rem; color: var(--cassiopeia-color-primary,#112855); opacity: 0; -webkit-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; transition: opacity .2s ease-in; pointer-events: all; inset-inline-end: 1rem; } .back-to-top-link.visible { opacity: 1; } .back-to-top-link:focus, .back-to-top-link:hover { color: var(--white,#fff); } .container-banner img { display: block; margin: auto; } .container-banner .banner-overlay { height: 70vh; color: #fff; background-attachment: fixed; background-position: top,50%; background-repeat: no-repeat; background-size: cover; } .container-banner .banner-overlay .overlay { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 1em; text-align: center; background-color: rgba(0,0,0,.5); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; -ms-flex-direction: column; } .container-banner .banner-overlay .overlay .text-thin { font-weight: lighter; } .container-banner .banner-overlay .overlay .text-thin:after { content: ""; display: block; width: 30%; height: 4px; margin: 1rem auto 2rem; background: #fff; } .container-banner .banner-overlay .overlay .text-thin .lead { font-size: 150vh; } @media screen and (max-height:740px) { .container-banner .banner-overlay { height: 100vh; } } .footer { /*margin-top: 1em;*/ color: #fff; background-color: var(--cassiopeia-color-primary); background-image: -o-linear-gradient(315deg,var(--cassiopeia-color-primary) 0,var(--cassiopeia-color-hover) 100%); background-image: linear-gradient(135deg,var(--cassiopeia-color-primary) 0,var(--cassiopeia-color-hover) 100%); } .footer .grid-child { align-items: center; justify-content: space-between; padding: 2.5rem .5em; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; } .footer a { color: currentColor; } .footer .mod-menu { position: relative; } .footer .metismenu.mod-menu .mm-collapse { background: var(--cassiopeia-color-primary); } @media (max-width:991.98px) { .footer .grid-child { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } .footer .grid-child .mod-footer { margin: .375rem 0; } } .form-control { max-width: 100%; background-color: #fff; } .form-control.input-xlarge { max-width: 21.875rem; } .form-control.input-xxlarge { max-width: 34.375rem; } .form-control.input-full { max-width: 100%; } .spacer hr { width: 23.75rem; } .form-inline .custom-select, .form-inline .form-select { display: inline-block; width: auto; } @media (max-width:991.98px) { .form-inline .custom-select, .form-inline .form-select { width: 100%; } } td .form-control { display: inline-block; width: auto; } .checkboxes { padding-top: 5px; } .checkboxes .checkbox input { position: static; margin-left: 0; } .modal label { width: 100%; } .invalid { border-color: #a51f18; color: #a51f18; } .valid { border-color: #448344; } .form-control-feedback { display: block; } [role=tooltip]:not(.show) { display: none; z-index: 1070; right: 5em; margin: .5em; padding: .5em; max-width: 100%; border: 1px solid #6d757e; border-radius: .25rem; text-align: start; color: #000; background: #fff; -webkit-box-shadow: 0 0 .5rem rgba(0,0,0,.8); box-shadow: 0 0 .5rem rgba(0,0,0,.8); } [role=tooltip]:not(.show) [id^=editarticle-], [role=tooltip]:not(.show) [id^=editcontact-] { right: auto; -webkit-margin-start: -10em; margin-inline-start: -10em; } [role=tooltip]:not(.show) [id^=cbunpublish], [role=tooltip]:not(.show) [id^=id-skip-] { right: auto; } :focus + [role=tooltip], :hover + [role=tooltip] { display: block; position: absolute; } .filter-search-bar__description { bottom: 100%; } fieldset { margin-bottom: 2em; } fieldset + fieldset { margin-top: 2em; } fieldset > * { margin-bottom: 0; } .control-group { margin: 1em 0; } .container-popup .filter-search-bar__description { top: 100%; bottom: auto; } .com-users-login__options { margin-top: 2em; } .com-users-profile__edit #jform_privacyconsent_privacy .radio, .com-users-profile__edit #jform_profile_tos .radio, .com-users-profile__edit #jform_terms_terms .radio, .com-users-registration #jform_privacyconsent_privacy .radio, .com-users-registration #jform_profile_tos .radio, .com-users-registration #jform_terms_terms .radio { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 1rem; } .btn.jmodedit { z-index: 900; position: absolute; top: 0; right: 0; left: auto; border: 1px solid #58595a; border-radius: .25rem; color: var(--cassiopeia-color-link); background-color: hsla(0,0%,100%,.5); } .container-header { z-index: 10; position: relative; background-color: var(--cassiopeia-color-primary); background-image: -o-linear-gradient(315deg,var(--cassiopeia-color-primary) 0,var(--cassiopeia-color-hover) 100%); background-image: linear-gradient(135deg,var(--cassiopeia-color-primary) 0,var(--cassiopeia-color-hover) 100%); -webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,.03); box-shadow: inset 0 5px 5px rgba(0,0,0,.03); } @media (max-width:991.98px) { .container-header { position: relative!important; } } .container-header .grid-child { padding: .5em; } .container-header nav { margin-top: .5em; padding: 0; } .container-header .site-description { font-size: 1rem; white-space: normal; color: #fff; } .container-header .navbar-brand { display: inline-block; position: relative; padding-top: .3125rem; padding-bottom: .3125rem; font-size: 2rem; color: #fff; -webkit-margin-end: auto; margin-inline-end: auto; } .container-header .navbar-brand a { color: #fff; } .container-header .navbar-brand:focus, .container-header .navbar-brand:hover { color: #f0f0f0; } .container-header .container-nav { flex-wrap: wrap; justify-content: space-between; padding-bottom: 1em; -webkit-box-pack: justify; -ms-flex-pack: justify; -ms-flex-wrap: wrap; } @media (max-width:767.98px) { .container-header .container-nav .container-search, .container-header .container-nav nav { margin-top: 1em; } } .container-header .container-nav .container-search:only-child { margin-left: auto; } .container-header .navbar-collapse.show { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; -ms-flex-wrap: wrap; } .container-header .mod-menu { flex: 1 0 100%; margin: 0; padding: 0; list-style: none; color: #fff; -webkit-box-flex: 1; -ms-flex: 1 0 100%; } @media (min-width:992px) { .container-header .mod-menu { display: -webkit-box; display: -ms-flexbox; display: flex; flex: 1 1 0%; flex-direction: row; -webkit-box-flex: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex: 1 1 0%; -ms-flex-direction: row; } } .container-header .mod-menu > li { position: relative; } @media (min-width:992px) { .container-header .mod-menu > li + li { margin-left: 1.55em; } } .container-header .mod-menu > li > a, .container-header .mod-menu>li>span { position: relative; text-decoration: none; color: currentColor; } @media (min-width:992px) { .container-header .mod-menu > li:after { content: ""; display: block; position: absolute; right: 50%; bottom: 0; left: 50%; height: 2px; margin: auto; opacity: .2; background: transparent; -webkit-transition: all .2s ease,background-color .2s ease; -o-transition: all .2s ease,background-color .2s ease; transition: all .2s ease,background-color .2s ease; } } .container-header .mod-menu > li.active:after, .container-header .mod-menu > li:hover:after { right: 2px; left: 0; background: #fff; } @media (max-width:991.98px) { .container-header .mod-menu > li.active > a, .container-header .mod-menu>li.active>span, .container-header .mod-menu>li>a:hover { text-decoration: underline; } } .container-header .mod-menu .parent > ul { display: none; color: #22262a; } .container-header .metismenu > li + li { margin-left: 0; } @media (min-width:992px) { .container-header .metismenu > li > a:after, .container-header .metismenu>li>button:before { content: ""; display: block; position: absolute; right: 50%; bottom: 0; left: 50%; height: 2px; margin: auto; opacity: .2; background: transparent; -webkit-transition: all .2s ease,background-color .2s ease; -o-transition: all .2s ease,background-color .2s ease; transition: all .2s ease,background-color .2s ease; } } .container-header .metismenu > li.active > a:after, .container-header .metismenu>li.active>button:before, .container-header .metismenu>li>a:hover:after, .container-header .metismenu>li>button:hover:before { right: 0; left: 0; background: #fff; } .container-header .metismenu > li.active > button.mm-toggler-link:before, .container-header .metismenu>li>button.mm-toggler-link:hover:before { right: 0; left: .5em; } @media (min-width:992px) { .container-header .metismenu > li.level-1.active > a, .container-header .metismenu>li.level-1.active>button, .container-header .metismenu>li.level-1>a:hover, .container-header .metismenu>li.level-1>button:hover { text-decoration: none; } } .container-header .metismenu > li.level-1 > ul { min-width: 12rem; } .container-header .navbar-toggler { border: 1px solid #fff; color: #fff; cursor: pointer; } .container-header .navbar-toggler .fas { font-size: 1.5rem; } .container-header .container-search { margin-top: .5em; } .container-header .mod-finder, .container-header .mod-finder a { color: #fff; } .container-header .mod-finder a:focus, .container-header .mod-finder a:hover { color: #e6e6e6; } .container-header .mod-finder .awesomplete { color: var(--body-color); } .container-header .mod-finder .awesomplete > ul { background: -webkit-gradient(linear,left top,right bottom,from(#fff), to(hsla(0,0%,100%,.9) )); background: -o-linear-gradient(top left,#fff,hsla(0,0%,100%,.9)); background: linear-gradient(to bottom right,#fff,hsla(0,0%,100%,.9)); } .icon-white { color: #fff; } .input-group-text:before { min-width: 16px; } .tbody-icon { padding: 0 3px; border: 0; text-align: center; background-color: transparent; } .tbody-icon [class*=" fa-"], .tbody-icon [class*=" icon-"], .tbody-icon [class^=fa-], .tbody-icon [class^=icon-] { width: 26px; height: 26px; border: 2px solid var(--border); border-radius: 50%; font-size: 1.1rem; line-height: 22px; color: #ced4da; } .tbody-icon .fa-check, .tbody-icon .icon-check, .tbody-icon .icon-publish { border-color: #448344; color: #448344; } .tbody-icon .fa-lock, .tbody-icon .icon-checkedout, .tbody-icon .icon-lock { width: auto; height: auto; border: 0; font-size: 1.2rem; line-height: 1rem; color: #484f56; } .tbody-icon.color-featured-disabled, .tbody-icon.fa-star-disabled, .tbody-icon.featured-disabled, .tbody-icon.home-disabled, .tbody-icon.icon-star-disabled { opacity: 1; cursor: not-allowed; } .tbody-icon .fa-delete, .tbody-icon .fa-times, .tbody-icon .icon-delete, .tbody-icon .icon-times { border-color: #a51f18; color: #a51f18; } .plg_system_webauthn_login_button svg { -webkit-margin-end: 2px; margin-inline-end: 2px; } .plg_system_webauthn_login_button svg path { fill: var(--black); } iframe { border: 0; } .modal iframe { width: 100%; } .grid-child { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-right: auto; margin-left: auto; max-width: 1320px; } .mod-custom { position: relative; } .container-below-top, .container-topbar { color: #fff; } .container-below-top a, .container-topbar a { color: currentColor; } .container-banner { display: block; margin: 0 0 2rem; } .container-bottom-a, .container-bottom-b, .container-top-a, .container-top-b { position: relative; } .container-bottom-a > *, .container-bottom-b > *, .container-top-a>*, .container-top-b>* { flex: 1; margin: .5em 0; -webkit-box-flex: 1; -ms-flex: 1; } @media (max-width:991.98px) { .container-bottom-a, .container-bottom-b, .container-top-a, .container-top-b { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } .container-bottom-a > *, .container-bottom-b > *, .container-top-a>*, .container-top-b>* { flex: 0 1 auto; -webkit-box-flex: 0; -ms-flex: 0 1 auto; } } @media (max-width:991px) { .container-sidebar-left, .container-sidebar-right { padding-left: 0px!important; } } .container-component nav { position: relative; } .container-component, .container-sidebar-left, .container-sidebar-right { display: -webkit-box; display: -ms-flexbox; display: flex; flex: 1; flex-direction: column; -webkit-box-flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex: 1; -ms-flex-direction: column; } .container-component > *, .container-sidebar-left > *, .container-sidebar-right>* { margin-bottom: 8px; } .container-component > * + *, .container-component>:first-child, .container-sidebar-left>*+*, .container-sidebar-left>:first-child, .container-sidebar-right>*+*, .container-sidebar-right>:first-child { margin-top: 8px; } .container-sidebar-left, .container-sidebar-right { flex: 0 0 auto; order: 1; width: calc(100% - 1em); -webkit-box-flex: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -ms-flex: 0 0 auto; } @media (min-width:768px) { .container-sidebar-left, .container-sidebar-right { order: 0; width: calc(25% - 1em); -webkit-box-ordinal-group: 1; -ms-flex-order: 0; } } .container-sidebar-left .sidebar-left:first-child { margin-top: 1em; } .container-sidebar-left .sidebar-left:last-child { margin-bottom: 1em; } .container-sidebar-right .sidebar-right:first-child { /* margin-top: 1em;*/ } .container-sidebar-right .sidebar-right:last-child { margin-bottom: 8px; } .system-debug { display: block; } .options-form { width: 100%; margin-bottom: 1rem; padding: 1vw 2vw; border: 1px solid #b2bfcd; } .options-form, .options-form > legend { color: #495057; background-color: #fff; } .options-form > legend { float: none; width: auto; padding: 0 .5rem; font-weight: 700; } .modal .btn { margin-right: .5rem; } .modal .btn-primary:not([href]) , .modal .btn-primary:not([href]):hover, .modal .btn-success:not([href]) , .modal .btn-success:not([href]):hover { color: #fff; } .modal-header { padding: 0 15px; } .modal-title { font-weight: var(--cassiopeia-font-weight-normal,400); line-height: 3rem; } .contentpane { padding: 15px; } .contentpane .main-card { margin: -10px; -webkit-box-shadow: none; box-shadow: none; } .error_site .page-header { margin-top: 1em; } [class*=" container-"] .span-col-2, [class^=container-] .span-col-2 { flex: 0 0 50%; max-width: calc(50% - 1em); -webkit-box-flex: 0; -ms-flex: 0 0 50%; } [class*=" container-"] .span-col-3, [class^=container-] .span-col-3 { flex: 0 0 33.333%; max-width: calc(33.333% - 1em); -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; } [class*=" container-"] .span-col-4, [class^=container-] .span-col-4 { flex: 0 0 25%; max-width: calc(25% - 1em); -webkit-box-flex: 0; -ms-flex: 0 0 25%; } @supports (display:grid) { [class*=" span-"], [class^=span-] { grid-column-end: auto; grid-row-end: auto; } @media (min-width:768px) { [class*=" span-col"], [class^=span-col] { grid-column-end: span 2; } } @media (min-width:992px) { .span-col-2 { grid-column-end: span 2; } .span-col-3 { grid-column-end: span 3; } .span-col-4 { grid-column-end: span 4; } .span-row-2 { grid-row-end: span 2; } .span-row-3 { grid-row-end: span 3; } .span-row-4 { grid-row-end: span 4; } } [class*=" container-"] [class*=" span-"], [class*=" container-"] [class^=span-], [class^=container-] [class*=" span-"], [class^=container-] [class^=span-] { flex: 0 1 auto; max-width: none; -webkit-box-flex: 0; -ms-flex: 0 1 auto; } } .blog-items { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; width: 100%; margin-right: -.5em; margin-bottom: 1em; margin-left: -.5em; padding: 0; -ms-flex-wrap: wrap; } @media (min-width:992px) { .blog-items.columns-2 > div { width: 50%; } .blog-items.columns-3 > div { width: 33.33333%; } .blog-items.columns-4 > div { width: 25%; } } .blog-item { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; padding: 0 .5em 1em; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } .boxed .blog-item { background-color: #fff; -webkit-box-shadow: 0 0 2px rgba(51,57,66,.1) ,0 2px 5px rgba(51,57,66,.08) ,0 5px 15px rgba(51,57,66,.08), inset 0 3px 0 var(--cassiopeia-color-primary); box-shadow: 0 0 2px rgba(51,57,66,.1) ,0 2px 5px rgba(51,57,66,.08) ,0 5px 15px rgba(51,57,66,.08), inset 0 3px 0 var(--cassiopeia-color-primary); } .boxed .blog-item .item-content { padding: 25px; } .blog-item .item-image { margin-top: 3px; margin-bottom: 15px; overflow: hidden; } .boxed .blog-item .item-image { margin-bottom: 0; } @media (min-width:992px) { .image-right .blog-item .item-image { order: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; } } .image-bottom .blog-item .item-image { order: 1; margin-top: -15px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; } .image-left .blog-item .item-content { padding-left: 25px; } .image-right .blog-item .item-content { padding-right: 25px; } .image-left .blog-item, .image-right .blog-item { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } @media (min-width:992px) { .image-left .blog-item, .image-right .blog-item { flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; } .image-left .blog-item .item-image, .image-right .blog-item .item-image { flex: 1 0 40%; -webkit-box-flex: 1; -ms-flex: 1 0 40%; } .image-left .blog-item .item-content, .image-right .blog-item .item-content { flex: 1 0 60%; -webkit-box-flex: 1; -ms-flex: 1 0 60%; } } .article-info dd { padding: 0; } @supports (display:grid) { .blog-items { display: grid; grid-template-columns: 1fr; grid-auto-flow: row; grid-gap: 1em; margin: 0 0 1em; } .blog-items .blog-item { padding: 0; } .blog-items[class*=" columns-"] > div, .blog-items[class^=columns-] > div { flex: 0 1 auto; width: auto; max-width: none; -webkit-box-flex: 0; -ms-flex: 0 1 auto; } @media (min-width:992px) { .blog-items.columns-2 { grid-template-columns: 1fr 1fr; } .blog-items.columns-3 { grid-template-columns: 1fr 1fr 1fr; } .blog-items.columns-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } } } .blog-items[class*=" masonry-"], .blog-items[class^=masonry-] { display: block; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; } .blog-items[class*=" masonry-"] .blog-item, .blog-items[class^=masonry-] .blog-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 1em; page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } @media (min-width:992px) { .blog-items.masonry-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .blog-items.masonry-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .blog-items.masonry-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } } .image-alternate .blog-item:nth-of-type(odd) .item-image { order: 0; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; } .image-alternate.image-left .blog-item:nth-of-type(odd) .item-image { order: 1; margin-right: 0; margin-left: 25px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; } .image-alternate.image-top .blog-item:nth-of-type(odd) .item-image { order: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; } .breadcrumb { margin-bottom: 0; background-color: rgba(0,0,0,.03); } .no-card .newsflash-horiz li { padding: 0 1rem 1rem; border: 1px solid #dfe3e7; border-radius: 0 0 .25rem .25rem; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.1); box-shadow: 1px 1px 4px rgba(0,0,0,.1); } .no-card .newsflash-horiz li figure { margin: 0 -1rem 1rem; } .mod-list { list-style: none; -webkit-padding-start: 0; padding-inline-start: 0; } .mod-list li { padding: .25em 0; } .mod-list li a { text-decoration: none; } .mod-list li a:hover { text-decoration: underline; } .container-header .mod-list li a:hover { text-decoration: none; } .mod-list li.active > a { text-decoration: underline; } .container-header .mod-list li.active > a { text-decoration: none; } .mod-list li .mod-menu__sub { padding-left: 1em; } .element-invisible { position: absolute; width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); } .hidden { display: none; visibility: hidden; } .table-row { display: table-row; } joomla-alert { display: none; } .editor-xtd-buttons .btn { margin-bottom: 5px; } .subhead { z-index: 1000; position: sticky; top: 0; right: 0; left: 0; width: auto; padding: .25rem; min-height: 43px; color: #495057; background: #fff; -webkit-box-shadow: -3px -2px 22px #ddd; box-shadow: -3px -2px 22px #ddd; } .subhead .row { margin-right: 0; margin-left: 0; } .subhead.noshadow { -webkit-box-shadow: none; box-shadow: none; } .subhead .btn-group, .subhead joomla-toolbar-button { -webkit-margin-start: .75rem; margin-inline-start: .75rem; } .subhead .btn-group:first-child, .subhead joomla-toolbar-button:first-child { -webkit-margin-start: 0; margin-inline-start: 0; } .subhead joomla-toolbar-button .btn > span, .subhead joomla-toolbar-button .dropdown-item > span { width: 1.25em; text-align: center; -webkit-margin-end: .5rem; margin-inline-end: .5rem; } .subhead .btn { --subhead-btn-accent: #495057; margin: 5px 0; padding: 0 1rem; border-color: #adb5bd; font-size: 1rem; line-height: 2.45rem; color: #495057; background: #fff; } .subhead .btn > span { display: inline-block; color: var(--subhead-btn-accent); } .subhead .btn:not([disabled]):active, .subhead .btn:not([disabled]):focus, .subhead .btn:not([disabled]):hover { border-color: var(--subhead-btn-accent); color: hsla(0,0%,100%,.9); background-color: var(--subhead-btn-accent); } .subhead .btn:not([disabled]):active>span, .subhead .btn:not([disabled]):focus>span, .subhead .btn:not([disabled]):hover > span { color: hsla(0,0%,100%,.9); } .subhead .btn.btn-success { --subhead-btn-accent: var(--success); } .subhead .btn.btn-danger { --subhead-btn-accent: var(--danger); } .subhead .btn.btn-primary { --subhead-btn-accent: #2a69b8; } .subhead .btn.btn-secondary { --subhead-btn-accent: #001b4c; } .subhead .btn.btn-action, .subhead .btn.btn-info { --subhead-btn-accent: #132f53; } .subhead .btn.btn-action { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .subhead .btn.btn-action:after { content: "\f078"; width: 2.375rem; border: 0; font-family: Font Awesome\ 5 Free; font-weight: 900; } .subhead .btn.dropdown-toggle[disabled], .subhead .btn[disabled] { --subhead-btn-accent: #132f53; opacity: .5; background: rgba(223,227,231,.8); } .subhead .btn.dropdown-toggle[disabled]:active, .subhead .btn.dropdown-toggle[disabled]:focus, .subhead .btn.dropdown-toggle[disabled]:hover, .subhead .btn[disabled]:active, .subhead .btn[disabled]:focus, .subhead .btn[disabled]:hover { cursor: not-allowed; } .subhead .dropdown-toggle.btn { -webkit-padding-end: 0; padding-inline-end: 0; } .subhead .btn-group:not(:last-child) > .dropdown-toggle-split { order: 1; border-radius: 0 .25rem .25rem 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-margin-start: -.25rem; margin-inline-start: -.25rem; } .subhead .btn-group joomla-toolbar-button, .subhead .dropdown-menu joomla-toolbar-button { -webkit-margin-start: 0; margin-inline-start: 0; } @media (max-width:767.98px) { joomla-tab[view=accordion] .col-md-3, joomla-tab[view=accordion] .col-md-9 { padding: .5rem 1rem!important; } #myTab { margin-top: 1rem; margin-bottom: 1.5rem; } joomla-tab[view=accordion] ul li { width: 100%; } .subhead .btn, .subhead .btn-group, .subhead joomla-toolbar-button { width: 100%; margin-left: 0; text-align: left; } .subhead .btn-toolbar > .btn-group, .subhead .btn-toolbar > joomla-toolbar-button { margin-left: 0; } .subhead .btn.btn-action:after { text-align: center; -webkit-margin-start: auto; margin-inline-start: auto; } .subhead .dropdown-toggle-split { width: auto; } } .left.item-image { float: left; } .right.item-image { float: right; } .tags .list-inline-item { margin: .25rem .25rem .5rem; } .tags a.btn { font-weight: 700; } .tag { display: inline-block; padding: .5rem .5rem .5rem 0; } body { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } body.wrapper-fluid .site-grid { grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,25%)) [main-end] minmax(0,1fr) [full-end]; grid-gap: 0 0.2em; } body.wrapper-fluid .grid-child { max-width: none; } body.wrapper-fluid footer > .grid-child, body.wrapper-fluid header > .grid-child { padding-right: 2em; padding-left: 2em; } body:not(.has-sidebar-left) .site-grid .container-component { grid-column-start: main-start; } body:not(.has-sidebar-right) .site-grid .container-component { grid-column-end: main-end; } .site-grid { margin-bottom: auto; } @supports (display:grid) { .site-grid { display: grid; grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,19.875rem)) [main-end] minmax(0,1fr) [full-end]; grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ."; grid-gap: 0 1em; } .site-grid > [class*=" container-"], .site-grid > [class^=container-] { -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; width: 100%; max-width: none; } .site-grid > .full-width { grid-column: full-start/full-end; } @media (min-width:992px) { .site-grid { grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ."; } } } .container-banner { grid-area: banner; } .container-top-a { grid-area: top-a; } .container-top-b { grid-area: top-b; } .container-component { grid-area: comp; } .container-sidebar-left { grid-area: side-l; } .container-sidebar-right { grid-area: side-r; } .container-main-top { grid-area: main-t; } .container-main-bottom { grid-area: main-b; } .container-breadcrumbs { grid-area: bread; } .container-bottom-a { grid-area: bot-a; } .container-bottom-b { grid-area: bot-b; } .mod-finder__search.input-group { flex-wrap: nowrap; -ms-flex-wrap: nowrap; } .mod-finder__search.input-group .awesomplete input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .mod-finder__search.input-group button { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } .mod-finder__search.input-group button .icon-search { -webkit-margin-end: .2em; margin-inline-end: .2em; } .awesomplete > input { max-width: 200px; } @media (min-width:992px) { .awesomplete > input { max-width: none; } } .awesomplete > ul { z-index: 1000!important; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus { text-decoration: none; } .btn.group-move { cursor: move; } .btn-secondary { border-color: #ced4da; color: #353b41; background-color: #fff; } .btn-secondary:focus, .btn-secondary:hover { color: #353b41; background-color: #f9fafb; } .article-info .association .btn-secondary, .cat-list-association .btn-secondary { border-color: #ced4da; font-weight: 700; color: #fff; background-color: #6d757e; } .article-info .association .btn-secondary:focus, .article-info .association .btn-secondary:hover, .cat-list-association .btn-secondary:focus, .cat-list-association .btn-secondary:hover { color: #fff; background-color: #353b41; } .article-info .association .btn-group-sm > .btn, .article-info .association .btn-sm, .cat-list-association .btn-group-sm > .btn, .cat-list-association .btn-sm { padding: 0 .25rem; border-radius: .2rem; font-size: .8rem; } @media (max-width:991.98px) { .btn { margin-bottom: .25rem; } .input-group .btn { margin-bottom: 0; } } .custom-select, .form-select { max-width: 100%; border: 1px solid #ced4da; background: url(//www.msecurite.fr//templates/cassiopeia/css/../images/select-bg.svg) no-repeat 100%/116rem; background-color: #eaedf0; cursor: pointer; } .custom-select:focus, .form-select:focus { border-color: #000; -webkit-box-shadow: 0 0 0 .25rem rgba(1,1,86,.25); box-shadow: 0 0 0 .25rem rgba(1,1,86,.25); } .form-select[multiple], [multiple].custom-select { padding: 0; background-color: #fff; } .form-select[multiple] option, [multiple].custom-select option { padding: .3rem 1rem; background-color: #fff; } .form-select[multiple] option:checked, [multiple].custom-select option:checked { color: #fff; background-color: var(--cassiopeia-color-primary) !important; } .custom-select-success.custom-select, .form-select-success.custom-select, .form-select.custom-select-success, .form-select.form-select-success { color: #448344; background-color: #448344; } .custom-select-success.custom-select option, .form-select-success.custom-select option, .form-select.custom-select-success option, .form-select.form-select-success option { color: #22262a; background-color: #fff; } .custom-select-danger.custom-select, .form-select-danger.custom-select, .form-select.custom-select-danger, .form-select.form-select-danger { color: #a51f18; background-color: #a51f18; } .custom-select-danger.custom-select option, .form-select-danger.custom-select option, .form-select.custom-select-danger option, .form-select.form-select-danger option { color: #22262a; background-color: #fff; } .custom-select optgroup, .custom-select option, .form-select optgroup, .form-select option { color: var(--dark); background-color: #fff; } .accordion .card-header { display: block; font-size: 1.25rem; font-weight: var(--cassiopeia-font-weight-headings,700); line-height: 1.2; } .accordion .list-group-item { color: var(--cassiopeia-color-link); } .dropdown-menu { margin-top: .5rem; padding: .2rem 0; border-color: #dfe3e7; background-color: #fff; } .dropdown-menu-end:after { right: .9rem; left: auto; } .field-media-wrapper { display: block; width: 100%; max-width: calc(50vw - 5rem); } .field-media-wrapper .field-media-preview { width: 100%; max-width: none; } @media (max-width:991.98px) { .field-media-wrapper { min-width: 100%; } } .list-group-item { background-color: #fff; } .list-unstyled .list-unstyled { padding-left: 20px; } .jviewport-height10 { height: 10vh; } .jviewport-height20 { height: 20vh; } .jviewport-height30 { height: 30vh; } .jviewport-height40 { height: 40vh; } .jviewport-height50 { height: 50vh; } .jviewport-height60 { height: 60vh; } .jviewport-height70 { height: 70vh; } .jviewport-height80 { height: 80vh; } .jviewport-height90 { height: 90vh; } .jviewport-height100 { height: 100vh; } [class*=jviewport-height] iframe { height: 100%; } .modal-dialog.jviewport-width10 { width: 10vw; max-width: none; } .modal-dialog.jviewport-width20 { width: 20vw; max-width: none; } .modal-dialog.jviewport-width30 { width: 30vw; max-width: none; } .modal-dialog.jviewport-width40 { width: 40vw; max-width: none; } .modal-dialog.jviewport-width50 { width: 50vw; max-width: none; } .modal-dialog.jviewport-width60 { width: 60vw; max-width: none; } .modal-dialog.jviewport-width70 { width: 70vw; max-width: none; } .modal-dialog.jviewport-width80 { width: 80vw; max-width: none; } .modal-dialog.jviewport-width90 { width: 90vw; max-width: none; } .modal-dialog.jviewport-width100 { width: 100vw; max-width: none; } .nav.nav-tabs { margin: 0; padding: 0; border: 1px solid #dfe3e7; border-bottom: 0; border-radius: .25rem .25rem 0 0; background-color: #f5f5f5; -webkit-box-shadow: inset 0 1px #fff,0 2px 3px -3px rgba(0,0,0,.15), inset 0 -4px 0 rgba(0,0,0,.05) ,1px 1px 4px rgba(0,0,0,.1); box-shadow: inset 0 1px #fff,0 2px 3px -3px rgba(0,0,0,.15), inset 0 -4px 0 rgba(0,0,0,.05) ,1px 1px 4px rgba(0,0,0,.1); } .nav.nav-tabs .nav-item { margin-bottom: 0; margin-left: 0; } .nav.nav-tabs .nav-item:first-of-type .nav-link.active { border-radius: .25rem 0 0; -webkit-box-shadow: -1px 0 1px -1px rgba(0,0,0,.06), inset -2px 0 1px -1px rgba(0,0,0,.08), inset 0 1px 0 rgba(0,0,0,.02); box-shadow: -1px 0 1px -1px rgba(0,0,0,.06), inset -2px 0 1px -1px rgba(0,0,0,.08), inset 0 1px 0 rgba(0,0,0,.02); } .nav.nav-tabs .nav-item:last-of-type .nav-link { -webkit-box-shadow: -1px 0 0 rgba(0,0,0,.05) ,1px 0 0 rgba(0,0,0,.05); box-shadow: -1px 0 0 rgba(0,0,0,.05) ,1px 0 0 rgba(0,0,0,.05); } .nav.nav-tabs .nav-item:last-of-type .nav-link.active { -webkit-box-shadow: inset 2px 0 1px -1px rgba(0,0,0,.08), inset -2px 0 1px -1px rgba(0,0,0,.08), inset 0 1px 0 rgba(0,0,0,.02); box-shadow: inset 2px 0 1px -1px rgba(0,0,0,.08), inset -2px 0 1px -1px rgba(0,0,0,.08), inset 0 1px 0 rgba(0,0,0,.02); } .nav.nav-tabs .nav-link { position: relative; padding: .75em 1em; border: 0; border-top-left-radius: 0; border-top-right-radius: 0; color: var(--cassiopeia-color-primary); -webkit-box-shadow: -1px 0 0 rgba(0,0,0,.05); box-shadow: -1px 0 0 rgba(0,0,0,.05); } .nav.nav-tabs .nav-link.active { border-right: 0; border-left: 0; border-top-left-radius: 0; border-top-right-radius: 0; background-color: rgba(0,0,0,.3); background-image: -webkit-gradient(linear,left top,left bottom,from(transparent), to(rgba(0,0,0,.05))); background-image: -o-linear-gradient(top,transparent,rgba(0,0,0,.05) 100%); background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.05)); -webkit-box-shadow: inset 2px 0 1px -1px rgba(0,0,0,.08), inset -2px 0 1px -1px rgba(0,0,0,.08), inset 0 1px 0 rgba(0,0,0,.02); box-shadow: inset 2px 0 1px -1px rgba(0,0,0,.08), inset -2px 0 1px -1px rgba(0,0,0,.08), inset 0 1px 0 rgba(0,0,0,.02); } .nav.nav-tabs .nav-link.active:after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 5px; opacity: .8; background-color: var(--cassiopeia-color-primary); } .nav-tabs + .tab-content { padding: 15px; border: 1px solid #dfe3e7; border-radius: 0 0 .25rem .25rem; background: #fff; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.1); box-shadow: 1px 1px 4px rgba(0,0,0,.1); } .pagination { margin: 1rem; } .table th { font-weight: 500; } .table thead th { border-bottom-width: 1px; white-space: nowrap; } .table td, .table th { vertical-align: middle; } .table td label, .table th label { margin-bottom: 0; } .chosen-container.chosen-container-single { max-width: 100%; font-size: 1rem; } .chosen-container.chosen-container-single .chosen-single { display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: calc(1.5em + 1.2rem + 2px); padding: .81rem 4rem .81rem 1rem; border: 1px solid #ced4da; border-radius: .25rem; line-height: 1.5; vertical-align: middle; color: #22262a; background: #eaedf0 url(//www.msecurite.fr//templates/cassiopeia/css/../images/select-bg.svg) no-repeat right 1rem center; background-image: none\9; background-size: 116rem; -webkit-box-shadow: none; box-shadow: none; } .chosen-container.chosen-container-single .chosen-single abbr { top: 10px; } .chosen-container.chosen-container-single .chosen-single:focus { border-color: #8894aa; outline: none; } .chosen-container.chosen-container-single .chosen-single:disabled { background-color: #eaedf0; cursor: not-allowed; } .chosen-container.chosen-container-single .chosen-single div b { background: none!important; } .chosen-container.chosen-container-single .chosen-drop { border: 1px solid #ced4da; background: #fff; } .chosen-container.chosen-container-single .chosen-results li { line-height: 1.3rem; } .chosen-container.chosen-container-single.chosen-container-active .chosen-single { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .chosen-container.chosen-container-multi .chosen-choices { max-width: 100%; min-height: calc(1.5em + 1.2rem + 2px); font-size: 1rem; line-height: 1.5; background-image: #fff; } .chosen-container.chosen-container-multi .chosen-choices li.search-choice { padding: 5px 33px 5px 10px; border: 0; border-radius: .25rem; color: #fff; background: var(--primary); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.1); box-shadow: 1px 1px 4px rgba(0,0,0,.1); } .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { top: 0; right: 0; width: 20px; height: 100%; background: rgba(0,0,0,.2); background-image: none!important; } .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before { content: "×"; position: absolute; top: 6px; right: 5px; font-size: 1rem; color: #fff; } .chosen-container-active.chosen-with-drop .chosen-single { -webkit-box-shadow: none; box-shadow: none; } .chosen-container-single { width: auto!important; } .card .chosen-container.chosen-container-single, .card .chosen-container.chosen-container-single .chosen-single { width: 100%!important; } .gu-mirror { z-index: 9999!important; position: fixed!important; margin: 0!important; opacity: .8; background-color: #91ee91; } .gu-mirror.table { display: table; } .gu-mirror.table td { display: table-cell; } .metismenu.menu-horizontal { flex: 1 0 100%; margin: 0; padding: 0; list-style: none; -webkit-box-flex: 1; -ms-flex: 1 0 100%; } @media (min-width:992px) { .metismenu.menu-horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; flex: 1 1 0%; flex-direction: row; -webkit-box-flex: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex: 1 1 0%; -ms-flex-direction: row; } } .metismenu.menu-horizontal > li { position: relative; } .metismenu.menu-horizontal .level-1 > ul { min-width: 12rem; } .metismenu.mod-menu { margin: 0; } .metismenu.mod-menu .metismenu-item { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; padding: .5em 1em; font-size: 1.1rem; line-height: 1.5; -webkit-box-align: center; -ms-flex-align: center; -ms-flex-wrap: wrap; } .metismenu.mod-menu .metismenu-item.parent { position: relative; } .metismenu.mod-menu .metismenu-item > ul { display: block; z-index: 1001; position: absolute; top: 100%; padding: 0; list-style: none; -webkit-box-shadow: 0 0 .5em rgba(0,0,0,.1); box-shadow: 0 0 .5em rgba(0,0,0,.1); } .metismenu.mod-menu .metismenu-item > a, .metismenu.mod-menu .metismenu-item > button, .metismenu.mod-menu .metismenu-item>span { overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; } .metismenu.mod-menu .metismenu-item > a:focus, .metismenu.mod-menu .metismenu-item > button:focus { outline: 1px dotted #ced4da; outline-offset: 2px; } .metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item>a:hover, .metismenu.mod-menu .metismenu-item>button:hover { text-decoration: underline; } .metismenu.mod-menu .metismenu-item:after { content: none; } .metismenu.mod-menu .metismenu-item:not(.level-1) >ul, .metismenu.mod-menu .metismenu-item:not(.level-2) > ul { -webkit-margin-end: -1em; margin-inline-end: -1em; } .metismenu.mod-menu .metismenu-item.divider:not(.parent) { width: 1px; margin: .25em; padding: 0; border-right: 1px solid #ced4da; overflow: hidden; } @media (max-width:991.98px) { .metismenu.mod-menu .metismenu-item.divider:not(.parent) { width: auto; height: 1px; border-bottom: 1px solid #ced4da; } } .metismenu.mod-menu .mm-collapsing { height: 0; overflow: hidden; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: color,background-color,height,visibility; -o-transition-property: color,background-color,height,visibility; transition-property: color,background-color,height,visibility; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .metismenu.mod-menu .mm-collapse { position: absolute; background-color: #fff; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.1); box-shadow: 1px 1px 4px rgba(0,0,0,.1); } .metismenu.mod-menu .mm-collapse:not(.mm-show) { display: none; } .metismenu.mod-menu .mm-collapse > li > a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .metismenu.mod-menu .mm-collapse>li.divider:not(.parent) { width: auto; height: 1px; border-bottom: 1px solid #ced4da; } .metismenu.mod-menu .mm-collapse > li.parent .mm-toggler { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .metismenu.mod-menu .mm-collapse > li.parent > ul { position: relative; top: 0; flex-basis: calc(100% + 1em); margin-top: .5em; margin-bottom: -.5em; background-color: rgba(0,0,0,.03); -webkit-box-shadow: none; box-shadow: none; -ms-flex-preferred-size: calc(100% + 1em); } .metismenu.mod-menu .mm-toggler { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; align-items: center; height: 100%; padding: 0; border: none; color: currentColor; background: none; -webkit-box-shadow: none; box-shadow: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-box-align: center; -ms-flex-align: center; -ms-user-select: none; } .metismenu.mod-menu .mm-toggler:after { content: ""; width: 0; height: 0; border-top: .5em solid; border-right: .5em solid transparent; border-left: .5em solid transparent; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-margin-start: .5em; margin-inline-start: .5em; } .metismenu.mod-menu .mm-toggler[aria-expanded=true]:after, .mm-active > .metismenu.mod-menu .mm-toggler:after { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .metismenu.mod-menu .parent > ul { color: #22262a; } .sidebar-left .metismenu .mm-collapse, .sidebar-right .metismenu .mm-collapse { position: relative; background-color: rgba(0,0,0,.03); } .sidebar-left .metismenu li.parent > ul, .sidebar-right .metismenu li.parent > ul { position: relative; top: 0; -webkit-box-shadow: none; box-shadow: none; } @media (max-width:1199.98px) { .sidebar-left .metismenu li.parent > ul, .sidebar-right .metismenu li.parent > ul { width: 100%; } } .sidebar-left .metismenu .metismenu-item > a, .sidebar-left .metismenu .metismenu-item > span, .sidebar-right .metismenu .metismenu-item>a, .sidebar-right .metismenu .metismenu-item>span { white-space: inherit; } .sidebar-left .metismenu .metismenu-item.divider:not(.parent) , .sidebar-right .metismenu .metismenu-item.divider:not(.parent) { width: auto; height: 1px; border-bottom: 1px solid #ced4da; } .minicolors-theme-bootstrap .minicolors-input { width: 120px; } .minicolors-theme-bootstrap .rgb { width: 175px; } .minicolors-theme-bootstrap .rgba { width: 220px; } .editor .toggle-editor { margin-top: 1rem; } .editor .mce-tinymce { border: 1px solid #dfe3e7; border-radius: .25rem; } .editor .mce-btn, .editor .mce-panel { background: #f9fafb; } .tox { white-space: nowrap!important; } .dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn { height: 50px !important; } /* HOVERNAV A simple addition to the dropdown menu (Bootstrap itself is unchanged). Navbar dropdowns appear on hover. This works only for screen sizes larger than phones. If you don't want this, delete this segment of the CSS and delete the corresponding segment of ynternet.js */ /***********************Alpol********************/ body, html { overflow-x: hidden !important; } @media screen and (max-width: 1006px) { #logosl,#slslideslogan { display:none!important; } } /***********ba form color liens****/ .text-content-wrapper a{ color: red!important; } .text-content-wrapper a:hover{ color: #c79f31!important; } /*******************************/ #layerslider_3 { z-index: 0!important; } @media screen and (max-width: 1325px) { #bamenu { display: none!important; } } #bamenu { position: relative; margin-top: -38px; text-align: center; animation: bamenu linear 4s; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: bamenu linear 4s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: bamenu linear 4s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: bamenu linear 4s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: bamenu linear 4s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; } @keyframes bamenu{ 0% { transform: translate(0px,27px) ; filter: blur(10px); } 100% { transform: translate(-1px,0px) ; filter: blur(0px); } } @-moz-keyframes bamenu{ 0% { -moz-transform: translate(0px,27px) ; filter: blur(10px); } 100% { -moz-transform: translate(-1px,0px) ; filter: blur(0px); } } @-webkit-keyframes bamenu { 0% { -webkit-transform: translate(0px,27px) ; filter: blur(10px); } 100% { -webkit-transform: translate(-1px,0px) ; filter: blur(0px); } } @-o-keyframes bamenu { 0% { -o-transform: translate(0px,27px) ; filter: blur(10px); } 100% { -o-transform: translate(-1px,0px) ; filter: blur(0px); } } @-ms-keyframes bamenu { 0% { -ms-transform: translate(0px,27px) ; filter: blur(10px); } 100% { -ms-transform: translate(-1px,0px) ; filter: blur(0px); } } /*****************************************************/ @media screen and (max-width: 1300px) { #dididevis { display: none!important; } } .container-sidebar-left, .container-sidebar-right { padding-right: 0px; padding-left: 5px; } .reveal-effect > * { position: initial!important; } .mobilemenuck-item a img { width: 25px; margin-top: 7px; filter: brightness(0) invert(1); } .item-image{ /* adjust the below to control the 3D effect */ --x:2.5px; --y:5px; clip-path:polygon( var(--y) var(--y), calc(100% - var(--y)) var(--y), calc(100% - var(--y)) calc(100% - var(--y)), var(--y) calc(100% - var(--y)), 0 calc(100% - var(--x) - var(--y)), 0 calc(var(--x) + var(--y))); transform:perspective(1000px) rotateY(40deg); outline: var(--y) solid rgba(0,0,0,0.4); outline-offset: calc(-1*var(--y)); transition:1s all; transition-duration: 2s; transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); max-width:280px; display:block; margin:auto!important; margin-bottom:10px!important; width: 100% !important; } .item-image:hover { transform:perspective(1000px) rotateY(0deg); clip-path:polygon( var(--y) var(--y), calc(100% - var(--y)) var(--y), calc(100% - var(--y)) calc(100% - var(--y)), var(--y) calc(100% - var(--y)), var(--y) calc(100% - var(--x) - var(--y)), var(--y) calc(var(--x) + var(--y)) ); transition-duration: 2s; transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); } @media screen and (max-width: 880px) { .item-image { margin-bottom:20px!important; } } /* the below is irrelevant to the 3D effect */ .box3d { cursor: pointer; } .ajaxsearch_153 { width: 80% !important; } .container { margin-right: auto!important; margin-left: auto!important; padding-right: 15px!important; padding-left: 15px!important; float: left!important; } .dj-up_a:hover { color: #ffffff!important; } .cis_popup_wrapper { z-index: 999999!important; } .cis_main_overlay { z-index: 99999!important; } #moafterbox { margin-bottom: 8px; margin-top: 8px; margin-left: 3px; margin-right: 3px; } .ba-form-submit-wrapper[class*="animation"] .ba-form-submit-btn { color: #FFF; } body h3 { background-color: #fff0 !important; } #paraxfoo { margin-top: 8px; } div#maximenuck173, #maximenuck173 { margin-top: 171px; } .conafter .card { margin-top: 8px; margin-bottom: 8px; } .mobilemenuck-logo { text-align: center !important; } #mod-lgx-logoslider163 { transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); width: 100%; height: 100%; } .mobilemenuck-itemwrap { animation: jfmenu ease 1s; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: jfmenu ease 1s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: jfmenu ease 1s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: jfmenu ease 1s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: jfmenu ease 1s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; } @keyframes jfmenu{ 0% { opacity:0; transform: translate(0px,55px) ; } 100% { opacity:1; transform: translate(0px,0px) ; } } @-moz-keyframes jfmenu{ 0% { opacity:0; -moz-transform: translate(0px,55px) ; } 100% { opacity:1; -moz-transform: translate(0px,0px) ; } } @-webkit-keyframes jfmenu { 0% { opacity:0; -webkit-transform: translate(0px,55px) ; } 100% { opacity:1; -webkit-transform: translate(0px,0px) ; } } @-o-keyframes jfmenu { 0% { opacity:0; -o-transform: translate(0px,55px) ; } 100% { opacity:1; -o-transform: translate(0px,0px) ; } } @-ms-keyframes jfmenu { 0% { opacity:0; -ms-transform: translate(0px,55px) ; } 100% { opacity:1; -ms-transform: translate(0px,0px) ; } } [data-id="mobilemenuck-1"] .mobilemenuck-bar-button { -webkit-animation-name: bou; /* Chrome, Safari, Opera */ -webkit-animation-duration: 0.4s; /* Chrome, Safari, Opera */ -webkit-animation-delay: 0.4s; /* Chrome, Safari, Opera */ animation-name: bou; animation-duration: 0.4s; animation-delay: 0.4s; } @keyframes bou { 0% {right:-10px; } 100% {right:8px; filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px);} } .mobilemenuck-logo { margin: 0 7px -5px 0; animation: jfmenuimg ease 1s; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: jfmenuimg ease 1s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: jfmenuimg ease 1s; animation-iteration-count: 1; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: jfmenuimg ease 1s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: jfmenuimg ease 1s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; } @keyframes jfmenuimg{ 0% { opacity:0; transform: scaleX(1.00) ; } 50% { opacity:0.8056576301155383; transform: scaleX(0.00) ; } 100% { opacity:1; transform: scaleX(1.00) ; } 100% { opacity:1; transform: scaleX(1.00) ; } } @-moz-keyframes jfmenuimg{ 0% { opacity:0; -moz-transform: scaleX(1.00) ; } 50% { opacity:0.8056576301155383; -moz-transform: scaleX(0.00) ; } 100% { opacity:1; -moz-transform: scaleX(1.00) ; } 100% { opacity:1; -moz-transform: scaleX(1.00) ; } } @-webkit-keyframes jfmenuimg { 0% { opacity:0; -webkit-transform: scaleX(1.00) ; } 50% { opacity:0.8056576301155383; -webkit-transform: scaleX(0.00) ; } 100% { opacity:1; -webkit-transform: scaleX(1.00) ; } 100% { opacity:1; -webkit-transform: scaleX(1.00) ; } } @-o-keyframes jfmenuimg { 0% { opacity:0; -o-transform: scaleX(1.00) ; } 50% { opacity:0.8056576301155383; -o-transform: scaleX(0.00) ; } 100% { opacity:1; -o-transform: scaleX(1.00) ; } 100% { opacity:1; -o-transform: scaleX(1.00) ; } } @-ms-keyframes jfmenuimg { 0% { opacity:0; -ms-transform: scaleX(1.00) ; } 50% { opacity:0.8056576301155383; -ms-transform: scaleX(0.00) ; } 100% { opacity:1; -ms-transform: scaleX(1.00) ; } 100% { opacity:1; -ms-transform: scaleX(1.00) ; } } #moby{ margin-top: 0px; display: none; margin-left: auto; margin-right: auto; width: 100%; } .dj-megamenu-wrapper{ margin-top: -8px; } #cherchy{ } #cherchy { margin-top: 15px; float: left; width: 100%; } } .com-content-article__body{ margin-left: 5px!important; margin-right: 5px!important; margin-bottom: 16px; } .com-content-article__body{ margin-left: 5px!important; margin-right: 5px!important; margin-bottom: 16px; } .artrow{ width: 100%; } .circles{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; } .circles li{ position: absolute; display: block; list-style: none; width: 20px; height: 20px; background: rgba(255, 255, 255, 0.2); animation: animatecir 25s linear infinite; bottom: -150px; } .circles li:nth-child(1){ left: 25%; width: 80px; height: 80px; animation-delay: 0s; } .circles li:nth-child(2){ left: 10%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s; } .circles li:nth-child(3){ left: 70%; width: 20px; height: 20px; animation-delay: 4s; } .circles li:nth-child(4){ left: 40%; width: 60px; height: 60px; animation-delay: 0s; animation-duration: 18s; } .circles li:nth-child(5){ left: 65%; width: 20px; height: 20px; animation-delay: 0s; } .circles li:nth-child(6){ left: 75%; width: 110px; height: 110px; animation-delay: 3s; } .circles li:nth-child(7){ left: 35%; width: 150px; height: 150px; animation-delay: 7s; } .circles li:nth-child(8){ left: 50%; width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s; } .circles li:nth-child(9){ left: 20%; width: 15px; height: 15px; animation-delay: 2s; animation-duration: 35s; } .circles li:nth-child(10){ left: 85%; width: 150px; height: 150px; animation-delay: 0s; animation-duration: 11s; } @keyframes animatecir { 0%{ transform: translateY(0) rotate(0deg); opacity: 1; border-radius: 0; } 100%{ transform: translateY(-1000px) rotate(720deg); opacity: 0; border-radius: 50%; } } .gkHighlighterWrapperSub { margin-right: 50px; } .col-sm-art10 { margin-right: 15px!important; margin-left: 15px!important; margin-top: 12px; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .mouse_scroll { display: block; margin: 0 auto; width: 24px; height: 100px; opacity: 0.7; margin-bottom: -4px; } .m_scroll_arrows { display: block; width: 5px; height: 5px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); border-left: 2px solid #CCC; border-top: 2px solid #CCC; margin: 0 0 3px 7px; width: 10px; height: 10px; } .unu { margin-top: 6px; } .unu, .doi, .trei { -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; animation: mouse-scroll 1s infinite; } .unu { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -webkit-animation-direction: alternate; animation-direction: alternate; animation-delay: alternate; } .doi { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-direction: alternate; animation-delay: .2s; animation-direction: alternate; margin-top: -6px; } .trei { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -webkit-animation-direction: alternate; animation-delay: .3s; animation-direction: alternate; margin-top: -6px; } .mouse { height: 42px; width: 24px; border-radius: 14px; transform: none; border: 2px solid #cdcdcd; top: 170px; transition: all 1.4s ease; } .mouse:hover { background: #D2D2D2!important; transition: all 1.4s ease; } #mosy:hover { transform: rotate(360deg); transition: all 1.4s ease; } .scrolly { transform: rotate(360deg)!important; transition: all 1.4s ease; } #mosy { transform: rotate(180deg); transition: all 1.4s ease; } .wheel { height: 5px; width: 2px; display: block; margin: 5px auto; background: white; position: relative; height: 4px; width: 4px; border: 2px solid #fff; -webkit-border-radius: 8px; border-radius: 8px; } .wheel { -webkit-animation: mouse-wheel 0.6s linear infinite; -moz-animation: mouse-wheel 0.6s linear infinite; animation: mouse-wheel 0.6s linear infinite; } @-webkit-keyframes mouse-wheel{ 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } @-moz-keyframes mouse-wheel { 0% { top: 1px; } 25% { top: 2px; } 50% { top: 3px;} 75% { top: 2px;} 100% { top: 1px;} } @-o-keyframes mouse-wheel { 0% { top: 1px; } 25% { top: 2px; } 50% { top: 3px;} 75% { top: 2px;} 100% { top: 1px;} } @keyframes mouse-wheel { 0% { top: 1px; } 25% { top: 2px; } 50% { top: 3px;} 75% { top: 2px;} 100% { top: 1px;} } @-webkit-keyframes mouse-scroll { 0% { opacity: 0;} 50% { opacity: .5;} 100% { opacity: 1;} } @-moz-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @-o-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } #logoxcontainer { margin-top: -15px !important; } textarea, .contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea { background-color: white; } /*ul { color: red !important }*/ a:active, a:hover, a:focus { color: #606060; } .g-invisible-recaptcha.g-recaptcha { z-index: 100; position: relative; } .contact h2 { display: none; } .flagi { margin-right: 1px; display: inline-block; vertical-align: baseline; } .btn-default { border: solid 1px #ddd; border-radius: 0px; /*color: white !important;*/ } .btn-art { background-color: #ffffff59 !important; margin-bottom: 9px!important; height: 24px !important; } /*style page*/ html .ls-container, body .ls-container, #ls-global .ls-container { transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); } #slog { float: left !important; margin-top: -17px; color: #ffffff; font-size: 12px; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); } /*Important sur mobile pour éviter les debordements droit*/ @media screen and (max-width: 780px) { #slog{ display:none; } } .cc a:link, a:visited { color: #000000; } .pure-form .pure-group input, .pure-form .pure-group textarea { color: #000000; } /***********************************************************/ #adresse .gkHighlighterGK5 { position: relative !important; float: left!important; margin-top: 15px; } @media screen and (max-width: 300px){ #baanim { display: none; } .dj-megamenu-wrapper{ margin-top: 0px;} } #moafter2{ background-color: #49648c; margin-bottom:8px; color: #ffffff; } .containerart { height: 100%; width: 100%; justify-content: center; align-items: center; display: flex; } .textlol { font-weight: 100; font-size: 14px; color: #ffffff; } h6, .h6 { padding-top: 15px; padding-left: 15px; font-size: 30px; } .dud { color: #ffffff; } /*-------------abs solution menu---------------------------------------*/ #bottom2 .moduletable { } .selectBtn { z-index: 900; } .customricoco { margin-bottom: 65px; } #gkHighlighterGK5-0 .gkHighlighterInterface { margin-left: 1px; } #top2 { margin-bottom: -32px; margin-top: -8px; } .uk-scope .uk-slideshow { width: 60%; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 15px; } .uk-scope { background: #f7f7f7; } #skilo { /*margin-left: 3px;*/ background-color: #121212; } .uk-scope .uk-switcher > * > :last-child { color: #000; } .moduletable_js, .moduletable { margin-bottom: 0px; margin-left: 0px; } .contact { margin-bottom: 40px; } .off-menu_162 .sm-logo img{ animation: menukas ease-out 1s; animation-iteration-count: 3; transform-origin: 50% 50%; animation-fill-mode:forwards; /*when the spec is finished*/ -webkit-animation: menukas ease-out 1s; -webkit-animation-iteration-count: 3; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ -moz-animation: menukas ease-out 1s; -moz-animation-iteration-count: 3; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode:forwards; /*FF 5+*/ -o-animation: menukas ease-out 1s; -o-animation-iteration-count: 3; -o-transform-origin: 50% 50%; -o-animation-fill-mode:forwards; /*Not implemented yet*/ -ms-animation: menukas ease-out 1s; -ms-animation-iteration-count: 3; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode:forwards; /*IE 10+*/ -webkit-animation: flotte 2s ease-in-out infinite; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1s; -moz-animation: flotte 2s ease-in-out infinite; -moz-animation-fill-mode: forwards; -moz-animation-delay: 1s; -o-animation: flotte 2s ease-in-out infinite; -o-animation-fill-mode: forwards; -o-animation-delay: 1s; animation: flotte 2s ease-in-out infinite; animation-fill-mode: forwards; animation-delay: 1s; } @-webkit-keyframes flotte { 0% {/*! -webkit-transform:translateY(0px) */} 50% {/*! -webkit-transform:translateY(-8px) */} 100% {/*! -webkit-transform:translateY(0px) */} } @-moz-keyframes flotte { 0% {/*! -moz-transform:translateY(0px) */} 50% {/*! -moz-transform:translateY(-8px) */} 100% {/*! -moz-transform:translateY(0px) */} } @-o-keyframes flotte { 0% {-o-transform:translateY(0px)} 50% {-o-transform:translateY(-8px)} 100% {-o-transform:translateY(0px)} } @keyframes flotte { 0% {/*! transform:translateY(0px) */} 50% {transform:translateY(-8px);} 100% {transform:translateY(0px)} } @keyframes menukas{ 0% { transform: scaleX(-1.00) ; } 100% { transform: scaleX(1.00) ; } } @-moz-keyframes menukas{ 0% { -moz-transform: scaleX(-1.00) ; } 100% { -moz-transform: scaleX(1.00) ; } } @-webkit-keyframes menukas { 0% { -webkit-transform: scaleX(-1.00) ; } 100% { -webkit-transform: scaleX(1.00) ; } } @-o-keyframes menukas { 0% { -o-transform: scaleX(-1.00) ; } 100% { -o-transform: scaleX(1.00) ; } } @-ms-keyframes menukas { 0% { -ms-transform: scaleX(-1.00) ; } 100% { -ms-transform: scaleX(1.00) ; } } /*----------------------------------------------------*/ select { } .logout { margin-top: 11px; } #moafter { width: 100%; margin-right: auto; margin-left: auto; position: relative; } #stickers7 { text-align: center; } #mobefore .ot_logo_scroller_wrapper { margin-top: 5px; } .profile-edit { margin-top: 11px; } .chzn-container .chzn-drop { z-index: 110; } #ckvos{ animation: vos linear 0.5s; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: vos linear 0.5s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: vos linear 0.5s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: vos linear 0.5s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: vos linear 0.5s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; } @keyframes vos{ 0% { transform: translate(0px,-14px) ; } 100% { transform: translate(0px,0px) ; } } @-moz-keyframes vos{ 0% { -moz-transform: translate(0px,-14px) ; } 100% { -moz-transform: translate(0px,0px) ; } } @-webkit-keyframes vos { 0% { -webkit-transform: translate(0px,-14px) ; } 100% { -webkit-transform: translate(0px,0px) ; } } @-o-keyframes vos { 0% { -o-transform: translate(0px,-14px) ; } 100% { -o-transform: translate(0px,0px) ; } } @-ms-keyframes vos { 0% { -ms-transform: translate(0px,-14px) ; } 100% { -ms-transform: translate(0px,0px) ; } } @media (min-width: 768px) { .navbar-nav .caret { display: none } .col-sm-10 { width: 100%!important; } /* Delete the above if you wish to display the caret */ .navbar-nav .open ul { display: none } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555; background: none } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #969696; background: none } .navbar-nav .hovernav:hover > .dropdown-menu { display: block } } /* MEGANAV A simple addition to the dropdown menu (Bootstrap itself is unchanged). When you add GRAND-CHILD links in the navbar, On screens larger than phones, Meganav will transform the dropdown into a mega-menu, with child-links displayed as menu-column heads (in bold). If you don't want this, delete this segment of the CSS and delete the corresponding segment of ynternet.js */ .mega-menu ul a { color: #666; } .has-children > a { font-size: 15px; font-weight: bold !important } @media (max-width: 767px) { .has-children ul { display: block !important; margin-left: 15px } } @media (min-width: 768px) { .dropdown.mega-menu { position: static; } .mega-menu > .dropdown-menu { left: 0; right: 0; overflow-x: auto } .mega-menu > ul > li { display:table-cell; } .mega-menu > ul ul { position: relative; display: block !important; border: 0; border-radius: 0; box-shadow: none; padding: 0 } .has-children { border-right: 1px solid #e7e7e7 } .has-children:last-of-type { border-right: 0 } } /* Max content widths */ .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto } /* Sidebar */ .sidebar ul, .sidebar ol { list-style-type: none; padding: 0 } .sidebar li { margin: 10px 0 } #appel{ width: 113px; height: 26px; margin-left: -23px; margin-top: -2px; } /* Hide form placeholders on focus */ input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ /* Footer */ .footer ul, .footer ol { list-style-type: none; padding: 0 } .footer li { margin: 10px 0 } .sub-footer p { text-align: center } /* Commentlist */ ol.commentlist { counter-reset: li; /* Initiate a counter */ padding: 0 } ol.commentlist ul { padding: 0 } ol.commentlist > li { position: relative; margin: 0 0 20px 0; list-style: none /* Disable the normal item numbering */ } ol.commentlist > li:before { content: "Fil n°" counter(li); /* Use the counter as content */ counter-increment: li; /* Increment the counter by 1 */ position:absolute; top: 0; right: 0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom-left-radius: 4px; padding: 5px 20px 5px 10px; color: #999 } ol.commentlist li ol, ol.commentlist li ul { list-style-type: none; margin: 0 } .commentlist li li { background: #f8f8f8; } .commentlist li li li { background: #fff } .commentlist li li li li { background: #f8f8f8 } .commentlist li li li li li li { background: #fff } .commentlist li { padding: 20px } .commentlist ul li { margin-top: 20px; margin-bottom: 0 } .reply p { margin: 0 } h2{ margin: 0px 0 20px; padding: 5px 10px 7px; font-family: "Oswald", sans-serif;color:#ffffff; font-size:15px; background-color: #101010; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); background-position-y: 15px; } /* ***************************************************************************************************************************************************** ******************************************************************************************************************************************************** AGORA ******************************************************************************************************************************************************** ****************************************************************************************************************************************************** */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button {outline: none !important;} html { position: relative; min-height: 100%; /*background: url(//www.msecurite.fr//templates/cassiopeia/wp-content/themes/gen/css/../img/lback.jpg); background-repeat: repeat;*/ } .jf_mm_trigger { margin-right: 40px; } body{ font-family: "Roboto", sans-serif; background-color:#ffffff; color: #696969; width: 100%; /* Idem footer height */ } /* ========================================================================== Menu ========================================================================== */ /*#sur-menu{ animation: mailmenu linear 0.2s; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: mailmenu linear 0.2s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: mailmenu linear 0.2s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: mailmenu linear 0.2s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: mailmenu linear 0.2s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; } @keyframes mailmenu{ 0% { transform: translate(0px,-25px) ; } 100% { transform: translate(0px,0px) ; } } @-moz-keyframes mailmenu{ 0% { -moz-transform: translate(0px,-25px) ; } 100% { -moz-transform: translate(0px,0px) ; } } @-webkit-keyframes mailmenu { 0% { -webkit-transform: translate(0px,-25px) ; } 100% { -webkit-transform: translate(0px,0px) ; } } @-o-keyframes mailmenu { 0% { -o-transform: translate(0px,-25px) ; } 100% { -o-transform: translate(0px,0px) ; } } @-ms-keyframes mailmenu { 0% { -ms-transform: translate(0px,-25px) ; } 100% { -ms-transform: translate(0px,0px) ; } } */ #menu-spacer{ min-height: 115px; } #sur-menu{ z-index: 9; position: fixed; transition: background-color 400ms linear; width: 100%; height: 40px; /*border-bottom: #030304 1px solid;*/ font-size: 0.9em; } #sur-menu.scrolled { transition: background-color 400ms linear; } #wrapperx.scrolled { filter: brightness(0) invert(1); } #petitba{ margin-top:-10px; } #sur-menu a, #sur-menu a:visited {color: #eee;} #sur-menu a:hover, #sur-menu a:focus { color: #fff; /*text-shadow: 0 0 1px #fff; */ text-decoration:none; } #sur-menu #searchform{ margin-top: 15px; margin-right: 45px;} #sur-menu .form-control{ height: 24px; padding: 4px 9px; font-size: 1em; color: #eee; background: #666; } #menubighaut{ margin-top: -10px; } #sur-menu .btn{ height: 24px; margin-top: -8px; padding: 2px 6px; font-size: 1em; color: #333; background: transparent; border: #222 0px solid; -webkit-transition:all 500ms ease-out; -moz-transition:all 500ms ease-out; -o-transition:all 500ms ease-out; transition:all 500ms ease-out; } #sur-menu .btn:hover{ color: #000; background: #eee; border: #222 1px solid; } #menu-spacer {min-height:115px;background-color: #999;} /* menu+ombre Permet de conserver la hauteur de l'élément quand menu se fixe */ @media screen and (min-width: 1200px) { .fixe-menu{ position: fixed !important; left: 0; top: 0;}/* classe pour fixer menu (grands écrans) */ } #menu-haut { /* inclut menu et ombre */ margin-top: 40px; transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); transition-duration: 0.4s; position: fixed; width: 100%; z-index: 8; transition: background-color 400ms linear; } #menu-haut.scrolled { transition: background-color 400ms linear; } #large { /* module large mi page*/ margin-top: 20px;transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); transition-duration: 0.4s; } #menu-haut .navbar { z-index: 100; height: 75px; transition: background-color 400ms linear; border-bottom: #ffffff91 1px solid; border-radius: 0; margin-bottom: 0; } .navbar-brand{ animation: animationFrames ease 1s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards; /*when the spec is finished*/ -webkit-animation: animationFrames ease 1s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ -moz-animation: animationFrames ease 1s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode:forwards; /*FF 5+*/ -o-animation: animationFrames ease 1s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode:forwards; /*Not implemented yet*/ -ms-animation: animationFrames ease 1s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode:forwards; /*IE 10+*/} @keyframes animationFrames{ 0% { transform: translate(-1500px,0px) ; } 60% { transform: translate(30px,0px) ; } 80% { transform: translate(-10px,0px) ; } 100% { transform: translate(0px,0px) ; } } @-moz-keyframes animationFrames{ 0% { -moz-transform: translate(-1500px,0px) ; } 60% { -moz-transform: translate(30px,0px) ; } 80% { -moz-transform: translate(-10px,0px) ; } 100% { -moz-transform: translate(0px,0px) ; } } @-webkit-keyframes animationFrames { 0% { -webkit-transform: translate(-1500px,0px) ; } 60% { -webkit-transform: translate(30px,0px) ; } 80% { -webkit-transform: translate(-10px,0px) ; } 100% { -webkit-transform: translate(0px,0px) ; } } @-o-keyframes animationFrames { 0% { -o-transform: translate(-1500px,0px) ; } 60% { -o-transform: translate(30px,0px) ; } 80% { -o-transform: translate(-10px,0px) ; } 100% { -o-transform: translate(0px,0px) ; } } @-ms-keyframes animationFrames { 0% { -ms-transform: translate(-1500px,0px) ; } 60% { -ms-transform: translate(30px,0px) ; } 80% { -ms-transform: translate(-10px,0px) ; } 100% { -ms-transform: translate(0px,0px) ; } } .navbar-brand{ padding: 7px 12px 0; width: 100% !important; float: left;} .navbar-brand-logo{ margin: -4px 20px 0 0;transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); transition-duration: 0.4s;} .navbar-brand-logo:hover{ margin: -4px 20px 0 15px ;transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); transition-duration: 0.4s; filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); } .navbar-brand-name{ margin: 7px 0 0 0; font-family: "Oswald", sans-serif; font-size:1.4em; color:#010181;} .navbar-brand-name span{ font-size:0.6em; color:#ad1b18} .navbar-nav{ margin-top:1px; } .login{ margin-top:11px; } .navbar-nav > li > a{ color:#ccc; font-family: "Oswald", sans-serif; text-align:center; text-transform: uppercase; } .navbar-nav > li > a:hover, .navbar-nav > li > a:focus{ background-color:transparent; color:#fff; text-shadow: 0 0 1px #fff;} .navbar-nav > .active > a{ color:#ed8;} .navbar-toggle{ margin: 20px 20px 0 0; border-width: 2px; border-color: #ed8;} .navbar-toggle:hover{ border-color: #fff;} .icon-bar{ background:#ed8;} .navbar-toggle:hover .icon-bar { background:#fff;} /* ========================================================================== En-tête ========================================================================== */ #entete { width:100%; margin: -47px 0 0; box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75); -moz-box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75); -webkit-box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75); background: #c0c0c0; background: -moz-linear-gradient(top, #c0c0c0 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #c0c0c0 0%,#ffffff 100%); background: -o-linear-gradient(top, #c0c0c0 0%,#ffffff 100%); background: -ms-linear-gradient(top, #c0c0c0 0%,#ffffff 100%); background: linear-gradient(to bottom, #c0c0c0 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#ffffff',GradientType=0 ); } .slidervig{ border:#dff 5px solid !important; box-shadow: 0px 0px 10px rgba(5, 5, 5, 0.25) !important; -moz-box-shadow: 0px 0px 10px rgba(5, 5, 5, 0.25) !important; -webkit-box-shadow: 0px 0px 10px rgba(5, 5, 5, 0.25) !important; border-radius: 5px !important; } /* ========================================================================== Contenu ========================================================================== */ .contenu-haut, .contenu-bas{ width: 100%; margin-top: 80px; background: #555; height: 75px; border-top: #777 2px solid; border-bottom: #222 2px solid; } .contenu-bas{ margin: 0 0 300px;} .contenu{ width: 100%; padding: 30px 0 40px; background: #c0c0c0; background: -moz-linear-gradient(top, #c0c0c0 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #c0c0c0 0%,#ffffff 100%); background: -o-linear-gradient(top, #c0c0c0 0%,#ffffff 100%); background: -ms-linear-gradient(top, #c0c0c0 0%,#ffffff 100%); background: linear-gradient(to bottom, #c0c0c0 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#ffffff',GradientType=0 ); color: #333; border-top: #ddd 2px solid; border-bottom: #555 2px solid; } .contenu p{ text-align:justify;} .contenu img, .img365, video{ width: none; margin: 20px auto; } #videohtml5{ border-top: 2px solid #ffffff; /*margin-left: 2px; original*/ margin-left: 0px; margin-top: 65px; display:none; } #toffooter{ /*border-top: 2px solid #777777;*/ margin-left: -2px; width:101%; } #aikon_paralax_117{ border-top: 1px solid #000000; } .img365{max-width: 365px !important;} .contenu img.references{ width:inherit; margin: 10px; border: none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } /*.cartouche{ width: 100%; margin: 140px 0 0; padding: 40px 0 40px; box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75); -moz-box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75); -webkit-box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75); background: #222222; background: -moz-linear-gradient(45deg, #222222 0%, #9999aa 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#222222), color-stop(100%,#9999aa)); background: -webkit-linear-gradient(45deg, #222222 0%,#9999aa 100%); background: -o-linear-gradient(45deg, #222222 0%,#9999aa 100%); background: -ms-linear-gradient(45deg, #222222 0%,#9999aa 100%); background: linear-gradient(45deg, #222222 0%,#9999aa 100%); }*/ .cartouche{ width: 90%; margin:30px auto 60px; padding:14px; text-align:center; border-radius:8px; background-color:#b94; color:#fff; font-size:25px; } .social{ margin: 16px 0 0 0; font-family: "Oswald", sans-serif; font-size:1.6em; color:#ed8;} .social a, .social a:visited{ color: #fff; padding-left: 14px; font-size:1.1em;} .social a:hover, .social a:focus{ color: #ed8; text-shadow: 0 0 1px #ed8; text-decoration:none;} .form-control:focus{ border-color:#ed8; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(238,221,136,0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(238,221,136,0.6) } .slogan{ margin:30px 4px 40px; padding: 10px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%); background: -o-linear-gradient(top, #ffffff 0%,#dddddd 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dddddd 100%); background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); border-radius: 8px; box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75); -moz-box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75); -webkit-box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75); } .slogan h3{ text-align:center; font-family: "Roboto", sans-serif; font-size:1.6em; text-transform: uppercase; color:#000; margin:-6px 0 4px; border-bottom: none; } .slogan p{ text-align:center !important; color:#222;} .slogan-icone{ text-align:center; font-size:60px;} #map_canvas{ width:100%; height:600px; /*border-top: #aaa 1px solid; border-bottom: #333 1px solid;*/ } /* ========================================================================== Footer ========================================================================== */ .footer { z-index:7; position: relative!important; bottom: 0; width: 100%; display: flex; /*font-family: "Oswald", sans-serif;*/ font-size: 1em; color: #ffffff; /* Idem body */ background: #191919; border-top: #8d888b 1px solid; /*height: 100px;*/ /*box-shadow: 0px 0px 3px 2px rgba(22, 22, 22, 0.75); -moz-box-shadow: 0px 0px 3px 2px rgba(22, 22, 22, 0.75); -webkit-box-shadow: 0px 0px 3px 2px rgba(22, 22, 22, 0.75);*/ } .footer a, .footer a:visited {color: #ffffff;} .footer a:hover, .footer a:focus {color: #fff;text-decoration:none;} #infos_footer{ padding: 9px; font-size: .9em; color:#ffffff; text-align:center; background: #191919; } #fl-haut{ background: transparent url(//www.msecurite.fr//templates/cassiopeia/wp-content/themes/gen/css/../img/arow.gif) no-repeat; text-shadow: 0px 0px 3px #333; cursor: pointer; vertical-align: middle; padding: 3px 30px 0 0; -webkit-transition:all 500ms ease-out; -moz-transition:all 500ms ease-out; -o-transition:all 500ms ease-out; transition:all 500ms ease-out; } #fl-haut:hover{ background: transparent url(//www.msecurite.fr//templates/cassiopeia/wp-content/themes/gen/css/../img/hover.gif) no-repeat; text-shadow: 0px 0px 3px #333; cursor: pointer; vertical-align: middle; padding: 3px 30px 0 0; -webkit-transition:all 500ms ease-out; -moz-transition:all 500ms ease-out; -o-transition:all 500ms ease-out; transition:all 500ms ease-out; } /* ========================================================================== Divers ========================================================================== */ .align-left{ text-align:left !important;} .align-right{ text-align:right !important;} .align-center{ text-align:center !important;} .pad-left6{ padding-left:6px;} .pad-right6{ padding-right:6px;} .pad-left30{ padding-left:30px;} .pad-right30{ padding-right:30px;} .bleu{ color:#08c;} .rouge{ color:#a00;} .alert-info{ background-color:#ffd; border-color:#ed8; color:#333;} .btn-primary{ background: #449d44; border-radius: 2px; font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px !important; text-decoration: none; line-height: 0.75rem; } .btn-primary:hover, .btn-primary:focus{ background: #cccccc; text-decoration: none;} .pagination > li > a{ color:#600;} .pagination > li > a:hover, .pagination > li > a:focus{ color:#a00;} .nob{ border:none !important; box-shadow:none !important; width: auto !important;} /* Ombre du menu */ .ombre { /*background: transparent url(//www.msecurite.fr//templates/cassiopeia/wp-content/themes/gen/css/../img/ombre.png) no-repeat center top;*/ background-clip:border-box; top: 0; width: 100%; height:0px; } /* Fenêtre modale */ .modal-content{background-color:#800;} .modal-header{border-bottom:none;} .modal-title{color:#dc9;} .modal-content h5{color:#a96;} .modal-body { overflow:auto; height: 500px; background-color:#fff; } .modal-footer{border-top:none;} .btn-custom { font-weight:bold; background-color: hsl(0, 81%, 33%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e82626", endColorstr="#980f0f"); background-image: -khtml-gradient(linear, left top, left bottom, from(#e82626), to(#980f0f)); background-image: -moz-linear-gradient(top, #e82626, #980f0f); background-image: -ms-linear-gradient(top, #e82626, #980f0f); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e82626), color-stop(100%, #980f0f)); background-image: -webkit-linear-gradient(top, #e82626, #980f0f); background-image: -o-linear-gradient(top, #e82626, #980f0f); background-image: linear-gradient(#e82626, #980f0f); border-color: #980f0f #980f0f hsl(0, 81%, 28%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased; } /* Bouton retour vers le haut */ #btn-haut { display: none; position: fixed; z-index:1500; bottom: 10px; right: 20px; cursor: pointer; font-size:30px; color:#aaa; -webkit-transition:all 500ms ease-out, background-color 500ms ease-out; -moz-transition:all 500ms ease-out, background-color 500ms ease-out; -o-transition:all 500ms ease-out, background-color 500ms ease-out; transition:all 500ms ease-out, background-color 500ms ease-out; } #btn-haut:hover{ color:#dc6; text-shadow: 0px 0px 3px #ed8; } /* ========================================================================== Responsive ========================================================================== */ @media screen and (max-width: 1230px){ .rightplus.card { display: none!important; } } @media screen and (max-width: 1199px){ .navbar-nav > li > a{padding: 15px 10px; font-size:.9em;} #infos_footer{font-size:.8em; } #footer-inner, #footer { display: none; } #infos_footer{display:none;} .footer { border-top: #888 3px solid; position: absolute; } .col-sm-10 { margin-top: 18px; } } @media screen and (max-width: 1199px) { #videohtml5{ visibility:hidden; display: none; } #toffooter{ visibility:hidden; display: none; } } @media screen and (max-width: 1172px) { .artcenter { display: none!important; } .aikon-parallax-outer-container { display: none!important; } } @media screen and (max-width: 1100px) { #moafter.moduletable_js, .moduletable { width: 100%; margin: auto; } body h1 { margin-top: 5px; } .wrapper { height: 2000px; } #main { /* padding-bottom: 65px;*/ } } @media screen and (min-width: 1600px) { #videohtml5{ visibility:hidden; display: none; } #toffooter{ visibility:hidden; display: none; } } @media screen and (max-width: 991px){ #map_canvas{ width:80%; height:400px; margin: 0 auto; border-left: #999 2px solid; border-right: #bbb 2px solid; } .navbar-nav > li > a{padding: 15px 8px; font-size:.8em;} .cartouche{width:100%; padding:10px; font-size:20px;} } @media screen and (max-width: 986px){ #main { margin-top: 0px; margin-left: auto; margin-right: auto; } body:not(.has-sidebar-right) .site-grid .container-component { } .jsn-uniform .form-actions .btn-toolbar .btn { font-size: 1.5em; } .jsn-master { margin-bottom: 30px; } #skilo { display: none; } #bacos1{ display: none; } #moafter{ display: none; } #moafter2{ display: none; } .moduletable_js, .moduletable { transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); transition-duration: 0.4s; float: left; } } @media screen and (max-width: 991px) and (min-width: 768px){ .navbar-brand{width: 140px;} .navbar-brand-name{ display:none;} #infos_footer{font-size:.7em;} #sur-menu #searchform { margin-right: 45px; } img.pull-center { margin-left: auto; margin-right: auto; width: 45%; } } @media screen and (max-width: 767px){ h1{ margin: 22px 0 0 0; font-size:1.6em;} .navbar-nav{background:#666; padding: 5px 0 10px;} .navbar-nav > li{ text-align:center;} .navbar-nav > li > a{font-size:1em; padding: 10px 0;} #infos_footer{display:none;} /*.footer{padding-top:40px;}*/ .footer {font-size: 14px;} #sur-menu #searchform{ visibility: hidden} .img-fulltext-right { float: none !important; margin-left: auto; margin-right: auto; width: 10em; } .img-fulltext-left { float: none; margin-left: auto; margin-right: auto; width: 100%; } .pull-left { width: 5em; height:100%; } #main { /*padding-bottom: 65px;*/ } #fl-haut{ display: none; } .thumb {position: relative; width:5em; height:100%; } } @media screen and (max-width: 420px){ article, div, p, li { text-align:initial !important; } #back-top{ display: none; } .gkHighlighterWrapperSub { margin-right: 5px; } } @media screen and (max-width: 400px){ .fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}#menu-haut{display:none;visibility:hidden} .img-fulltext-right { float: none !important; margin-left: auto; margin-right: auto; width: 10em; } .img-fulltext-left { float: none; margin-left: auto; margin-right: auto; width: 100%; } body .jf_mm_trigger.jf_mm_rtl { left: auto; right: -30px; margin-top: 3px; } .img-intro-left { float: none; margin-right: 10px; margin-bottom: 10px; } .img-intro-right { float: none; margin-left: 10px; margin-bottom: 10px; } #baanim { margin-top: 0px; transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); transition-duration: 0.4s; } #main { /*padding-bottom: 65px;*/ } #menu-haut{margin-top:0px;-webkit-box-shadow:none;box-shadow:none; transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); transition-duration: 0.4s;} #menu-haut{display:block!important;padding-bottom:0;overflow:visible!important;visibility:visible!important;/*background-color: #9b9b9b;*/} #sur-menu{ display: none; } } @media screen and (max-width: 450px){ h1 span{display:none} /*.navbar-brand{width: 350px;}*/ .navbar-brand-name{ display:none;} .contenu p{text-align:left;} } @media screen and (max-width: 1205px){ #ckmenuago { display:none;visibility:hidden } #menubighaut{ display:none;visibility:hidden } } @media screen and (max-width: 1120px){ .img-fulltext-left { float: none; margin-left: auto; margin-right: auto; width: 30%; } } @media screen and (max-width: 1100px){ #moafter { /*margin: auto;*/ } } @media screen and (max-width: 1190px){ #moafter { /*margin: auto;*/ } } @media screen and (max-width: 1296px){ #ckvos { display:none; visibility:hidden; } #baanim { margin-bottom: 7px; } } @media screen and (max-width: 599px){ #contentarea, /* Hauteur texte central***********************************************************************************/ #contentarea2 { position: relative; overflow: hidden; padding: 10px 3px !important; margin: 0; margin-right: auto; margin-left: auto; margin-top: 1px; } .securlogo2 { float: left !important; } .textlol { float: left; margin-top: 12px; width: 100%; } } @media screen and (max-width: 880px){ [data-id="mobilemenuck-1"] .mobilemenuck-bar-button { padding-top: 15px; transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); } #menu-haut { margin-top: 0px; transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); } .navbar-brand-logo2 { display:none;visibility:hidden } #sur-menu { display:none;visibility:hidden; } #menu-spacer { min-height: 74px; } #layerslider_1 { margin-top: -74px !important; transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); transition-duration: 0.4s; } #top2 { margin-bottom: 0px; margin-top: 0px; } .footer { /*height:70px; margin-bottom: -55px;*/ } #right { float: left; width: 98%; margin: 10px 0 10px 0%; padding: 0 0 5px 0; position: relative; } #petitba { /*display:none;visibility:hidden pas pour gwada*/ } .left1 { padding: 0; float: none; margin: 10px 3% 10px 0; width: 98%; position: relative; } .left { padding: 0; float: none; margin: 10px 3% 10px 0; position: relative; width: 98%;} #wrapper { width: 98%; float: left; position: relative; } #wrapper2 { width: 98%; } .custom { margin-right: auto; margin-left: auto; /*width: 20em;*/ } .moduletable_js, .moduletable { transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); transition-duration: 0.4s; margin-left: auto; margin-right: auto; width: 20em; } #moafter.moduletable_js, .moduletable { transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); transition-duration: 0.4s; width: 100%; float: left; margin-left: auto; margin-right: auto; } #menu-haut .navbar { border-bottom: none; } .left.item-image { float: none; text-align: center; width: 100%; } } @media screen and (max-width: 395px){ body h2{ /*padding: 16px 20px; font-size: 1.2em;*/ } } @media only screen and (max-width: 4382px) { .navbar-brand-logo { /*width:150%;*/ } .navbar-brand-logo2 { width:178px; height:69px; } #jumpmenu{ display:none;visibility:hidden } } /* Layer slider offjlan */ @media screen and (max-width: 926px){ #effectsl{ display: none !important; } } @media screen and (max-width: 608px){ #logosl, #plombi{ display: none !important; } } /*------------Fin slider offjlan-------*/ @media screen and (max-width: 600px){ #ckvos{ display:none;visibility:hidden } #moby{ display:inline;visibility:visible; } article { margin-top: 20px; } } @media only screen and (max-width: 1025px) { .navbar-brand-logo2 { margin-left: -25px } #wrapper2 { width: 100%; z-index: 100; margin-top: 5px; margin-left: auto; margin-right: auto; } .shownocolumns { width: 100% !important; } .left1 { padding: 0; float: none; margin-left:auto; margin-right:auto; width: 50%; position: relative; margin-top: 10px; } .flickity-enabled.is-draggable .flickity-viewport { display: none; } } @media only screen and (max-width: 1054px) { .navbar-brand-logo2 { margin-left: -25px } #all { /*width:93%;*/ } } @media only screen and (max-width: 1200px) { #bacos1 { /*display:none;*/ } #all { margin-bottom: 0px; } } /* ========================================================================== Fonts ========================================================================== */ @font-face { font-family: 'icomoon'; src:url(//www.msecurite.fr//templates/cassiopeia/wp-content/themes/gen/css/../fonts/icomoonb061.eot?-vjkvr7); src:url(//www.msecurite.fr//templates/cassiopeia/wp-content/themes/gen/css/../fonts/icomoond41d.eot?#iefix-vjkvr7) format('embedded-opentype'), url(//www.msecurite.fr//templates/cassiopeia/wp-content/themes/gen/css/../fonts/icomoonb061.woff?-vjkvr7) format('woff'), url(//www.msecurite.fr//templates/cassiopeia/wp-content/themes/gen/css/../fonts/icomoonb061.ttf?-vjkvr7) format('truetype'), url(//www.msecurite.fr//templates/cassiopeia/wp-content/themes/gen/css/../fonts/icomoonb061.svg?-vjkvr7#icomoon) format('svg'); font-weight: normal; font-style: normal; } #icon-arrow-circle-up{ font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-twitter-square:before { content: "\f081"; } .icon-facebook-square:before { content: "\f082"; } .icon-cogs:before { content: "\f085"; } .icon-arrow-circle-up:before { content: "\f0aa"; } .icon-google-plus-square:before { content: "\f0d4"; } .icon-puzzle-piece:before { content: "\f12e"; } .icon-rocket:before { content: "\f135"; } .icon-envelope-square:before { content: "\f199"; } .icon-line-chart:before { content: "\f201"; } @keyframes slidecineright { 0%{ transform: translateX(800px) rotateY(-30deg) scale(0);filter: blur(10px); transform-origin: -100% 50%;filter: blur(10px); opacity: 0; } 100%{ transform: translateX(0) rotateY(0) scale(1);filter: blur(0px); transform-origin: -1800px 50%;filter: blur(0px); opacity: 1; } } @keyframes slidecineright2 { 0%{ transform: translateX(1000px) scaleX(2.5) scaleY(.2); transform-origin: 0% 50%; filter: blur(40px); opacity: 0; } 100%{ transform: translateX(0) scaleY(1) scaleX(1); transform-origin: 50% 50%; filter: blur(0); opacity: 1; } } @keyframes slidecinema3 { 0%{ transform: translateX(-800px) rotateY(30deg) scale(0);filter: blur(10px); transform-origin: -100% 50%; opacity: 0; } 100%{ transform: translateX(0) rotateY(0) scale(1);filter: blur(0px); transform-origin: 1800px 50%; opacity: 1; } } @keyframes cinema5 { 0%{ letter-spacing: 1em; filter: blur(12px); opacity: 0; } 100%{ filter: blur(0); opacity: 1; } } @keyframes slidecine4 { 0%{ transform: translateX(-1000px) scaleX(2.5) scaleY(.2); transform-origin: 100% 50%; filter: blur(40px); opacity: 0; } 100%{ transform: translateX(0) scaleY(1) scaleX(1); transform-origin: 50% 50%; filter: blur(0); opacity: 1; } } @keyframes welcome { 0%{ filter: blur(12px); } 100%{ filter: blur(0px) opacity(0%); } } @keyframes textflickerglow { 0%{ opacity: 0; } 10%{ opacity: 0; text-shadow: none; } 11%{ opacity: 1; text-shadow: none; } 12%{ opacity: 0; text-shadow: none; } 20%{ opacity: 0; text-shadow: none; } 21%{ opacity: 1; text-shadow: 0 0 30px rgba(255,255,255,.25); } 22%{ opacity: 0; text-shadow: none; } 30%{ opacity: 0; text-shadow: none; } 31%{ opacity: 1; text-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25); } 32%{ opacity: 1; text-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25); } 33%{ opacity: 0; text-shadow: none; } 45%{ opacity: 0; text-shadow: none; } 46%{ opacity: 1; text-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25); } 55%{ opacity: 1; text-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25); } 56%{ opacity: 0; text-shadow: none; } 57%{ opacity: 0; text-shadow: none; } 58%{ opacity: 1; text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35); } 60%{ opacity: 1; text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35); } 61%{ opacity: 0; text-shadow: none; } 65%{ opacity: 0; text-shadow: none; } 66%{ opacity: 1; text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1); } 75%{ opacity: 1; text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1); } 76%{ opacity: 0; text-shadow: none; } 77%{ opacity: 0; text-shadow: none; } 78%{ opacity: 1; text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1); } 85%{ opacity: 1; text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1); } 86%{ opacity: 0; text-shadow: none; } 87%{ opacity: 0; text-shadow: none; } 88%{ opacity: 1; text-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1); } 100%{ opacity: 1; text-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1); } } @keyframes focusinexpand { 0%{ letter-spacing: -.5em; filter: blur(12px); opacity: 0; } 100%{ filter: blur(0); opacity: 1; } } @keyframes textfocusin { 0%{ filter: blur(12px); opacity: 0; } 100%{ filter: blur(0); opacity: 1; } } @keyframes textshadowmulticolor2 { 0%{ text-shadow: 0 0 black,,0 0 red, 0 0 orange,0 0 yellow,0 0 green,0 0 skyblue,0 0 blue,0 0 white; transform: translateX(0) translateY(0); } 100%{ text-shadow: -1px -1px black,-3px -3px red,-5px -5px orange,-7px -7px yellow,-9px -9px green,-11px -11px skyblue,-13px -13px blue,-15px -15px white; transform: translateX(8px) translateY(8px); } } @keyframes slideellipticrightfwd { 0%{ transform: translateX(800px) rotateY(-30deg) scale(0); transform-origin: -100% 50%; opacity: 0; } 100%{ transform: translateX(0) rotateY(0) scale(1); transform-origin: -1800px 50%; opacity: 1; } } @keyframes slideellipticleft { 0%{ transform: translateX(-800px) rotateY(30deg) scale(0); transform-origin: -100% 50%; opacity: 0; } 100%{ transform: translateX(0) rotateY(0) scale(1); transform-origin: 1800px 50%; opacity: 1; } } @keyframes slideinright { 0%{ transform: translateX(1000px); opacity: 0; } 100%{ transform: translateX(0); opacity: 1; } } @keyframes slideinleft { 0%{ transform: translateX(-1000px); opacity: 0; } 100%{ transform: translateX(0); opacity: 1; } } /* Sarah Connor****************************************************************************************/ .terminator{ animation: terminator ease-in-out 1s; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: terminator ease-in-out 1s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: terminator ease-in-out 1s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: terminator ease-in-out 1s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: terminator ease-in-out 1s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; } @keyframes terminator{ 0% { transform: translate(83px,0px) scaleX(0.66) scaleY(0.60) ;filter:blur(5px) } 100% { transform: translate(1px,0px) scaleX(1.00) scaleY(1.00) ;filter:blur(5px) } } @-moz-keyframes terminator{ 0% { -moz-transform: translate(83px,0px) scaleX(0.66) scaleY(0.60) ; } 100% { -moz-transform: translate(1px,0px) scaleX(1.00) scaleY(1.00) ; } } @-webkit-keyframes terminator { 0% { -webkit-transform: translate(83px,0px) scaleX(0.66) scaleY(0.60) ; } 100% { -webkit-transform: translate(1px,0px) scaleX(1.00) scaleY(1.00) ; } } @-o-keyframes terminator { 0% { -o-transform: translate(83px,0px) scaleX(0.66) scaleY(0.60) ; } 100% { -o-transform: translate(1px,0px) scaleX(1.00) scaleY(1.00) ; } } @-ms-keyframes terminator { 0% { -ms-transform: translate(83px,0px) scaleX(0.66) scaleY(0.60) ;filter:blur(0px) } 100% { -ms-transform: translate(1px,0px) scaleX(1.00) scaleY(1.00) ;filter:blur(0px) } } /*! * Bootstrap v3.3.1 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; width: 150px; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid silver; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, :before, :after { text-shadow: none!important; color: #000!important; background: transparent!important; -webkit-box-shadow: none!important; box-shadow: none!important; } a, a:visited { text-decoration: underline; } a[href]:after { content: "(" attr(href) ") "; } abbr[title]:after { content: "(" attr(title) ") "; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100%!important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff!important; } .navbar { display: none; } .btn > .caret, .dropup > .btn>.caret { border-top-color: #000!important; } .label { border: 1px solid #000; } .table { border-collapse: collapse!important; } .table td, .table th { background-color: #fff!important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd!important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url(//www.msecurite.fr//templates/cassiopeia/wp-content/themes/gen/css/../fonts/glyphicons-halflings-regular.eot); src: url(//www.msecurite.fr//templates/cassiopeia/wp-content/themes/gen/css/../fonts/glyphicons-halflings-regulard41d.eot?#iefix) format('embedded-opentype'), url(//www.msecurite.fr//templates/cassiopeia/wp-content/themes/gen/css/../fonts/glyphicons-halflings-regular.woff) format('woff'), url(//www.msecurite.fr//templates/cassiopeia/wp-content/themes/gen/css/../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(//www.msecurite.fr//templates/cassiopeia/wp-content/themes/gen/css/../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg'); } .glyphicon { display: inline-block; position: relative; top: 1px; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { -webkit-tap-highlight-color: rgba(0,0,0,0); } body { font-family: Josefin Sans, Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 16px; line-height: 1.2; color: #333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { text-decoration: none; color: #bdbdbd; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner>.item>img, .carousel-inner>.item>a>img { display: block; height: auto; max-width: 100%; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; height: auto; padding: 4px; max-width: 100%; border: 1px solid #ddd; border-radius: 4px; line-height: 1.42857143; background-color: #fff; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0,0,0,0); } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: 400; line-height: 1; color: #777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width:768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { padding: .2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #bdbdbd; } a.text-primary:hover { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #bdbdbd; } a.bg-primary:hover { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { margin: 0 0 20px; padding-bottom: 9px; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { margin-left: -5px; padding-left: 0; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: 700; } dd { margin-left: 0; } @media (min-width:768px) { .dl-horizontal dt { float: left; clear: left; width: 160px; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { border-bottom: 1px dotted #777; cursor: help; } .initialism { text-transform: uppercase; font-size: 90%; } blockquote { margin: 0 0 20px; padding: 10px 20px; border-left: 5px solid #eee; font-size: 17.5px; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo,Monaco,Consolas,"Courier New",monospace; } code { padding: 2px 4px; border-radius: 4px; font-size: 90%; color: #c7254e; } kbd { padding: 2px 4px; border-radius: 3px; font-size: 90%; color: #fff; background-color: #333; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; margin: 0 0 10px; padding: 9.5px; border: 1px solid #ccc; border-radius: 4px; font-size: 13px; line-height: 1.42857143; word-break: break-all; color: #333; background-color: #f5f5f5; word-wrap: break-word; } pre code { padding: 0; border-radius: 0; font-size: inherit; white-space: pre-wrap; color: inherit; background-color: transparent; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } @media (min-width:768px) { .container { width: 750px; } } @media (min-width:992px) { .container { width: 970px; } } @media (min-width:1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .row { background: #191919; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; padding-right: 15px; padding-left: 15px; min-height: 1px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width:768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width:992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width:1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; text-align: left; color: #777; } th { text-align: left; } .table { width: 100%; margin-bottom: 20px; max-width: 100%; } .table > thead > tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 8px; border-top: 1px solid #ddd; line-height: 1.42857143; vertical-align: top; } .table > thead > tr>th { border-bottom: 2px solid #ddd; vertical-align: bottom; } .table > caption + thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { border: 1px solid #ddd; } .table-bordered > thead > tr>th, .table-bordered>thead>tr>td { border-bottom-width: 2px; } .table-striped>tbody>tr:nth-child(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*=col-] { display: table-column; float: none; position: static; } table td[class*=col-], table th[class*=col-] { display: table-cell; float: none; position: static; } .table > thead > tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th { background-color: #f5f5f5; } .table-hover > tbody > tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr.active:hover>th { background-color: #e8e8e8; } .table > thead > tr>td.success, .table>tbody>tr>td.success, .table>tfoot>tr>td.success, .table>thead>tr>th.success, .table>tbody>tr>th.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>tbody>tr.success>td, .table>tfoot>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th { background-color: #dff0d8; } .table-hover > tbody > tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr.success:hover>th { background-color: #d0e9c6; } .table > thead > tr>td.info, .table>tbody>tr>td.info, .table>tfoot>tr>td.info, .table>thead>tr>th.info, .table>tbody>tr>th.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>tbody>tr.info>td, .table>tfoot>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr.info>th, .table>tfoot>tr.info>th { background-color: #d9edf7; } .table-hover > tbody > tr>td.info:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr.info:hover>th { background-color: #c4e3f3; } .table > thead > tr>td.warning, .table>tbody>tr>td.warning, .table>tfoot>tr>td.warning, .table>thead>tr>th.warning, .table>tbody>tr>th.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>tbody>tr.warning>td, .table>tfoot>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr.warning>th, .table>tfoot>tr.warning>th { background-color: #fcf8e3; } .table-hover > tbody > tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr.warning:hover>th { background-color: #faf2cc; } .table > thead > tr>td.danger, .table>tbody>tr>td.danger, .table>tfoot>tr>td.danger, .table>thead>tr>th.danger, .table>tbody>tr>th.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>tbody>tr.danger>td, .table>tfoot>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr.danger>th, .table>tfoot>tr.danger>th { background-color: #f2dede; } .table-hover > tbody > tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr.danger:hover>th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width:767px) { .table-responsive { width: 100%; margin-bottom: 15px; border: 1px solid #ddd; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>td { border-bottom: 0; } } fieldset { margin: 0; padding: 0; min-width: 0; border: 0; } legend { display: block; width: 100%; margin-bottom: 20px; padding: 0; border: 0; font-size: 14px; line-height: inherit; color: #fff; } label { display: inline-block; margin-bottom: 5px; max-width: 100%; font-weight: 700; color: #8c734a; } input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=radio], input[type=checkbox] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type=file] { display: block; } input[type=range] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; border: 1px solid #ccc; border-radius: 0; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) ,0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) ,0 0 8px rgba(102,175,233,.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { opacity: 1; background-color: #eee; cursor: not-allowed; } textarea.form-control { height: auto; } input[type=search] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type=date], input[type=time], input[type=datetime-local], input[type=month] { line-height: 34px; } input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm { line-height: 30px; } input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { display: block; position: relative; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { margin-bottom: 0; padding-left: 20px; min-height: 20px; font-weight: 400; cursor: pointer; } .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { margin-top: 4px \9; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; margin-bottom: 0; padding-left: 20px; font-weight: 400; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type=radio][disabled], input[type=checkbox][disabled], input[type=radio].disabled, input[type=checkbox].disabled, fieldset[disabled] input[type=radio], fieldset[disabled] input[type=checkbox] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { margin-bottom: 0; padding-top: 7px; padding-bottom: 7px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm, .form-group-sm .form-control { height: 30px; padding: 5px 10px; border-radius: 3px; font-size: 12px; line-height: 1.5; } select.input-sm, select.form-group-sm .form-control { height: 30px; line-height: 30px; } textarea.input-sm, textarea.form-group-sm .form-control, select[multiple].input-sm, select[multiple].form-group-sm .form-control { height: auto; } .input-lg, .form-group-lg .form-control { height: 46px; padding: 10px 16px; border-radius: 6px; font-size: 18px; line-height: 1.33; } select.input-lg, select.form-group-lg .form-control { height: 46px; line-height: 46px; } textarea.input-lg, textarea.form-group-lg .form-control, select[multiple].input-lg, select[multiple].form-group-lg .form-control { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { display: block; z-index: 2; position: absolute; top: 0; right: 0; width: 34px; height: 34px; text-align: center; line-height: 34px; pointer-events: none; } .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) ,0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0,0,0,.075) ,0 0 6px #67b168; } .has-success .input-group-addon { border-color: #3c763d; color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) ,0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0,0,0,.075) ,0 0 6px #c0a16b; } .has-warning .input-group-addon { border-color: #8a6d3b; color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) ,0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0,0,0,.075) ,0 0 6px #ce8483; } .has-error .input-group-addon { border-color: #a94442; color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label~.form-control-feedback { top: 25px; } .has-feedback label.sr-only~.form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width:768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width:768px) { .form-horizontal .control-label { margin-bottom: 0; padding-top: 7px; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width:768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.3px; } } @media (min-width:768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; } } .btn { display: inline-block; margin-bottom: 0; padding: 6px 12px; border: 1px solid transparent; border-radius: 4px; text-align: center; font-size: 14px; font-weight: 400; line-height: 1.42857143; white-space: nowrap; vertical-align: middle; background-image: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; -ms-user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { text-decoration: none; color: #333; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { opacity: .65; -webkit-box-shadow: none; box-shadow: none; cursor: not-allowed; pointer-events: none; filter: alpha(opacity=65); } .btn-default { border-color: #ccc; color: #333; background-color: #fff42; } .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { border-color: #adadad; color: #333; background-color: #e6e6e6; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { border-color: #ccc; background-color: #fff; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { border-color: #2e6da4; color: #fff; background-color: #bdbdbd; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { border-color: #204d74; color: #fff; background-color: #286090; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { border-color: #2e6da4; background-color: #bdbdbd; } .btn-primary .badge { color: #bdbdbd; background-color: #fff; } .btn-success { border-color: #4cae4c; color: #fff; background-color: #5cb85c; } .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { border-color: #398439; color: #fff; background-color: #449d44; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { border-color: #4cae4c; background-color: #5cb85c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { border-color: #46b8da; color: #fff; background-color: #5bc0de; } .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { border-color: #269abc; color: #fff; background-color: #31b0d5; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { border-color: #46b8da; background-color: #5bc0de; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { border-color: #eea236; color: #fff; background-color: #f0ad4e; } .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { border-color: #d58512; color: #fff; background-color: #ec971f; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { border-color: #eea236; background-color: #f0ad4e; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { border-color: #d43f3a; color: #fff; background-color: #d9534f; } .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { border-color: #ac2925; color: #fff; background-color: #c9302c; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { border-color: #d43f3a; background-color: #d9534f; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { border-radius: 0; font-weight: 400; color: #bdbdbd; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { text-decoration: underline; color: #23527c; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { text-decoration: none; color: #777; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; border-radius: 6px; font-size: 18px; line-height: 1.33; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; border-radius: 3px; font-size: 12px; line-height: 1.5; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; border-radius: 3px; font-size: 12px; line-height: 1.5; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; visibility: hidden; } .collapse.in { display: block; visibility: visible; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height,visibility; -o-transition-property: height,visibility; transition-property: height,visibility; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; vertical-align: middle; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { display: none; z-index: 1000; float: left; position: absolute; top: 100%; left: 0; margin: 2px 0 0; padding: 5px 0; min-width: 160px; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; text-align: left; font-size: 14px; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; clear: both; padding: 3px 20px; font-weight: 400; line-height: 1.42857143; white-space: nowrap; color: #333; } .dropdown-menu > li > a:hover, .dropdown-menu>li>a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { text-decoration: none; outline: 0; color: #fff; background-color: #bdbdbd; } .dropdown-menu > .disabled > a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { color: #777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu>.disabled>a:focus { left: auto; text-decoration: none; background-color: transparent; background-image: none; cursor: not-allowed; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) }.open > .dropdown-menu{display:block}.open > a{outline:0}.dropdown-menu-right{right:0; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; white-space: nowrap; color: #777; } .dropdown-backdrop { z-index: 990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px solid; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width:768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { display: inline-block; position: relative; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { float: left; position: relative; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group>.btn:focus, .btn-group-vertical>.btn:focus, .btn-group>.btn:active, .btn-group-vertical>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar>.input-group { margin-left: 5px; } .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group>.btn:last-child:not(:first-child) , .btn-group>.dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group>.btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group>.btn-group:first-child>.dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical>.btn-group>.btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical>.btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical>.btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .btn-group-vertical>.btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; } .btn-group-vertical>.btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical>.btn-group:first-child:not(:last-child) >.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .btn-group-vertical>.btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; border-collapse: separate; table-layout: fixed; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group>.btn input[type=radio], [data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox] { position: absolute; clip: rect(0,0,0,0); pointer-events: none; } .input-group { display: table; position: relative; border-collapse: separate; } .input-group[class*=col-] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { z-index: 2; float: right; position: relative; width: 80%; margin-bottom: 0; height: 50px; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg>.input-group-btn>.btn { height: 46px; padding: 10px 16px; border-radius: 6px; font-size: 18px; line-height: 1.33; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg>.input-group-btn>.btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg>.input-group-btn>.btn, select[multiple].input-group-lg>.form-control, select[multiple].input-group-lg>.input-group-addon, select[multiple].input-group-lg>.input-group-btn>.btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm>.input-group-btn>.btn { height: 30px; padding: 5px 10px; border-radius: 3px; font-size: 12px; line-height: 1.5; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm>.input-group-btn>.btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm>.input-group-btn>.btn, select[multiple].input-group-sm>.form-control, select[multiple].input-group-sm>.input-group-addon, select[multiple].input-group-sm>.input-group-btn>.btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child) , .input-group-btn:not(:first-child):not(:last-child) , .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; border: 1px solid #ccc; border-radius: 4px; text-align: center; font-size: 14px; font-weight: 400; line-height: 1; color: #555; background-color: #eee; } .input-group-addon.input-sm { padding: 5px 10px; border-radius: 3px; font-size: 12px; } .input-group-addon.input-lg { padding: 10px 16px; border-radius: 6px; font-size: 18px; } .input-group-addon input[type=radio], .input-group-addon input[type=checkbox] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) , .input-group-btn:last-child>.btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child) , .input-group-btn:first-child>.btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn>.btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav > li { display: block; position: relative; } .nav > li > a { display: block; position: relative; padding: 10px 15px; } .nav > li > a:hover, .nav>li>a:focus { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:hover, .nav>li.disabled>a:focus { text-decoration: none; color: #777; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open>a:focus { border-color: #bdbdbd; background-color: #eee; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a>img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; border: 1px solid transparent; border-radius: 4px 4px 0 0; line-height: 1.42857143; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border: 1px solid #ddd; border-bottom-color: transparent; color: #555; background-color: #fff; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width:768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus { border: 1px solid #ddd; } @media (min-width:768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { color: #fff; background-color: #bdbdbd; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width:768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus { border: 1px solid #ddd; } @media (min-width:768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; visibility: hidden; } .tab-content > .active { display: block; visibility: visible; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; margin-bottom: 20px; min-height: 50px; border: 1px solid transparent; } @media (min-width:768px) { .navbar { border-radius: 4px; } } @media (min-width:768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; overflow-x: visible; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1); -webkit-overflow-scrolling: touch; } .navbar-collapse.in { overflow-y: auto; } @media (min-width:768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block!important; visibility: visible!important; height: auto!important; padding-bottom: 0; overflow: visible!important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width:480px) and (orientation:landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width:768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width:768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { z-index: 1030; position: fixed; right: 0; left: 0; } @media (min-width:768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width:768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { float: right; position: relative; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; padding: 9px 10px; border: 1px solid transparent; border-radius: 4px; background-color: transparent; background-image: none; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width:768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width:767px) { .navbar-nav .open .dropdown-menu { float: none; position: static; width: auto; margin-top: 0; border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu>li>a:focus { background-image: none; } } @media (min-width:768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { margin: 8px -15px 8px -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1) ,0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1) ,0 1px 0 rgba(255,255,255,.1); } @media (min-width:768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width:767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width:768px) { .navbar-form { width: auto; margin-right: 0; margin-left: 0; padding-top: 0; padding-bottom: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width:768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width:768px) { .navbar-left { float: left!important; } .navbar-right { !important; margin-right: -15px; } .navbar-right~.navbar-right { margin-right: 0; } } .navbar-default { border-color: #e7e7e7; background-color: #f8f8f8; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav>li>a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #555; background-color: #e7e7e7; } @media (max-width:767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { border-color: #080808; background-color: #222; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #fff; background-color: #080808; } @media (max-width:767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { margin-bottom: 20px; padding: 8px 15px; border-radius: 4px; list-style: none; background-color: #f5f5f5; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #777; } .pagination { display: inline-block; margin: 20px 0; padding-left: 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination>li>span { float: left; position: relative; margin-left: -1px; padding: 6px 12px; border: 1px solid #ddd; text-decoration: none; line-height: 1.42857143; color: #bdbdbd; background-color: #fff; } .pagination > li:first-child > a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { border-color: #ddd; color: #23527c; background-color: #eee; } .pagination > .active > a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { z-index: 2; border-color: #bdbdbd; color: #fff; background-color: #bdbdbd; cursor: default; } .pagination > .disabled > span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus { border-color: #ddd; color: #777; background-color: #fff; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg>li>span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg>li:first-child>span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg>li:last-child>span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm>li>span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm>li:first-child>span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm>li:last-child>span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { margin: 20px 0; padding-left: 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; border: 1px solid #ddd; border-radius: 15px; background-color: #fff; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled>a:focus, .pager .disabled>span { color: #777; background-color: #fff; cursor: not-allowed; } .label { display: inline; padding: .2em .6em .3em; border-radius: .25em; text-align: center; font-size: 75%; font-weight: 700; line-height: 1; white-space: nowrap; vertical-align: baseline; color: #fff; } a.label:hover, a.label:focus { text-decoration: none; color: #fff; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #bdbdbd; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; padding: 3px 7px; min-width: 10px; border-radius: 10px; text-align: center; font-size: 12px; font-weight: 700; line-height: 1; white-space: nowrap; vertical-align: baseline; color: #fff; background-color: #777; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { text-decoration: none; color: #fff; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active>a>.badge { color: #bdbdbd; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a>.badge { margin-left: 3px; } .jumbotron { margin-bottom: 30px; padding: 30px 15px; color: inherit; background-color: #eee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width:768px) { .jumbotron { padding: 48px 0; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; margin-bottom: 20px; padding: 4px; border: 1px solid #ddd; border-radius: 4px; line-height: 1.42857143; background-color: #fff; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #bdbdbd; } .thumbnail .caption { padding: 9px; color: #333; } .alert { margin-bottom: 20px; padding: 15px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: 700; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { border-color: #d6e9c6; color: #3c763d; background-color: #dff0d8; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { border-color: #bce8f1; color: #31708f; background-color: #d9edf7; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { border-color: #faebcc; color: #8a6d3b; background-color: #fcf8e3; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { border-color: #ebccd1; color: #a94442; background-color: #f2dede; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { z-index: 10000000000000; height: 20px; margin-bottom: 20px; border-radius: 4px; overflow: hidden; background-color: #f5f5f5; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } .progress-bar { float: left; width: 0; height: 100%; text-align: center; font-size: 12px; line-height: 20px; color: #fff; background-color: #bdbdbd; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { display: block; position: relative; margin-bottom: -1px; padding: 10px 15px; border: 1px solid #ddd; background-color: #fff; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } a.list-group-item { color: #555; } a.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777; background-color: #eee; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; border-color: #bdbdbd; color: #fff; background-color: #bdbdbd; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading>.small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { border-color: #3c763d; color: #fff; background-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { border-color: #31708f; color: #fff; background-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { border-color: #8a6d3b; color: #fff; background-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { border-color: #a94442; color: #fff; background-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; border-top: 1px solid #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: #f5f5f5; } .panel > .list-group, .panel > .panel-collapse>.list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse>.list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse>.list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse>.list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive>.table, .panel>.panel-collapse>.table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive>.table caption, .panel>.panel-collapse>.table caption { padding-right: 15px; padding-left: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child>.table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child>.table:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel > .table:last-child > tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel > .table:last-child > tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child>tr:first-child th, .panel>.table>tbody:first-child>tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive>.table-bordered { border: 0; } .panel > .table-bordered > thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child { border-left: 0; } .panel > .table-bordered > thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child { border-right: 0; } .panel > .table-bordered > thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th { border-bottom: 0; } .panel > .table-bordered > tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading+.panel-collapse>.list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { border-color: #ddd; color: #333; background-color: #f5f5f5; } .panel-default > .panel-heading + .panel-collapse>.panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse>.panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #bdbdbd; } .panel-primary > .panel-heading { border-color: #bdbdbd; color: #fff; background-color: #bdbdbd; } .panel-primary > .panel-heading + .panel-collapse>.panel-body { border-top-color: #bdbdbd; } .panel-primary > .panel-heading .badge { color: #bdbdbd; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse>.panel-body { border-bottom-color: #bdbdbd; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { border-color: #d6e9c6; color: #3c763d; background-color: #dff0d8; } .panel-success > .panel-heading + .panel-collapse>.panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse>.panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { border-color: #bce8f1; color: #31708f; background-color: #d9edf7; } .panel-info > .panel-heading + .panel-collapse>.panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse>.panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { border-color: #faebcc; color: #8a6d3b; background-color: #fcf8e3; } .panel-warning > .panel-heading + .panel-collapse>.panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse>.panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { border-color: #ebccd1; color: #a94442; background-color: #f2dede; } .panel-danger > .panel-heading + .panel-collapse>.panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse>.panel-body { border-bottom-color: #ebccd1; } .embed-responsive { display: block; position: relative; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; } .well { margin-top: 25px; margin-bottom: 20px; padding: 19px; min-height: 20px; background-color: #000; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } .well blockquote { border-color: #ddd; border-color: rgba(0,0,0,.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; text-shadow: 0 1px 0 #fff; font-size: 21px; font-weight: 700; line-height: 1; color: #000; opacity: .2; filter: alpha(opacity=20); } .close:hover, .close:focus { text-decoration: none; color: #000; opacity: .5; cursor: pointer; filter: alpha(opacity=50); } button.close { -webkit-appearance: none; padding: 0; border: 0; background: 0 0; cursor: pointer; } .modal-open { overflow: hidden; } .modal { display: none; z-index: 1040; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; outline: 0; -webkit-overflow-scrolling: touch; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0,-25%); -ms-transform: translate(0,-25%); -o-transform: translate(0,-25%); transform: translate(0,-25%); } .modal.in .modal-dialog { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); } .modal-backdrop { position: absolute; top: 0; right: 0; left: 0; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: .5; filter: alpha(opacity=50); } .modal-header { padding: 15px; min-height: 16.43px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; border-top: 1px solid #e5e5e5; text-align: right; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width:768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); } .modal-sm { width: 300px; } } @media (min-width:992px) { .modal-lg { width: 900px; } } .tooltip { display: block; visibility: visible; z-index: 1070; position: absolute; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; font-weight: 400; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: .9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { padding: 3px 8px; max-width: 200px; border-radius: 4px; text-align: center; text-decoration: none; color: #fff; background-color: #000; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { display: none; z-index: 1060; position: absolute; top: 0; left: 0; padding: 1px; max-width: 276px; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; text-align: left; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; font-weight: 400; line-height: 1.42857143; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; font-size: 14px; background-color: #f7f7f7; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { display: block; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0,0,0,.25); border-bottom-width: 0; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0,0,0,.25); border-left-width: 0; } .popover.right > .arrow:after { content: " "; bottom: -10px; left: 1px; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,.25); } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,.25); } .popover.left > .arrow:after { content: " "; right: 1px; bottom: -10px; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner>.item>a>img { line-height: 1; } @media all and (transform-3d) , (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner>.item.active { left: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner>.prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); font-size: 20px; color: #fff; opacity: .5; filter: alpha(opacity=50); } .carousel-control.left { background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)), to(rgba(0,0,0,.0001))); background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000', GradientType=1); } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.5))); background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { text-decoration: none; outline: 0; color: #fff; opacity: .9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { display: inline-block; z-index: 5; position: absolute; top: 50%; } .carousel-control .iczon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { z-index: 15; position: absolute; bottom: 10px; left: 50%; width: 60%; margin-left: -30%; padding-left: 0; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; border: 1px solid #fff; border-radius: 10px; text-indent: -999px; background-color: #000 \9; background-color: rgba(0,0,0,0); cursor: pointer; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { z-index: 10; position: absolute; right: 15%; bottom: 20px; left: 15%; padding-top: 20px; padding-bottom: 20px; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); color: #fff; } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width:768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right!important; } .pull-left { float: left!important; } .hide { display: none!important; } .show { display: block!important; } .invisible { visibility: hidden; } .text-hide { border: 0; text-shadow: none; font: 0/0 a; color: transparent; background-color: transparent; } .hidden { display: none!important; visibility: hidden!important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none!important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none!important; } @media (max-width:767px) { .visible-xs { display: block!important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row!important; } th.visible-xs, td.visible-xs { display: table-cell!important; } } @media (max-width:767px) { .visible-xs-block { display: block!important; } } @media (max-width:767px) { .visible-xs-inline { display: inline!important; } } @media (max-width:767px) { .visible-xs-inline-block { display: inline-block!important; } } @media (min-width:768px) and (max-width:991px) { .visible-sm { display: block!important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row!important; } th.visible-sm, td.visible-sm { display: table-cell!important; } } @media (min-width:768px) and (max-width:991px) { .visible-sm-block { display: block!important; } } @media (min-width:768px) and (max-width:991px) { .visible-sm-inline { display: inline!important; } } @media (min-width:768px) and (max-width:991px) { .visible-sm-inline-block { display: inline-block!important; } } @media (min-width:992px) and (max-width:1199px) { .visible-md { display: block!important; } table.visible-md { display: table; } tr.visible-md { display: table-row!important; } th.visible-md, td.visible-md { display: table-cell!important; } } @media (min-width:992px) and (max-width:1199px) { .visible-md-block { display: block!important; } } @media (min-width:992px) and (max-width:1199px) { .visible-md-inline { display: inline!important; } } @media (min-width:992px) and (max-width:1199px) { .visible-md-inline-block { display: inline-block!important; } } @media (min-width:1200px) { .visible-lg { display: block!important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row!important; } th.visible-lg, td.visible-lg { display: table-cell!important; } } @media (min-width:1200px) { .visible-lg-block { display: block!important; } } @media (min-width:1200px) { .visible-lg-inline { display: inline!important; } } @media (min-width:1200px) { .visible-lg-inline-block { display: inline-block!important; } } @media (max-width:767px) { .hidden-xs { display: none!important; } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none!important; } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none!important; } } @media (min-width:1200px) { .hidden-lg { display: none!important; } } .visible-print { display: none!important; } @media print { .visible-print { display: block!important; } table.visible-print { display: table; } tr.visible-print { display: table-row!important; } th.visible-print, td.visible-print { display: table-cell!important; } } .visible-print-block { display: none!important; } @media print { .visible-print-block { display: block!important; } } .visible-print-inline { display: none!important; } @media print { .visible-print-inline { display: inline!important; } } .visible-print-inline-block { display: none!important; } @media print { .visible-print-inline-block { display: inline-block!important; } } @media print { .hidden-print { display: none!important; } } .btn { border: 0 solid transparent; } .mod-breadcrumbs__wrapper { display: none; } /* not ready */ /* -- form validation */ .invalid { border-color: #B94A48;background:#F2DEDE} label.invalid , label.required span{ color: #B94A48; background:none } /* -- Joomla edit buttons Frontendediting*/ #editor-xtd-buttons { padding: 0px; } .edit tr:hover td {background:#eee} .button2-left, .button2-right, .button2-left div, .button2-right div { float: left; } .button2-left a, .button2-right a, .button2-left span, .button2-right span { display: block; float: left; color: #666; cursor: pointer; } .button2-left span, .button2-right span { cursor: default; color: #999; } .button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span { padding: 0 6px; } .glyphicon { color: #ffffff; } .page span { /*color: #080884;*/ } .chzn-container-single .chzn-single span { color: #000; } .button2-left, .button2-right { float: left; margin-left: 5px; } .edit .formelm-buttons {text-align:right} .edit .formelm-buttons button {background:#D9EDF7; color:#095197;} .edit .formelm-buttons button:hover {color:#D9EDF7; background:#095197;} .modal-button:link, .modal-button:visited, .button2-left .readmore a:link, .button2-left .readmore a:visited, .button2-left .blank a:link, .button2-left .blank a:visited { background-color: #D9EDF7; color:#095197;border:solid 1px #BCE8F1; border-top:0; border-radius:0 0 3px 3px; text-decoration:none; padding:3px} .button2-left a:hover, .button2-left .blank a:hover, .button2-left .readmore a:hover, .button2-right a:hover { text-decoration: none; color: #fff; background:#095197; } .pull-right { float: right; } .pull-left { float: left; padding-right: 5px; } .btn-toolbar .btn { -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none; } div.toggle-editor { } /* Caption fixes */ .img_caption .left { float: left; margin-right: 1em; } .img_caption .right { float: right; margin-left: 1em; } .img_caption .left p { clear: left; text-align: center; } .img_caption .right p { clear: right; text-align: center; } .img_caption { text-align: center!important; } .img_caption.none { margin-left:auto; margin-right:auto; } /* New captions */ figure { display: table; } figure.pull-center, img.pull-center { margin-left: auto; margin-right: auto; } figcaption { display: table-caption; caption-side: bottom; } /* Calendar */ #jform_publish_down_img { width: 18px; height: 18px; margin-left: 3px; background: url(//www.msecurite.fr//templates/cassiopeia/css/../images/system/calendar.png) no-repeat; cursor: pointer; vertical-align: middle; } #jform_publish_up_img { width: 18px; height: 18px; margin-left: 3px; background: url(//www.msecurite.fr//templates/cassiopeia/css/../images/system/calendar.png) no-repeat; cursor: pointer; vertical-align: middle; } /* System Messages */ .error { padding:0px; margin-bottom: 20px; } .error h2 { color:#000 !important; font-size:1.4em !important; text-transform:uppercase; padding:0 0 0 0px !important } #system-message dt { font-weight: bold; } #system-message dd { margin: 0 0 15px 0; font-weight: bold; text-indent: 0px; padding:0 } #system-message dd ul { color: #000; list-style: none; padding: 0px; } #system-message dd ul li { line-height:1.5em } /* System Standard Messages */ #system-message dt.message { position:absolute; top:-2000px; left:-3000px; } #system-message dd.message ul { background: #fff url(//www.msecurite.fr//templates/cassiopeia/css/../images/system/notice-info.png) no-repeat; padding-left:40px; padding: 10px 10px 10px 40px; border: 2px solid #9E9E9E; border-radius:5px } #system-message dd.message ul li{background:none !important} /* System Error Messages */ #system-message dt.error { position:absolute; top:-2000px; left:-3000px; } #system-message dd.error ul { background:#fff url(//www.msecurite.fr//templates/cassiopeia/css/../images/system/notice-alert.png) no-repeat ; padding-left:40px; padding: 10px 10px 10px 40px; border: 2px solid #990000; border-radius:10px } /* System Notice Messages */ #system-message dt.notice { position:absolute; top:-2000px; left:-3000px; } #system-message dd.notice ul { background:#fff url(//www.msecurite.fr//templates/cassiopeia/css/../images/system/notice-note.png) no-repeat ; padding-left:40px; padding: 10px 10px 10px 40px; border: 2px solid #FAA528; border-radius:10px } #system-message dd.notice ul { color: #000;margin:10px 0 } #system-message { margin-bottom: 0px; margin-top: 10px; padding: 0; } #system-message dt { font-weight: bold; } #system-message dd { font-weight: bold; padding: 0; } .tip-wrap { background:#FEFDE2; font-size:0.8em ; padding:5px; border:solid 1px #ddd; border-radius:3px; box-shadow: 0 1px 5px #ccc } .tip-title {font-weight:bold} #all #upload-flash ul li a:hover, #all .item a:hover span { background:#095197; color:#fff; } /* ########################## user profile ########################### */ #users-profile-core, #users-profile-custom { margin:10px 0 15px 0; padding:15px; } #users-profile-core dt, #users-profile-custom dt { float:left; width:12em; padding:3px 0; } #users-profile-core dd, #users-profile-custom dd { padding:3px 0; } #member-profile fieldset, .registration fieldset { margin:10px 0 15px 0; padding:15px; } #users-profile-core legend, #users-profile-custom legend, .profile-edit legend, .registration legend { font-weight:bold } .profile-edit form#member-profile fieldset dd, .registration form#member-registration fieldset dd { float:none; padding:5px 0} .profile-edit form#member-profile fieldset dd input, .profile-edit form#member-profile fieldset dd select, .registration form#member-registration fieldset dd input {width:17em} .profile-edit form#member-profile fieldset dt, .registration form#member-registration fieldset dt {padding:5px 5px 5px 0; width:13em} span.optional {font-size:0.9em} /* ########################## clearing ########################### */ .clr { clear: both; overflow: hidden; height: 0; } /* ########################## tooltip ########################### */ .tooltip { position: absolute; z-index: 103000; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: left; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .element-invisible { position: absolute; padding: 0; margin: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } #filter-search { vertical-align: top; } .input-mini { width: 60px; } /* Bootstrap overrides anhiliation * @since 3.2 */ body#shadow { line-height: 1.5em; } body .nav-pills > .active > a, body .nav-pills > .active > a:hover, body .nav-pills > .active > a:focus { background-color: transparent; } body .nav-pills > li > a { border-radius: 0px; line-height: 1.5em; } body a { text-decoration: underline; } body input[type="text"].search-query { line-height: 1.5em; height: auto; border-radius: 4px; } /* Text alignments */ .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } /** * @author ( Angie Radtke ) * @package Joomla * @subpackage Accessible-Template-Beez * @copyright Copyright (C) 2005 - 2009 Open Source Matters. All rights reserved. * @license GNU/GPL, see LICENSE.php * Joomla! is free software. This version may have been modified pursuant to the * GNU General Public License, and as distributed it includes or is derivative * of works licensed under the GNU General Public License or other free or open * source software licenses. See COPYRIGHT.php for copyright notices and * details. */ /* harfang span { color: #fff!important; } /* harfang .uk-scope .uk-subnav > * { color: #fff; height: 50px; }*/ .uk-scope .uk-subnav-pill > .uk-active > a { background-color: #005c8d; border-top: #e7e7e7 2px solid; color: #fff; } html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } .moduletable_js, .moduletable { width: 100%; }article, aside, figure, footer, header, hgroup, nav, section { display: block; } #petitba { } .btn-toolbarovea .btn { background: #a9aaab; background-image: -webkit-linear-gradient(top, #a9aaab, #d1d1d1); background-image: -moz-linear-gradient(top, #a9aaab, #d1d1d1); background-image: -ms-linear-gradient(top, #a9aaab, #d1d1d1); background-image: -o-linear-gradient(top, #a9aaab, #d1d1d1); background-image: linear-gradient(to bottom, #a9aaab, #d1d1d1); -webkit-border-radius: 6; -moz-border-radius: 6; border-radius: 6px; font-family: Arial; color: #ffffff; font-size: 12px; padding: 4px; text-decoration: none; } .btn-toolbarovea .btn:hover { background: #8f8f8f; background-image: -webkit-linear-gradient(top, #8f8f8f, #a6a6a6); background-image: -moz-linear-gradient(top, #8f8f8f, #a6a6a6); background-image: -ms-linear-gradient(top, #8f8f8f, #a6a6a6); background-image: -o-linear-gradient(top, #8f8f8f, #a6a6a6); background-image: linear-gradient(to bottom, #8f8f8f, #a6a6a6); text-decoration: none; } .item-page a:link { text-decoration: none; color: #000000; } .search { margin-top: 15px; } .item-page a{position: relative; /*white-space: nowrap;*/ } .item-page a:hover { color: #6d6d6d; } a:active { color: white; text-decoration: none; } a:hover,a:focus{ color:#ff2b0a; text-decoration:none; } a:link { text-decoration: none; } .thumb {position: relative; padding-right:5px; } .skill-count-item, .skill-circle-item { text-align: center; color: #505050; font-size: 14px; } #footer2 { background-color:#000000; } #zenface { margin-top: 6px; margin-bottom: -6px; } #td_menu_wrap118 { height: 0px; } #superslide { margin-top : -51px; position: relative; z-index: 0; } /* début animation*/ #top{ animation: modulehaut ease 1s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards; /*when the spec is finished*/ -webkit-animation: modulehaut ease 1s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ -moz-animation: modulehaut ease 1s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode:forwards; /*FF 5+*/ -o-animation: modulehaut ease 1s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode:forwards; /*Not implemented yet*/ -ms-animation: modulehaut ease 1s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode:forwards; /*IE 10+*/ } @keyframes modulehaut{ 0% { opacity:0; transform: translate(1px,10px) ; } 100% { opacity:1; transform: translate(1px,0px) ; } } @-moz-keyframes modulehaut{ 0% { opacity:0; -moz-transform: translate(1px,10px) ; } 100% { opacity:1; -moz-transform: translate(1px,0px) ; } } @-webkit-keyframes modulehaut { 0% { opacity:0; -webkit-transform: translate(1px,10px) ; } 100% { opacity:1; -webkit-transform: translate(1px,0px) ; } } @-o-keyframes modulehaut { 0% { opacity:0; -o-transform: translate(1px,10px) ; } 100% { opacity:1; -o-transform: translate(1px,0px) ; } } @-ms-keyframes modulehaut { 0% { opacity:0; -ms-transform: translate(1px,10px) ; } 100% { opacity:1; -ms-transform: translate(1px,0px) ; } } .img-fulltext-left{ animation: tof linear 0.41s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards; /*when the spec is finished*/ -webkit-animation: tof linear 0.41s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ -moz-animation: tof linear 0.41s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode:forwards; /*FF 5+*/ -o-animation: tof linear 0.41s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode:forwards; /*Not implemented yet*/ -ms-animation: tof linear 0.41s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode:forwards; /*IE 10+*/ } .img-fulltext-right{ animation: tof linear 0.41s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards; /*when the spec is finished*/ -webkit-animation: tof linear 0.41s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ -moz-animation: tof linear 0.41s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode:forwards; /*FF 5+*/ -o-animation: tof linear 0.41s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode:forwards; /*Not implemented yet*/ -ms-animation: tof linear 0.41s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode:forwards; /*IE 10+*/ } @keyframes tof{ 0% { transform: translate(1px,1px) scaleX(0.50) scaleY(0.50) ; } 100% { transform: translate(1px,1px) scaleX(1.00) scaleY(1.00) ; } } @-moz-keyframes tof{ 0% { -moz-transform: translate(1px,1px) scaleX(0.50) scaleY(0.50) ; } 100% { -moz-transform: translate(1px,1px) scaleX(1.00) scaleY(1.00) ; } } @-webkit-keyframes tof { 0% { -webkit-transform: translate(1px,1px) scaleX(0.50) scaleY(0.50) ; } 100% { -webkit-transform: translate(1px,1px) scaleX(1.00) scaleY(1.00) ; } } @-o-keyframes tof { 0% { -o-transform: translate(1px,1px) scaleX(0.50) scaleY(0.50) ; } 100% { -o-transform: translate(1px,1px) scaleX(1.00) scaleY(1.00) ; } } @-ms-keyframes tof { 0% { -ms-transform: translate(1px,1px) scaleX(0.50) scaleY(0.50) ; } 100% { -ms-transform: translate(1px,1px) scaleX(1.00) scaleY(1.00) ; } } @keyframes ago { 0% {left:0px; top:10px;} 100% {left:0px; top:0px;filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px);} } /* fin animation*/ #ckmenuago { height: 15px; position: absolute; width: 900px; -webkit-animation-name: ago; -webkit-animation-duration: 0.4s; -webkit-animation-delay: 0.4s; animation-name: ago; animation-duration: 0.4s; animation-delay: 0.4s; } #social { height: 65px; margin-left: -260px; margin-top : -55px; } #body_bg{ background-attachment: scroll; /** voir css component **/ background-color: #000000; background-repeat: repeat-x; margin-top: 0px; background-attachment: fixed; } .logoheader { background: url(//www.msecurite.fr//templates/cassiopeia/css/../images/personal/personal2.png) no-repeat right bottom #0C1A3E; color: #FFFFFF; min-height: 250px; } #baanim { margin-left:0px; width: 100%; border-bottom: #ffffff91 1px solid; z-index: 1; margin-bottom: 8px; } #conter { /*background: url(//www.msecurite.fr//templates/cassiopeia/css/../images/corps.jpg); background-repeat: y-repeat;*/ width: 100%; } #all { /*background: url(//www.msecurite.fr//templates/cassiopeia/css/../images/corps.png); background-repeat: y-repeat;*/ width: 1100px; color: #000000; } #ckvos { width: 1300px; margin-right: auto; margin-left: auto; margin-top: 8px; z-index: 7; margin-bottom: 7px; } #footer_information { color: #ffffff; } #header { margin-top : -5px; display: block !important; position: relative; padding: 0 0 0 0; } #bottom_maincontent{ background: url(//www.msecurite.fr//templates/cassiopeia/css/../images/bottom_maincontent.pngno); background-repeat: no-repeat; } /* background général */ html { -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: #f3f5f6; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { overflow-x: hidden; width: 100%; background: #eee } body#shadow { font-family: arial,sans-serif } body h1,body h2,body h3,body h4,body h5,body h6 { margin: 0; font-family: inherit; font-weight: normal; color: inherit; text-rendering: optimizelegibility; } body h1 { color: #667944; font-size: 28px; font-weight: bold; text-transform: uppercase; } /* couleur tire article */ body h2 { margin-bottom: 15px; font-size: 2.4em; line-height: 1.6; padding-bottom: 3px; padding: 5px 0px; padding-top: 5px; padding-top: 5px; background-color: #000000; /*background: transparent url(//www.msecurite.fr//templates/cassiopeia/css/../wp-content/themes/gen/img/titi.jpg) no-repeat; background-position: bottom; background-position-x: 0px;*/ color: #ffffff; padding-top: 8px; } body h7 { margin-bottom: 0.75em; font-size:17px; font-weight: bold; color:#ffffff; line-height: 1.2; padding: 5px 8px } body h3 { /*margin-bottom: 0px; font-size: 2.0em; line-height: 1.6; padding-bottom: 3px; margin-top: 0px; padding: 5px 1px; padding-top: 5px; padding-top: 5px; background: transparent url(//www.msecurite.fr//templates/cassiopeia/css/../wp-content/themes/gen/img/titi.jpg) no-repeat; background-position-x: 0%; background-position-y: 0%; background-position: bottom; background-position-x: center; background-position-x: 0px; font-weight: bold; color: #777; padding-top: 8px;*/ color: #667944!important; font-size: 28px; font-weight: bold; text-transform: uppercase; } body h4 { font-size: 1.6em; line-height: 1.25; font-weight: bold; color:#000000; } body h5 { font-size: 1.1em; margin-bottom: 1.5em; } /** interligne texte ***************************************************************************************4*/ body p,body ol,body ul,body dl,body address { margin-bottom: 1px; font-size: 1.0em; line-height: 17px; } /*********************************fin**********************************************************/ small { font-size: 0.9em; } body ul,body ol { margin: 0 0 5px 12px; padding: 0 0 0 15px; } body li ul,body li ol { margin: 0; } ul.categories-module { padding:0; margin:0} blockquote { margin: 0 0 1.5em -24px; padding-left: 24px; border-left: 2px solid #c7ced6; font-style: normal; } q { quotes: none; } cite { font-style: normal; } abbr[title] { border-bottom: 1px dotted #c7ced6; cursor: help; } b,strong { font-weight: bold; } dfn { font-style: italic; } ins { text-decoration: none; } mark { font-style: italic; font-weight: bold; } pre,code,kbd,samp { line-height: 1.5em; } pre { white-space: pre-wrap; } sub,sup { position: relative; line-height: 0; } sup { top: -0.5em; } sub { bottom: -0.25em; } table { width: 98%; max-width: 100%; border-collapse: collapse; border-spacing: 0; background-color: transparent; font-size: 1em } table th,table td { /** couleur du texte general **/ vertical-align: top; } table th { font-weight: bold; border: 0 } table thead th { vertical-align: bottom; } table tr:first-child th,table tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td { border-top: 0; } table tbody+tbody { border-top: 2px solid #8c9bab; } table tbody tr td,table tbody tr th { -webkit-transition: background-color 0.25s 0 linear; -moz-transition: background-color 0.25s 0 linear; -ms-transition: background-color 0.25s 0 linear; -o-transition: background-color 0.25s 0 linear; transition: background-color 0.25s 0 linear; } /* ###################### general ###################### */ #all { margin: 0 auto; width: 100%; padding: 0; text-align: left; font-size: 14px; margin-top: 0px; background-color : #000000; margin-top: 16px; /*background: url(//www.msecurite.fr//templates/cassiopeia/css/../images/lback.jpg) ; background-repeat: repeat;*/ } #header ul { position: absolute; left: 0; top: 5em; right: 0; display: block; margin: 0 0 1px 0; text-align: right; list-style-type: none; padding: 10px 0 } #back { margin: 0; padding: 0; } #contentarea, /* Hauteur texte central***********************************************************************************/ #contentarea2 { position: relative; overflow: hidden; padding: 10px 3px !important; margin: 0; margin-right: 0px; margin-top: -30px; margin-left: 0px; } #wrapper { width: 53%; float: right; position: relative; } #wrapper2 { width: 76%; float: left; position: relative; padding-bottom: 1px; /*padding-right: 20px;*/ background: #000000; /*box-shadow: 3px 0 5px 4px rgba(0,0,0,0.1), 2px 0 1px -1px rgba(0,0,0,0.05);*/ margin-right: auto; margin-left: auto; } #wrapper2 .item-page { max-width: 100%; margin-top: 10px; padding-left: 20px; padding-right: 20px; margin-bottom: 30px; } #main { padding-top: 10px; /*padding-bottom: 30px;original*/ padding-bottom: 0px; position: relative; } #right { float: left; width: 20.8%; margin: 10px 0 10px 2%; padding: 0 0 5px 0; position: relative; } .unseen, .hidelabeltxt, #line label { display: inline; height: 0; left: -3000px; position: absolute; top: -2000px; width: 0; } /* ++++++++++++++ nav after content ++++++++++++++ */ .left { padding-top: 0; float: right; margin: 0px 10px 10px 0; width: 22%; position: relative; } /* ++++++++++++++ nav before content ++++++++++++++ */ .left1 { padding: 0; float: left; margin: 10px 3% 10px 0; width: 21%; position: relative; } .leftbigger { width: 21%; margin-top:0px; position: relative; margin-left: 0px; padding-top: 60px; } /* ###################### header ###################### */ .skiplinks, .skiplinks li { display: inline; height: 0; /********************** submenu pro largeur du menu */ line-height: 20px; padding: 0 !important; } .skiplinks li a.u2 { display: inline; height: 0; left: -3000px; position: absolute; top: -2000px; width: 0; } .skiplinks li a.u2:active, .skiplinks li a.u2:focus { position: absolute; width: 13em; top: -4em; left: 10px; line-height: 1.5em; padding: 5px; font-weight: bold; height: 3em; } .wrap { border: 0; clear: both; float: none; font-size: 1px; height: 0; line-height: 1px; margin: 0; padding: 0; visibility: hidden; } #logo { margin-top: 0; margin-left: 10px; display: block; padding: 1em 20px 20px 10px; width: 425px; font-weight: normal; line-height: 1em; } #logo img { display: block; } #logo span { padding-left: 2px } #logo span.header1 { display: block; top: 0; line-height: 0.8em; font-size: 0.7em; padding-left: 55px } .logoheader { margin: -2px 10px 0; padding: 0; text-align: left; font-weight: normal; line-height: 1.5em; } .header1 { font-size: 1.5em; margin-left: 10px; } #line { padding: 5px 0 2px 2px; position: absolute; right: 10px; top: 0.5em; text-align: right; min-width: 40em } #fontsize, #line .search { display: inline; margin: 0; } /* ++++++++++++++ button for closing right column ++++++++++++++ */ #close { margin-right: 0; text-transform: uppercase; } #close span { position: absolute; right: 20px; z-index: 10000; top: 5px; font-weight: bold; text-align: right; line-height: 1.5em; margin-top:20px; padding: 5px } #close > a { display: block; overflow: hidden } #close > a:hover span { background: #095197 } /* ###################### main ###################### */ /* ++++++++++++++ position ++++++++++++++ */ .blog-featured { padding: 0; } .items-leading { padding: 0 5px 10px 5px; overflow: hidden; margin-bottom: 10px } .row-separator { display: block; clear: both; margin: 0; border: 0; height: 1px } .item-separator { display: none; margin: 0; } .shownocolumns { width: 100% !important; background-color:#ffffff; margin-bottom: 7px; } #top { margin: 0 0 0px 0; overflow: hidden; margin-right: 2px; } /* ++++++++++++++ blog ++++++++++++++ */ .cols-1 { display: block; float: none !important; margin: 0 !important; } .cols-2 .column-1 { width: 46%; float: left; } .cols-2 .column-2 { width: 46%; float: right; margin: 0 } .cols-3 .column-1 { float: left; width: 29%; padding: 0 5px; margin-right: 4% } .cols-3 .column-2 { float: left; width: 29%; margin-left: 0; padding: 0 5px } .cols-3 .column-3 { float: right; width: 29%; padding: 0 5px } .items-row { overflow: hidden; margin-bottom: 10px !important; } .column-1, .column-2, .column-3 { padding: 10px 5px } .column-2 { width: 55%; margin-left: 40%; } .column-3 { width: 30% } .blog-more { padding: 10px 5px } /* ++++++++++++++ footer ++++++++++++++ */ #bottom { overflow: hidden; background: #f7f7f7; margin-left: 0px ; font-family: Arial; font-weight: normal; color: #5F605F; } #bottom2 { overflow: hidden; margin-left: 0px ; font-family: Arial; font-weight: normal; color: #5F605F; } #bottom2 .t4 { display: table-cell; /* comportement visuel de cellule */ vertical-align: middle; } #bottom2 .ta1{ margin-left: 0px; width: 100%; background-color: #181a0d; } .box { width: 32%; float: left; margin-right: 10px; } .box11 { width: 53%; } .box1 { width: 100%; padding-left: 5px; } .box2 { width: 100%; margin-left: 8px; } .box3 { float: right } #footer-inner, #footer { width: 100%; margin: 0 auto; margin-top:5px; } img { border: 0 none; max-width: 100%; } /* hide the mobile menu button */ #mobile_select { display: none } #tool { display: block; position: fixed; margin-left: 11px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; bottom: 60px; } #back-top { position: fixed; bottom: 0; right:10px; z-index:10000; } #back-top a { width: 32px; height: 30px; display: block; background: url(//www.msecurite.fr//templates/cassiopeia/css/../images/top_arrow.png) no-repeat center center; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #art{ height: 23px; width: 385px; margin-left: 20px; } #mod_search_searchword{ color :#ffffff; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; padding: 4px 6px; margin-bottom: 9px; font-size: 13px; line-height: 18px; border: 1px solid #fff0; border-radius: 0px; background: #5050504d; padding: 4px 0 3px 5px; background-size: 194px 1194px; border: 1px solid #ccc0; background-repeat: no-repeat; background-position: 6px 2px; width: 200px; height: 24px; color :#000000; vertical-align: middle; } .form-horizontal .control-group { margin-bottom: 18px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; line-height: 0; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: left; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 180px; } .form-horizontal .help-block { margin-bottom: 0; } .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block { margin-top: 9px; } .form-horizontal .form-actions { padding-left: 180px; } /***************colonne devis en lifne*/ .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; float: left; margin-left: 2.127659574%; *margin-left: 2.0744680846383%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574%; } .row-fluid .span12 { width: 99.99999999%; *width: 99.946808500638%; } .row-fluid .span11 { width: 91.489361693%; *width: 91.436170203638%; } .row-fluid .span10 { width: 82.978723396%; *width: 82.925531906638%; } .row-fluid .span9 { width: 74.468085099%; *width: 74.414893609638%; } .row-fluid .span8 { width: 65.957446802%; *width: 65.904255312638%; } .row-fluid .span7 { width: 57.446808505%; *width: 57.393617015638%; } .row-fluid .span6 { width: 48.936170208%; *width: 48.882978718638%; } .row-fluid .span5 { width: 40.425531911%; *width: 40.372340421638%; } .row-fluid .span4 { width: 31.914893614%; *width: 31.861702124638%; } .row-fluid .span3 { width: 23.404255317%; *width: 23.351063827638%; } .row-fluid .span2 { width: 14.89361702%; *width: 14.840425530638%; } .row-fluid .span1 { width: 6.382978723%; *width: 6.3297872336383%; } .row-fluid .offset12 { margin-left: 104.255319138%; *margin-left: 104.14893615928%; } .row-fluid .offset12:first-child { margin-left: 102.127659564%; *margin-left: 102.02127658528%; } .row-fluid .offset11 { margin-left: 95.744680841%; *margin-left: 95.638297862277%; } .row-fluid .offset11:first-child { margin-left: 93.617021267%; *margin-left: 93.510638288277%; } .row-fluid .offset10 { margin-left: 87.234042544%; *margin-left: 87.127659565277%; } .row-fluid .offset10:first-child { margin-left: 85.10638297%; *margin-left: 84.999999991277%; } .row-fluid .offset9 { margin-left: 78.723404247%; *margin-left: 78.617021268277%; } .row-fluid .offset9:first-child { margin-left: 76.595744673%; *margin-left: 76.489361694277%; } .row-fluid .offset8 { margin-left: 70.21276595%; *margin-left: 70.106382971277%; } .row-fluid .offset8:first-child { margin-left: 68.085106376%; *margin-left: 67.978723397277%; } .row-fluid .offset7 { margin-left: 61.702127653%; *margin-left: 61.595744674277%; } .row-fluid .offset7:first-child { margin-left: 59.574468079%; *margin-left: 59.468085100277%; } .row-fluid .offset6 { margin-left: 53.191489356%; *margin-left: 53.085106377277%; } .row-fluid .offset6:first-child { margin-left: 51.063829782%; *margin-left: 50.957446803277%; } .row-fluid .offset5 { margin-left: 44.680851059%; *margin-left: 44.574468080277%; } .row-fluid .offset5:first-child { margin-left: 42.553191485%; *margin-left: 42.446808506277%; } .row-fluid .offset4 { margin-left: 36.170212762%; *margin-left: 36.063829783277%; } .row-fluid .offset4:first-child { margin-left: 34.042553188%; *margin-left: 33.936170209277%; } .row-fluid .offset3 { margin-left: 27.659574465%; *margin-left: 27.553191486277%; } .row-fluid .offset3:first-child { margin-left: 25.531914891%; *margin-left: 25.425531912277%; } .row-fluid .offset2 { margin-left: 19.148936168%; *margin-left: 19.042553189277%; } .row-fluid .offset2:first-child { margin-left: 17.021276594%; *margin-left: 16.914893615277%; } .row-fluid .offset1 { margin-left: 10.638297871%; *margin-left: 10.531914892277%; } .row-fluid .offset1:first-child { margin-left: 8.510638297%; *margin-left: 8.4042553182766%; } #bm-cool-menu-102 .bm-cool-menu li.active > a { color: #ffffff; } body { background: transparent } h3 { color: #555 } h2 a { text-decoration: none ; color: #866d44; } h2,.moduletable h3, .items-leading h2 { border-bottom: nono; } .items-row h2 { border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; } .textlol { color: #ffffff!important; } .footer a:link { color: #ffffff; } .footer a:link,a:visited { color: #ffffff; } /** couleur des lien menu*/ a:hover,a:active,a:focus { background: none; color: #FFF; } #header ul.menu { background-color:#ddd; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#dddddd"); background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); background-image: -ms-linear-gradient(top, #eeeeee, #dddddd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); background-image: -o-linear-gradient(top, #eeeeee, #dddddd); background-image: linear-gradient(#eeeeee, #dddddd); border-color: #b2b2b2 #b2b2b2 hsl(114, 0%, 62.5%); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49); -webkit-font-smoothing: antialiased; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #095197; border: solid 1px #ddd; border: 1px solid #e5e5e5; text-transform: uppercase; } #header ul.menu a:link,#header ul.menu a:visited { color: #333; display: inline-block; font-weight: bold; text-decoration: none; padding: 0px 10px; margin: 0; display: inline-block; margin: 0 0 0; padding: 12px 15px; position: relative; border-right: 1px solid #ddd; box-shadow: 1px 0px 0px #f5f5f5; } /* grey background */ .button,button,p.readmore a,#header input.button,.pagenav a:link,.pagenav a:visited,#advanced-search-toggle,.profile-edit a:link,.profile-edit a:visited,h3.js_heading { background-color:#121212; background-repeat: repeat-x; color: #ffffff; border: solid 1px #ddd; height: 40px; } /* +++++++++++++ table display Catgegories table, contact etc, ++++++++++++++++++++* */ table th a:link,table th a:visited { color: #fff } /* blue background */ .button:hover, .button:active, .button:focus, button:hover, p.readmore a:hover, #header ul.menu a:hover, #header ul.menu a:active, #header ul.menu a:focus, .pagenav a:hover, .pagenav a:active, .pagenav a:focus, #advanced-search-toggle:hover, #advanced-search-toggle:active, #advanced-search-toggle:focus, .profile-edit a:hover, .profile-edit a:active, .profile-edit a:focus, #fontsize a:hover,#fontsize a:active,#fontsize a:focus, #mobile_select h2 a { color: #fff; background-repeat: repeat-x; -webkit-font-smoothing: antialiased; } /* +++++++++++++++++ Pagination +++++++++++++++ */ .pagination span,.pagination span a:hover { color: #999999; background-color: #f5f5f5; } /* active item */ span.pagenav { background: #095197; color: #fff } .pagination-start span.pagenav,.pagination-prev span.pagenav,.pagination-end span.pagenav,.pagination-next span.pagenav { background-color: #f5f5f5; color: #444 } /* +++++++++++++++++ content +++++++++++++++ */ .article-info { background-color: #fbfbfb; background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5) ); background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); background-image: linear-gradient(top, #ffffff, #f5f5f5); background-repeat: repeat-x; filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#ffffff', endColorstr = '#f5f5f5', GradientType = 0 ); border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; } ul.menu a:link,ul.menu a:visited { color: #444; } /* ++++++++++++++++++++++ menu ++++++++++++++++++++++++++ */ .moduletable_menu { border: solid 1px #ddd; background: #f9f9f9; } #header ul.menu { border: solid 1px #D5D5D5; box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1); } #header ul.menu a { box-shadow: none; border-bottom: 0 } ul.menu a:hover,ul.menu a:active,ul.menu a:focus { background-color: #F5F5F5; background-image: -moz-linear-gradient(center top, #FFFFFF, #E6E6E6); background-repeat: repeat-x; background: url(//www.msecurite.fr//templates/cassiopeia/css/../images/arrow.png) no-repeat right center; color: #095197 } /* ++++++++++++++++ highlightning active menuitem +++++++++++++++++++ */ ul.menu li.active a,ul.menu li.active ul li.active a,ul.menu li.active ul li.active ul li.active a,ul.menu li.active ul li.active ul li.active ul li.active a,ul.menu li.active ul li.active ul li.active ul li.active ul li.active a { font-weight: bold; } ul.menu li.active ul li a,ul.menu li.active ul li.active ul li a,ul.menu li.active ul li.active ul li.active ul li a,ul.menu li.active ul li.active ul li.active ul li.active ul li a { font-weight: normal } ul.menu a { box-shadow: 0 1px 0 #fff; border-bottom: solid 1px #ddd; text-shadow: 0 1px 0 #fff } ul.menu ul a { background: #e5e5e5; margin-bottom: 1px } ul.menu ul ul ul a { background: #f5f5f5 url(//www.msecurite.fr//templates/cassiopeia/css/../images/arrow.png) no-repeat 24px center; } ul.menu ul ul ul ul a { background: #fff; } /* +++++++++++++++++++++++ SLIDER ++++++++++++++++++++ */ .panel h3.pane-toggler a { background: url(//www.msecurite.fr//templates/cassiopeia/css/../images/slider_plus.png) right top no-repeat; color: #333 } .panel h3.pane-toggler-down a { background: url(//www.msecurite.fr//templates/cassiopeia/css/../images/slider_minus.png) right top no-repeat; border-bottom: solid 1px #ddd; color: #333 } /* +++++++++++++++++ Tabs ++++++++++++++++++++++ */ ul.tabs li,dl.tabs dt h3 a:link,dl.tabs dt h3 a:visited { background: #f5f5f5 url(//www.msecurite.fr//templates/cassiopeia/css/../images/nature/box.png) repeat-x; } ul.tabs li a:link,ul.tabs li a:visited,dl.tabs dt a { color: #333; border: solid 1px #ddd; border-bottom: 1; } ul.tabs li a:hover,ul.tabs li a:active,ul.tabs li a:focus { color: #000 } .tabcontent,div.current { background: #fff; color: #000; border: solid 0px #ddd; } .tabcontent .linkclosed { color: #000; border-bottom: solid 1px #e5e5e5; } ul.tabs li a.linkopen,dl.tabs dt.open h3 a:link,dl.tabs dt.open h3 a:visited { background: #fff; color: #333; border-radius: 5px; } ul.tabs li a.linkclosed:hover,ul.tabs li a.linkclosed:active,ul.tabs li a.linkclosed:focus,ul.tabs li a.linkopen:hover,ul.tabs li a.linkopen:active,ul.tabs li a.linkopen:focus { } #footer-inner,#footer { } #footer { max-width: 1025px; margin: 0 auto; color: #fff } #footer a { color: #fff; background: none } #bottom a { background: none } .box1 { } .box2 { border-left: solid 5px #0000; } #bottom ul li a { background-image: none; padding-left: 0 } /* responsive */ #mobile_select h2 {border:0; margin:-17px 0 0 0; padding:0; background:#0C1D43;text-align:right} #mobile_select h2 a { display:inline-block; font-size:0.8em; border-radius:4px 4px 0 0; padding:6px; font-size:0.75em; margin-right:5px; } @media only screen and (max-width: 480px) { img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; } #fontsize{display:none} #nav,#wrapper2,#wrapper,.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right,.box,#header form { /*float: right;*/ margin-left:auto; margin-right:auto; width: 100% } #header {} #header form {margin:0} .logoheader {background:#0C1D43; min-height:100px; margin:0} .box { border-left: 0 !important; border-bottom: solid 1px #ddd; } /*couleur ligne responsive*/ #line { text-align: center; top: 0; right: auto; max-width: 100% ; min-width:100%; margin: 0 0px; } /*fin couleur ligne responsive*/ #header form input { float: none; margin-bottom:4px } #menuwrapper { margin-top:10px; } #header ul.menu {position:relative; top:0;left:20px; right:20px; margin:0; width:90%; border-radius:4px} #header ul.menu li:first-child a {border-radius: 4px 4px 0 0} #header ul.menu li:last-child a {border-radius:0 0 4px 4px } #header ul.menu li a:link, #header ul.menu li a:visited { display: block; padding: 6px 10px; border-bottom: solid 1px #ccc } } @media only screen and (min-width: 600px) { } @media only screen and (min-width: 768px) { } @media only screen and (min-width: 992px) { } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and (min--moz-device-pixel-ratio: 1.5) , only screen and (min-device-pixel-ratio: 1.5) { /* Styles */ } .popover.right { display: none!important;} .polipop { z-index: 999; padding: 0; box-sizing: border-box; width: 350px; text-align: left; } .polipop_position_inline { position: relative; width: 100%; transition: height 0.25s ease-in-out; } .polipop_position_top-left { position: fixed; left: 10px; top: 10px; } .polipop_position_top-right { position: fixed; right: 10px; top: 10px; } .polipop_position_bottom-left { position: fixed; left: 10px; bottom: 10px; } .polipop_position_bottom-right { position: fixed; right: 10px; bottom: 10px; } .polipop_position_center { position: fixed; transform: translateX(-50%); top: 10px; left: 50%; } .polipop__notifications { height: 100%; position: absolute; left: 0; width: 100%; z-index: 998; } .polipop__notification { width: 100%; max-width: 100%; margin: 0; padding: 0; box-sizing: border-box; text-align: left; display: none; position: absolute; transition: top 0.25s ease-in-out, bottom 0.25s ease-in-out; background-color: #ffffff; overflow: hidden; } .polipop__notification-progress { width: 100%; height: 4px; background-color: rgba(0, 0, 0, 0.04); } .polipop__notification-progress-inner { width: 0%; height: 4px; background-color: rgba(0, 0, 0, 0.1); } .polipop__notification-icon { float: left; } .polipop__notification-icon svg { width: 20px; line-height: 20px; } .polipop__notification-inner { overflow: hidden; } .polipop__notification-title { font-size: 16px; font-weight: 600; } .polipop__notification-close { float: right; cursor: pointer; border: none; padding: 0; width: 22px; height: 22px; line-height: 22px; font-size: 16px; font-weight: 600; } .polipop__notification-close:focus { outline: none; } .polipop__notification-content { font-size: 14px; box-sizing: border-box; padding: 3px 0 0; } .polipop__closer { line-height: 22px; font-size: 14px; padding: 4px 10px; margin: 0; cursor: pointer; text-align: center; box-sizing: border-box; position: absolute; width: 100%; z-index: 999; } .polipop__closer-text { vertical-align: middle; } .polipop_layout_panel { width: 400px; max-width: 100%; transition: height 0.25s ease-in-out; background-color: #f2f7fa; overflow: hidden; } .polipop_layout_panel .polipop__notification-title { margin: 0 0 5px; } .polipop_layout_panel.polipop_position_top-right .polipop__notifications, .polipop_layout_panel.polipop_position_top-left .polipop__notifications, .polipop_layout_panel.polipop_position_center .polipop__notifications, .polipop_layout_panel.polipop_position_inline .polipop__notifications { top: 43px; } .polipop_layout_panel.polipop_position_top-right .polipop__notification, .polipop_layout_panel.polipop_position_top-left .polipop__notification, .polipop_layout_panel.polipop_position_center .polipop__notification, .polipop_layout_panel.polipop_position_inline .polipop__notification { border-top: 1px solid transparent; } .polipop_layout_panel.polipop_position_top-right .polipop__closer, .polipop_layout_panel.polipop_position_top-left .polipop__closer, .polipop_layout_panel.polipop_position_center .polipop__closer, .polipop_layout_panel.polipop_position_inline .polipop__closer { top: 43px; } .polipop_layout_panel.polipop_position_top-right .polipop__header, .polipop_layout_panel.polipop_position_top-left .polipop__header, .polipop_layout_panel.polipop_position_center .polipop__header, .polipop_layout_panel.polipop_position_inline .polipop__header { top: 0; } .polipop_layout_panel.polipop_position_top-right .polipop__header-inner, .polipop_layout_panel.polipop_position_top-left .polipop__header-inner, .polipop_layout_panel.polipop_position_center .polipop__header-inner, .polipop_layout_panel.polipop_position_inline .polipop__header-inner { top: 0; } .polipop_layout_panel.polipop_position_bottom-right .polipop__notifications, .polipop_layout_panel.polipop_position_bottom-left .polipop__notifications { bottom: 43px; } .polipop_layout_panel.polipop_position_bottom-right .polipop__notification, .polipop_layout_panel.polipop_position_bottom-left .polipop__notification { border-bottom: 1px solid transparent; } .polipop_layout_panel.polipop_position_bottom-right .polipop__closer, .polipop_layout_panel.polipop_position_bottom-left .polipop__closer { bottom: 43px; } .polipop_layout_panel.polipop_position_bottom-right .polipop__header, .polipop_layout_panel.polipop_position_bottom-left .polipop__header { bottom: 0; } .polipop_layout_panel.polipop_position_bottom-right .polipop__header-inner, .polipop_layout_panel.polipop_position_bottom-left .polipop__header-inner { bottom: 0; } .polipop__header { position: absolute; height: 44px; width: 100%; z-index: 999; } .polipop__header-inner { position: absolute; width: 100%; padding: 10px 15px; line-height: 22px; cursor: pointer; background-color: #edf4f9; } .polipop__header-inner span { vertical-align: middle; } .polipop__header-count, .polipop__closer-count { display: inline-block; margin: 0 0 0 5px; padding: 3px; min-width: 20px; height: 20px; line-height: 14px; vertical-align: middle; text-align: center; box-sizing: border-box; font-size: 12px; } .polipop__header-minimize { display: none; float: right; font-weight: 600; font-size: 20px; line-height: 22px; color: #777777; } .polipop_layout_popups .polipop__notification { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .polipop_layout_popups .polipop__notification-title { margin: 0 0 10px; } .polipop_layout_popups .polipop__closer { border: 1px solid transparent; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); background-color: #333333; color: #ffffff; } .polipop_layout_popups.polipop_position_top-left .polipop__notifications, .polipop_layout_popups.polipop_position_top-right .polipop__notifications, .polipop_layout_popups.polipop_position_center .polipop__notifications, .polipop_layout_popups.polipop_position_inline .polipop__notifications { top: 0; } .polipop_layout_popups.polipop_position_top-left .polipop__closer, .polipop_layout_popups.polipop_position_top-right .polipop__closer, .polipop_layout_popups.polipop_position_center .polipop__closer, .polipop_layout_popups.polipop_position_inline .polipop__closer { top: 0; } .polipop_layout_popups.polipop_position_bottom-left .polipop__notifications, .polipop_layout_popups.polipop_position_bottom-right .polipop__notifications { bottom: 0; } .polipop_layout_popups.polipop_position_bottom-left .polipop__closer, .polipop_layout_popups.polipop_position_bottom-right .polipop__closer { bottom: 0; } .polipop_theme_default { font-size: 14px; } .polipop_theme_default .polipop__closer { font-weight: 600; color: #777777; } .polipop_theme_default .polipop__closer:hover { color: #555555; } .polipop_theme_default .polipop__closer-count { background: #0ec47d; color: #ffffff; border-radius: 3px; font-weight: 600; } .polipop_theme_default .polipop__notification { color: #555555; } .polipop_theme_default .polipop__notification-outer { padding: 15px; } .polipop_theme_default .polipop__notification-icon { margin: 0 12px 0 0; } .polipop_theme_default .polipop__notification-icon svg { fill: #ffffff; } .polipop_theme_default .polipop__notification-close { background-color: transparent; color: inherit; border-radius: 50%; } .polipop_theme_default .polipop__notification-close:hover { outline: none; text-decoration: none; background: rgba(0, 0, 0, 0.05); } .polipop_theme_default .polipop__notification-content { line-height: 24px; font-weight: 400; } .polipop_theme_default .polipop__notification_type_success { background-color: #0ec47d; color: #ffffff; } .polipop_theme_default .polipop__notification_type_info, .polipop_theme_default .polipop__notification_type_notice { background-color: #00b1fe; color: #ffffff; } .polipop_theme_default .polipop__notification_type_warning { background-color: #ffc107; color: #555555; } .polipop_theme_default .polipop__notification_type_warning .polipop__notification-icon svg { fill: #555555; } .polipop_theme_default .polipop__notification_type_error { background-color: #f76860; color: #ffffff; } .polipop_theme_default .polipop__notification_type_error .polipop__notification-progress-inner { background-color: rgba(0, 0, 0, 0.12); } .polipop_theme_default .polipop__notification_type_default { background-color: #ffffff; color: #555555; } .polipop_theme_default .polipop__notification_type_default .polipop__notification-icon svg { fill: #555555; } .polipop_layout_panel.polipop_theme_default { background-color: #f2f7fa; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .polipop_layout_panel.polipop_theme_default .polipop__header { background-color: #e8e8e8; } .polipop_layout_panel.polipop_theme_default .polipop__header-inner { background-color: #edf4f9; } .polipop_layout_panel.polipop_theme_default .polipop__header-inner:hover .polipop__header-minimize { color: #555555; } .polipop_layout_panel.polipop_theme_default .polipop__header-title { font-size: 15px; font-weight: 600; color: #777777; } .polipop_layout_panel.polipop_theme_default .polipop__header-count { background: #00b1fe; color: #ffffff; border-radius: 3px; font-weight: 600; } .polipop_layout_panel.polipop_theme_default .polipop__header-minimize { color: #999999; } .polipop_layout_panel.polipop_theme_default .polipop__notification { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .polipop_layout_panel.polipop_theme_default .polipop__notification_type_success { border-color: #0daf71; } .polipop_layout_panel.polipop_theme_default .polipop__notification_type_info, .polipop_layout_panel.polipop_theme_default .polipop__notification_type_notice { border-color: #009de0; } .polipop_layout_panel.polipop_theme_default .polipop__notification_type_warning { border-color: #e0aa07; } .polipop_layout_panel.polipop_theme_default .polipop__notification_type_error { border-color: #d64f48; } .polipop_layout_panel.polipop_theme_default .polipop__notification_type_default { border-color: #e8e8e8; } .polipop_layout_panel.polipop_theme_default .polipop__notification-title { line-height: 22px; } .polipop_layout_panel.polipop_theme_default .polipop__closer { font-weight: 600; color: #777777; } .polipop_layout_panel.polipop_theme_default .polipop__closer:hover { color: #555555; } .polipop_layout_popups.polipop_theme_default .polipop__notification { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); border-radius: 5px; } .polipop_layout_popups.polipop_theme_default .polipop__notification-title { line-height: 24px; } .polipop_layout_popups.polipop_theme_default .polipop__closer { background-color: #333333; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); border-radius: 5px; font-weight: 400; color: #eeeeee; border-color: #222222; } .polipop_layout_popups.polipop_theme_default .polipop__closer:hover { color: #ffffff; } #system-message-container:empty{display:none;margin-top:0}#system-message-container joomla-alert{background-color:#fff;border:1px solid var(--alert-accent-color,transparent);border-radius:.25rem;color:var(--gray-dark);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:0;min-width:16rem;padding:0;position:relative;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;width:100%}#system-message-container joomla-alert+*{margin-top:1rem}#system-message-container joomla-alert .alert-heading{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-line-pack:center;align-content:center;background:var(--alert-accent-color,transparent);color:var(--alert-heading-text);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;padding:.8rem}#system-message-container joomla-alert .alert-heading .message:before,#system-message-container joomla-alert .alert-heading .success:before{background-image:url('data:image/svg+xml;utf8,');background-size:100%;content:"";display:inline-block;height:1em;width:1em}#system-message-container joomla-alert .alert-heading .info:before,#system-message-container joomla-alert .alert-heading .notice:before{background-image:url('data:image/svg+xml;utf8,');background-size:100%;content:"";display:inline-block;height:1em;width:1em}#system-message-container joomla-alert .alert-heading .warning:before{background-image:url('data:image/svg+xml;utf8,');background-size:100%;content:"";display:inline-block;height:1em;width:1em}#system-message-container joomla-alert .alert-heading .danger:before,#system-message-container joomla-alert .alert-heading .error:before{background-image:url('data:image/svg+xml;utf8,');background-size:100%;content:"";display:inline-block;height:1em;width:1em}#system-message-container joomla-alert .alert-wrapper{width:100%}#system-message-container joomla-alert .alert-link{color:var(--success,inherit)}#system-message-container joomla-alert[type=message],#system-message-container joomla-alert[type=success]{--alert-accent-color:var(--success);--alert-heading-text:hsla(0,0%,100%,.95);--alert-close-button:var(--success);background-color:#fff}#system-message-container joomla-alert[type=info],#system-message-container joomla-alert[type=notice]{--alert-accent-color:var(--info);--alert-heading-text:hsla(0,0%,100%,.95);--alert-close-button:var(--info);background-color:#fff}#system-message-container joomla-alert[type=warning]{--alert-accent-color:var(--warning);--alert-heading-text:hsla(0,0%,100%,.95);--alert-close-button:var(--warning);background-color:#fff}#system-message-container joomla-alert[type=danger],#system-message-container joomla-alert[type=error]{--alert-accent-color:var(--danger);--alert-heading-text:hsla(0,0%,100%,.95);--alert-close-button:var(--danger);background-color:#fff}#system-message-container joomla-alert .joomla-alert--close,#system-message-container joomla-alert .joomla-alert-button--close{background:none;border:0;color:var(--alert-close-button);font-size:2rem;opacity:1;padding:.2rem .8rem;position:absolute;right:0;top:0}#system-message-container joomla-alert .joomla-alert--close:focus,#system-message-container joomla-alert .joomla-alert--close:hover,#system-message-container joomla-alert .joomla-alert-button--close:focus,#system-message-container joomla-alert .joomla-alert-button--close:hover{cursor:pointer;opacity:.75;text-decoration:none}[dir=rtl] #system-message-container joomla-alert .joomla-alert--close,[dir=rtl] #system-message-container joomla-alert .joomla-alert-button--close{left:0;padding:.2rem .6rem;right:auto}#system-message-container joomla-alert div{font-size:1rem}#system-message-container joomla-alert div .alert-message{margin:.5rem;padding:.3rem 2rem .3rem .3rem}[dir=rtl] #system-message-container joomla-alert div .alert-message{padding:.3rem .3rem .3rem 2rem}#system-message-container joomla-alert div .alert-message:not(:first-of-type){border-top:1px solid var(--alert-accent-color)} .awoseme-gli img-slice-wrap-two,.row > * { padding-right: 0px!important; padding-left: 0px!important; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0px!important; margin-left: 0px!important; background: #19191900!important; } .mos-img img {display: none !important;} .awoseme-gli { position: relative; } .awoseme-gli ul { position: absolute; top: 5px; left: 5px; z-index: 100; color: #fff; margin: 0 0 5px 5px; } .awoseme-gli ul a { color: #fff; text-decoration: underline; } .awoseme-gli ul li { display: inline-block; margin-right: 20px; line-height: 26px; } .awoseme-gli .inner-box { position: relative; display: block; } .awoseme-gli .image-box { position: relative; display: block; overflow: hidden; } .awoseme-gli .image-box img { display: block; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 0px; } .awoseme-gli .image-box:hover img { -webkit-filter: grayscale(0%); -ms-filter: grayscale(0%); -moz-filter: grayscale(0%); } .awoseme-gli .cap-box { position: absolute; left: 0; bottom: 0; display: block; width: 100%; overflow: hidden; } .awoseme-gli .cap-inner { position: relative; display: block; padding: 10px 10px 10px 10px; margin-bottom: 5px; color: #fff; border-radius: 0px; } .awoseme-gli .cap-inner .text { font-size: 17px; color: #fff; } .awoseme-gli .cap-inner h5 { font-size: 26px; text-transform: uppercase; font-weight: 400; line-height: 30px; margin-bottom: 16px; margin: 0; animation: neon2 1.5s ease-in-out infinite alternate; } .awoseme-gli .cap-inner h5 a{ color: #fff; } .awoseme-gli .cap-inner h5 a:hover{ } .awoseme-gli .cap-inner .more-link { position: absolute; right: 20px; bottom: 20px; width: 50px; height: 50px; } .awoseme-gli .cap-inner .more-link a { position: relative; display: block; width: 50px; height: 50px; font-size: 16px; background: #333; color: #ffffff; line-height: 50px; border-radius: 50%; text-align: center; } .awoseme-gli .cap-inner .more-link a:hover { opacity: 0.50; } /*****************************************glitch************************************************/ @keyframes glitch-image-clipPath { 0% { clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); } 2.5% { clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); } 5% { clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); } 7.5% { clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); } 10% { clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); } 12.5% { clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); } 15% { clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); } 17.5% { clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); } 20% { clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); } 22.5% { clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); } 25% { clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); } // Endframes create pause 26% { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } 100% { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } } .glitch {} .glitch img { display:block; position: absolute; top:0; left:0; width: 800px; } .glitch img:first-child { position: relative; opacity: 1; } .glitch img:nth-child(2) { opacity: 1; top: 5px; clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); } .glitch img:nth-child(2) { animation: glitch-image-clipPath 2s infinite; } .glitch img:nth-child(3) { opacity: 1; top: -5px; left: 5px; clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); } .glitch img:nth-child(3) { animation: glitch-image-clipPath reverse 2s infinite; } .random-text { text-align:center; display:block; animation: randomize 3s infinite; } @keyframes randomize { 0% { opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; } } *, *:before, *:after { box-sizing: border-box; font-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html, body { font-family: Josefin Sans, Helvetica, Helvetica Neue, Arial, sans-serif; } .stagegli { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position:relative; z-index: 7; } .wrappermx { position: relative; color: #fff; font-size: 2.5rem; text-transform: uppercase; letter-spacing: 0.25rem; padding-top: 0.65rem; padding-left: 0.5rem; padding-right: 0.36rem; padding-bottom: 0.2rem; overflow: hidden; } .slash { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-24deg) scaleY(0); transform-origin: center center; width: 1px; height: 145%; background: #fff; z-index: 4; animation: slash 6s ease-in infinite; } .slash:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0.75rem; height: 120%; z-index: -1; } .slash:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; } .sides { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } .sides .side { position: absolute; background: #fff; } .sides .side:nth-child(1) { top: 0; left: 0; width: 100%; height: 1px; transform: translateX(-101%); animation: side-top ease 6s infinite; } .sides .side:nth-child(2) { top: 0; right: 0; width: 1px; height: 100%; transform: translateY(-101%); animation: side-right ease 6s infinite; } .sides .side:nth-child(3) { left: 0; bottom: 0; width: 100%; height: 1px; transform: translateX(101%); animation: side-bottom ease 6s infinite; } .sides .side:nth-child(4) { top: 0; left: 0; width: 1px; height: 100%; transform: translateY(101%); animation: side-left ease 6s infinite; } .text { position: relative; } .text--backing { opacity: 1; transform: translateX(100%); animation: text-left 6s ease-in-out infinite; } .text--left { position: absolute; top: 0; left: 0; width: 51%; height: 100%; overflow: hidden; } .text--left .inner { transform: translateX(100%); animation: text-left 6s ease-in-out infinite; } .text--right { position: absolute; top: 0; right: 0; width: 50%; height: 100%; overflow: hidden; } .text--right .inner { transform: translateX(-200%); animation: text-right 6s ease-in-out infinite; } @-moz-keyframes slash { 0% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(0); } 6% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(1); } 13% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(1); } 16.6% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(0); } 100% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(0); } } @-webkit-keyframes slash { 0% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(0); } 6% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(1); } 13% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(1); } 16.6% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(0); } 100% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(0); } } @-o-keyframes slash { 0% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(0); } 6% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(1); } 13% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(1); } 16.6% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(0); } 100% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(0); } } @keyframes slash { 0% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(0); } 6% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(1); } 13% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(1); } 16.6% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(0); } 100% { transform: translate(-50%, -50%) rotate(-24deg) scaleY(0); } } @-moz-keyframes text-left { 0% { transform: translateX(100%); } 10% { transform: translateX(0); } 58% { transform: translateX(0); } 70% { transform: translateX(-200%); } 100% { transform: translateX(-200%); } } @-webkit-keyframes text-left { 0% { transform: translateX(100%); } 10% { transform: translateX(0); } 58% { transform: translateX(0); } 70% { transform: translateX(-200%); } 100% { transform: translateX(-200%); } } @-o-keyframes text-left { 0% { transform: translateX(100%); } 10% { transform: translateX(0); } 58% { transform: translateX(0); } 70% { transform: translateX(-200%); } 100% { transform: translateX(-200%); } } @keyframes text-left { 0% { transform: translateX(100%); } 10% { transform: translateX(0); } 58% { transform: translateX(0); } 70% { transform: translateX(-200%); } 100% { transform: translateX(-200%); } } @-moz-keyframes text-right { 0% { transform: translateX(-200%); } 10% { transform: translateX(-100%); } 58% { transform: translateX(-100%); } 70% { transform: translateX(-300%); } 100% { transform: translateX(-300%); } } @-webkit-keyframes text-right { 0% { transform: translateX(-200%); } 10% { transform: translateX(-100%); } 58% { transform: translateX(-100%); } 70% { transform: translateX(-300%); } 100% { transform: translateX(-300%); } } @-o-keyframes text-right { 0% { transform: translateX(-200%); } 10% { transform: translateX(-100%); } 58% { transform: translateX(-100%); } 70% { transform: translateX(-300%); } 100% { transform: translateX(-300%); } } @keyframes text-right { 0% { transform: translateX(-200%); } 10% { transform: translateX(-100%); } 58% { transform: translateX(-100%); } 70% { transform: translateX(-300%); } 100% { transform: translateX(-300%); } } @-moz-keyframes side-top { 0%, 14% { transform: translateX(-101%); } 24%, 55% { transform: translateX(0); } 65% { transform: translateX(101%); } 100% { transform: translateX(101%); } } @-webkit-keyframes side-top { 0%, 14% { transform: translateX(-101%); } 24%, 55% { transform: translateX(0); } 65% { transform: translateX(101%); } 100% { transform: translateX(101%); } } @-o-keyframes side-top { 0%, 14% { transform: translateX(-101%); } 24%, 55% { transform: translateX(0); } 65% { transform: translateX(101%); } 100% { transform: translateX(101%); } } @keyframes side-top { 0%, 14% { transform: translateX(-101%); } 24%, 55% { transform: translateX(0); } 65% { transform: translateX(101%); } 100% { transform: translateX(101%); } } @-moz-keyframes side-right { 0%, 14%, 23% { transform: translateY(-101%); } 30%, 62% { transform: translateY(0); } 72% { transform: translateY(101%); } 100% { transform: translateY(101%); } } @-webkit-keyframes side-right { 0%, 14%, 23% { transform: translateY(-101%); } 30%, 62% { transform: translateY(0); } 72% { transform: translateY(101%); } 100% { transform: translateY(101%); } } @-o-keyframes side-right { 0%, 14%, 23% { transform: translateY(-101%); } 30%, 62% { transform: translateY(0); } 72% { transform: translateY(101%); } 100% { transform: translateY(101%); } } @keyframes side-right { 0%, 14%, 23% { transform: translateY(-101%); } 30%, 62% { transform: translateY(0); } 72% { transform: translateY(101%); } 100% { transform: translateY(101%); } } @-moz-keyframes side-bottom { 0%, 14%, 24%, 28% { transform: translateX(101%); } 37%, 70% { transform: translateX(0); } 79% { transform: translateX(-101%); } 100% { transform: translateX(-101%); } } @-webkit-keyframes side-bottom { 0%, 14%, 24%, 28% { transform: translateX(101%); } 37%, 70% { transform: translateX(0); } 79% { transform: translateX(-101%); } 100% { transform: translateX(-101%); } } @-o-keyframes side-bottom { 0%, 14%, 24%, 28% { transform: translateX(101%); } 37%, 70% { transform: translateX(0); } 79% { transform: translateX(-101%); } 100% { transform: translateX(-101%); } } @keyframes side-bottom { 0%, 14%, 24%, 28% { transform: translateX(101%); } 37%, 70% { transform: translateX(0); } 79% { transform: translateX(-101%); } 100% { transform: translateX(-101%); } } @-moz-keyframes side-left { 0%, 14%, 24%, 34%, 35% { transform: translateY(101%); } 44%, 79% { transform: translateY(0); } 86% { transform: translateY(-101%); } 100% { transform: translateY(-101%); } } @-webkit-keyframes side-left { 0%, 14%, 24%, 34%, 35% { transform: translateY(101%); } 44%, 79% { transform: translateY(0); } 86% { transform: translateY(-101%); } 100% { transform: translateY(-101%); } } @-o-keyframes side-left { 0%, 14%, 24%, 34%, 35% { transform: translateY(101%); } 44%, 79% { transform: translateY(0); } 86% { transform: translateY(-101%); } 100% { transform: translateY(-101%); } } @keyframes side-left { 0%, 14%, 24%, 34%, 35% { transform: translateY(101%); } 44%, 79% { transform: translateY(0); } 86% { transform: translateY(-101%); } 100% { transform: translateY(-101%); } } /* * owlcard Carousel - Animate Plugin */ .owlcard-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owlcard-carousel .owlcard-animated-in { z-index: 0; } .owlcard-carousel .owlcard-animated-out { z-index: 1; } .owlcard-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * owlcard Carousel - Auto Height Plugin */ .owlcard-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core owlcard Carousel CSS File */ .owlcard-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owlcard-carousel .owlcard-stage { position: relative; -ms-touch-action: pan-Y; } .owlcard-carousel .owlcard-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owlcard-carousel .owlcard-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 10px, 0px)!important; } .owlcard-carousel .owlcard-controls .owlcard-nav .owlcard-prev, .owlcard-carousel .owlcard-controls .owlcard-nav .owlcard-next, .owlcard-carousel .owlcard-controls .owlcard-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owlcard-carousel.owlcard-loaded { display: block; } .owlcard-carousel.owlcard-loading { opacity: 0; display: block; } .owlcard-carousel.owlcard-hidden { opacity: 0; } .owlcard-carousel .owlcard-refresh .owlcard-item { display: none; } .owlcard-carousel .owlcard-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owlcard-carousel .owlcard-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owlcard-carousel.owlcard-text-select-on .owlcard-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owlcard-carousel .owlcard-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owlcard-carousel.owlcard-rtl { direction: rtl; } .owlcard-carousel.owlcard-rtl .owlcard-item { float: right; } /* No Js */ .no-js .owlcard-carousel { display: block; } /* * owlcard Carousel - Lazy Load Plugin */ .owlcard-carousel .owlcard-item .owlcard-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owlcard-carousel .owlcard-item img { transform-style: preserve-3d; } /* * owlcard Carousel - Video Plugin */ .owlcard-carousel .owlcard-video-wrapper { position: relative; height: 100%; background: #000; } .owlcard-carousel .owlcard-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; /* background: url(//www.msecurite.fr//modules/mod_lgx_logoslider/assets/lib/owlcard2/assets/owlcard.video.play.png) no-repeat;*/ cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owlcard-carousel .owlcard-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owlcard-carousel .owlcard-video-playing .owlcard-video-tn, .owlcard-carousel .owlcard-video-playing .owlcard-video-play-icon { display: none; } .owlcard-carousel .owlcard-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owlcard-carousel .owlcard-video-frame { position: relative; z-index: 1; } .owlcard-theme .owlcard-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owlcard-theme .owlcard-controls .owlcard-nav [class*=owlcard-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owlcard-theme .owlcard-controls .owlcard-nav [class*=owlcard-]:hover{background:#869791;color:#fff;text-decoration:none}.owlcard-theme .owlcard-controls .owlcard-nav .disabled{opacity:.5;cursor:default}.owlcard-theme .owlcard-dots .owlcard-dot{display:inline-block;zoom:1;*display:inline}.owlcard-theme .owlcard-dots .owlcard-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owlcard-theme .owlcard-dots .owlcard-dot.active span,.owlcard-theme .owlcard-dots .owlcard-dot:hover span{background:#869791} /* This is the core CSS of Tooltipster */ /* GENERAL STRUCTURE RULES (do not edit this section) */ .tooltipster-base { /* this ensures that a constrained height set by functionPosition, if greater that the natural height of the tooltip, will be enforced in browsers that support display:flex */ display: flex; pointer-events: none; /* this may be overriden in JS for fixed position origins */ position: absolute; } .tooltipster-box { /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10- and flex-basis auto for IE11- (at least) */ flex: 1 1 auto; } .tooltipster-content { /* prevents an overflow if the user adds padding to the div */ box-sizing: border-box; /* these make sure we'll be able to detect any overflow */ max-height: 100%; max-width: 100%; overflow: auto; } .tooltipster-ruler { /* these let us test the size of the tooltip without overflowing the window */ bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; } /* ANIMATIONS */ /* Open/close animations */ /* fade */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade.tooltipster-show { opacity: 1; } /* grow */ .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow.tooltipster-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } /* swing */ .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing.tooltipster-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } /* fall */ .tooltipster-fall { -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall.tooltipster-initial { top: 0 !important; } .tooltipster-fall.tooltipster-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0 !important; opacity: 0; } /* slide */ .tooltipster-slide { -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0 !important; opacity: 0; } /* Update animations */ /* We use animations rather than transitions here because transition durations may be specified in the style tag due to animationDuration, and we try to avoid collisions and the use of !important */ /* fade */ @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { animation: tooltipster-fading 400ms; } /* rotate */ .tooltipster-update-rotate { animation: tooltipster-rotating 600ms; } /* scale */ @keyframes tooltipster-scaling { 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .tooltipster-update-scale { animation: tooltipster-scaling 600ms; } /** * DEFAULT STYLE OF THE SIDETIP PLUGIN * * All styles are "namespaced" with .tooltipster-sidetip to prevent * conflicts between plugins. */ /* .tooltipster-box */ .tooltipster-sidetip .tooltipster-box { background: #565656; border: 2px solid black; border-radius: 4px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } /* .tooltipster-content */ .tooltipster-sidetip .tooltipster-content { color: white; line-height: 18px; padding: 6px 14px; } /* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that corresponds to the arrow we want to display */ .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; /* half the width, for centering */ margin-left: -10px; top: 0; width: 20px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0; /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not been positioned yet */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0; /* same as .tooltipster-left .tooltipster-arrow */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 10px; margin-left: -10px; width: 20px; } /* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; } /* .tooltipster-arrow-background */ /* .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; } /*.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: black; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: black; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: black; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: black; }*/ /* tooltipster-arrow-uncropped */ .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } /** * ------------------------------------------------------------------------ * Logo Slider Module * ------------------------------------------------------------------------ * Copyright (C) 2014-2017 LogicHunt, All Rights Reserved. * license - GNU/GPL, http://www.gnu.org/licenses/gpl.html * Author: LogicHunt * Websites: http://logichunt.com * ------------------------------------------------------------------------ */ .logo-company-name{ text-align: center !important; margin-top: 1.25rem; } #mod-lgx-logoslider136 .logo-company-name .lgx-logo-title { text-align: center; } .mod-lgx-logoslider .owlcard-carousel .owlcard-stage-outer { -webkit-transform: translate3d(0px, 0px, 0px) !important; } .mod-lgx-logoslider, .owlcard-theme .owlcard-controls { display: none; } .mod-lgx-logoslider { /* .owlcard-carousel .owlcard-stage-outer { width: 98.9%; margin: 0 auto; }*/ } .mod-lgx-logoslider .lgx-logo-img { -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .mod-lgx-logoslider-simple .lgx-logoslider-simple { display: block; text-align: center; } .mod-lgx-logoslider-simple .lgx-logo-item-simple { display: inline-block; margin: 5px; } .mod-lgx-logoslider { display: block; clear: both; overflow: hidden; } .mod-lgx-logoslider .lgx-logo-header { text-align: center; } .mod-lgx-logoslider .lgx-nav-hover .owlcard-controls .owlcard-nav { -webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -ms-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s; opacity: 0; } .mod-lgx-logoslider .lgx-nav-hover:hover .owlcard-controls .owlcard-nav { opacity: 1; -webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -ms-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s; } .mod-lgx-logoslider .lgx-dot-hover .owlcard-controls .owlcard-dots { opacity: 0; -webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -ms-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s; } .mod-lgx-logoslider .lgx-dot-hover:hover .owlcard-controls .owlcard-dots { opacity: 1; -webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -ms-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s; } .mod-lgx-logoslider .owlcard-carousel .owlcard-item { z-index: 2; } .mod-lgx-logoslider .owlcard-theme .owlcard-controls .owlcard-nav [class*=owlcard-] { text-transform: capitalize; } .mod-lgx-logoslider .lgx-logo-item { text-align: center; } .lgx-logo-nav-vertical { position: relative; } .lgx-logo-nav-vertical .owlcard-controls .owlcard-next, .lgx-logo-nav-vertical .owlcard-controls .owlcard-prev { position: absolute; z-index: 2; } .lgx-logo-nav-vertical .owlcard-controls .owlcard-next { right: 0%; } .lgx-logo-nav-vertical .owlcard-controls .owlcard-prev { left: 0%; } .lgx-logo-nav-topleft .lgx-logoslider { padding: 25px 0; z-index: 1; } .lgx-logo-nav-topleft .owlcard-controls .owlcard-nav { position: absolute; left: 10px; z-index: 2; } .lgx-logo-nav-topright .lgx-logoslider { padding: 25px 0; } .lgx-logo-nav-topright .owlcard-controls .owlcard-nav { position: absolute; right: 10px; z-index: 2; } .mod-lgx-logoslider { /**************************************** ACTIVE ANIMATION ****************************************/ /***** logoactive-bounceIn logoactive-zoomInLeft logoactive-zoomInRight logoactive-zoomInUp logoactive-zoomInDown logoactive-fadeInLeft logoactive-flash logoactive-pulse logoactive-bounce logoactive-jello logoactive-shake logoactive-flipX logoactive-flipY logoactive-flipOutY logoactive-flipOutX logoactive-fadeIn logoactive-fadeInUp logoactive-fadeInDown logoactive-rubberBand logoactive-tada logoactive-wobble logoactive-lightSpeedIn logoactive-rotateIn *****/ /**************************************** ACTIVE ANIMATION END ****************************************/ } .mod-lgx-logoslider .lgx-logo-img { text-align: center; display: block; } .mod-lgx-logoslider .lgx-logo-img .lgx-logo { margin: 0 auto; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .mod-lgx-logoslider .logohover-default .lgx-logo { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); filter: none; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); filter: grayscale(0); } .mod-lgx-logoslider .logohover-default:hover .lgx-logo { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); } .mod-lgx-logoslider .logohover-rotate .lgx-logo-img:hover .lgx-logo { -webkit-animation: swing 1s ease; animation: swing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .mod-lgx-logoslider .lgx-sibling-effect .logohover-sibling-fade .lgx-logo { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .mod-lgx-logoslider .lgx-sibling-effect .logohover-sibling-gray .lgx-logo { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .mod-lgx-logoslider .lgx-sibling-effect .logohover-sibling-fade-gray .lgx-logo { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity=50); filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .mod-lgx-logoslider .logohover-fadeeffect .lgx-logo { -moz-opacity: 0.75; -khtml-opacity: 0.75; -webkit-opacity: 0.75; opacity: 0.75; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); filter: alpha(opacity=75); } .mod-lgx-logoslider .logohover-fadeeffect .lgx-logo:hover { -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .mod-lgx-logoslider .logohover-grayscale .lgx-logo { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .mod-lgx-logoslider .logohover-grayscale:hover .lgx-logo { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); filter: none; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); filter: grayscale(0); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .mod-lgx-logoslider .logohover-zoom-in .lgx-logo { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .mod-lgx-logoslider .logohover-zoom-in:hover .lgx-logo { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mod-lgx-logoslider .logohover-zoom-in-x .lgx-logo { -webkit-transform: scaleX(0.8); -moz-transform: scaleX(0.8); -o-transform: scaleX(0.8); -ms-transform: scaleX(0.8); transform: scaleX(0.8); } .mod-lgx-logoslider .logohover-zoom-in-x:hover .lgx-logo { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .mod-lgx-logoslider .logohover-zoom-in-y .lgx-logo { -webkit-transform: scaleY(0.8); -moz-transform: scaleY(0.8); -o-transform: scaleY(0.8); -ms-transform: scaleY(0.8); transform: scaleY(0.8); } .mod-lgx-logoslider .logohover-zoom-in-y:hover .lgx-logo { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .mod-lgx-logoslider .logohover-zoom-out .lgx-logo { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mod-lgx-logoslider .logohover-zoom-out:hover .lgx-logo { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .mod-lgx-logoslider .logohover-zoom-out-x .lgx-logo { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .mod-lgx-logoslider .logohover-zoom-out-x:hover .lgx-logo { -webkit-transform: scaleX(0.8); -moz-transform: scaleX(0.8); -o-transform: scaleX(0.8); -ms-transform: scaleX(0.8); transform: scaleX(0.8); } .mod-lgx-logoslider .logohover-zoom-out-y .lgx-logo { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .mod-lgx-logoslider .logohover-zoom-out-y:hover .lgx-logo { -webkit-transform: scaleY(0.8); -moz-transform: scaleY(0.8); -o-transform: scaleY(0.8); -ms-transform: scaleY(0.8); transform: scaleY(0.8); } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .mod-lgx-logoslider .logohover-zoomInLeft:hover .lgx-logo { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; -webkit-transform-origin: center; transform-origin: center; animation-duration: 800ms; animation-timing-function: linear; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .mod-lgx-logoslider .logohover-zoomInRight:hover .lgx-logo { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; -webkit-transform-origin: center; transform-origin: center; animation-duration: 800ms; animation-timing-function: linear; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .mod-lgx-logoslider .logohover-zoomInUp { padding: 1.5rem 0 !important; display: block; } .mod-lgx-logoslider .logohover-zoomInUp:hover .lgx-logo { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-transform-origin: center; transform-origin: center; animation-duration: 800ms; animation-timing-function: linear; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .mod-lgx-logoslider .logohover-zoomInDown { padding: 1.5rem 0 !important; display: block; } .mod-lgx-logoslider .logohover-zoomInDown:hover .lgx-logo { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; -webkit-transform-origin: center; transform-origin: center; animation-duration: 800ms; animation-timing-function: linear; } .mod-lgx-logoslider .logohover-hblur:hover .lgx-logo { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); } .mod-lgx-logoslider .logohover-rotate-circle { padding: 1.5rem !important; display: block; } .mod-lgx-logoslider .logohover-rotate-circle .lgx-logo { -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; } .mod-lgx-logoslider .logohover-rotate-circle:hover .lgx-logo { -webkit-transform: rotate(360deg) scale(0.8); -moz-transform: rotate(360deg) scale(0.8); -o-transform: rotate(360deg) scale(0.8); -ms-transform: rotate(360deg) scale(0.8); transform: rotate(360deg) scale(0.8); } @-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: none; transform: none; 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: none; transform: none; opacity: 1; } } .mod-lgx-logoslider .logohover-rotateIn { padding: 2rem 0 !important; } .mod-lgx-logoslider .logohover-rotateIn:hover .lgx-logo { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; animation-duration: 800ms; animation-timing-function: linear; } .mod-lgx-logoslider .logohover-rotate-x .lgx-logo { -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; } .mod-lgx-logoslider .logohover-rotate-x:hover .lgx-logo { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -o-transform: rotateX(360deg); -ms-transform: rotateX(360deg); transform: rotateX(360deg); } .mod-lgx-logoslider .logohover-rotate-y .lgx-logo { -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; } .mod-lgx-logoslider .logohover-rotate-y:hover .lgx-logo { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); } .mod-lgx-logoslider .logohover-perspective-rotate .lgx-logo { -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .mod-lgx-logoslider .logohover-perspective-rotate:hover .lgx-logo { -webkit-transform: perspective(200px) rotateX(45deg); -moz-transform: perspective(200px) rotateX(45deg); -o-transform: perspective(200px) rotateX(45deg); -ms-transform: perspective(200px) rotateX(45deg); transform: perspective(200px) rotateX(45deg); } .mod-lgx-logoslider .logohover-perspective-rotatey .lgx-logo { -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .mod-lgx-logoslider .logohover-perspective-rotatey:hover .lgx-logo { -webkit-transform: perspective(200px) rotateY(15deg); -moz-transform: perspective(200px) rotateY(15deg); -o-transform: perspective(200px) rotateY(15deg); -ms-transform: perspective(200px) rotateY(15deg); transform: perspective(200px) rotateY(15deg); } @keyframes spin { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } } .mod-lgx-logoslider .logohover-spin:hover .lgx-logo { animation: spin 5s linear infinite; animation-duration: 2000ms; } @-webkit-keyframes flash { 0% { opacity: 1; } 50% { opacity: .1; } 100% { opacity: 1; } } @keyframes flash { 0% { opacity: 1; } 50% { opacity: .1; } 100% { opacity: 1; } } .mod-lgx-logoslider .logohover-flash:hover .lgx-logo { -webkit-animation: flash linear 1s; animation: flash linear 1s; } @keyframes pulse_animation { 0% { transform: scale(1); } 30% { transform: scale(1); } 40% { transform: scale(1.08); } 50% { transform: scale(1); } 60% { transform: scale(1); } 70% { transform: scale(1.05); } 80% { transform: scale(1); } 100% { transform: scale(1); } } .mod-lgx-logoslider .logohover-pulse:hover .lgx-logo { animation-name: pulse_animation; animation-duration: 800ms; transform-origin: 70% 70%; animation-timing-function: linear; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .mod-lgx-logoslider .logohover-bounce:hover .lgx-logo { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; animation-duration: 600ms; -webkit-animation-delay: 0s; /* Chrome, Safari, Opera */ animation-delay: 0s; animation-timing-function: linear; } @-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); } } .mod-lgx-logoslider .logohover-shake:hover .lgx-logo { -webkit-animation-name: shake; animation-name: shake; animation-duration: 3000ms; transform-origin: 70% 70%; animation-iteration-count: 1; animation-timing-function: linear; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .mod-lgx-logoslider .logohover-flip:hover { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @-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); } } .mod-lgx-logoslider .logohover-flipX:hover .lgx-logo { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; animation-duration: 2000ms; animation-timing-function: linear; } @-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); } } .mod-lgx-logoslider .logohover-flipY:hover .lgx-logo { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; animation-duration: 2000ms; animation-timing-function: linear; } @-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; } } .mod-lgx-logoslider .logohover-flipOutY:hover .lgx-logo { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; animation-duration: 400ms; animation-timing-function: linear; } @-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; } } .mod-lgx-logoslider .logohover-flipOutX:hover .lgx-logo { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-duration: 500ms; animation-timing-function: linear; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .mod-lgx-logoslider .logohover-bounceIn:hover .lgx-logo { -webkit-animation-name: bounceIn; animation-name: bounceIn; animation-duration: 2000ms; transform-origin: 70% 70%; animation-timing-function: linear; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .mod-lgx-logoslider .logohover-jello:hover .lgx-logo { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; animation-duration: 2000ms; animation-timing-function: linear; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .mod-lgx-logoslider .logohover-fadeIn:hover .lgx-logo { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-transform-origin: center; transform-origin: center; animation-duration: 2000ms; animation-timing-function: linear; } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .mod-lgx-logoslider .logohover-fadeInUp { padding: 1.5rem 0 !important; display: block; } .mod-lgx-logoslider .logohover-fadeInUp:hover .lgx-logo { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-transform-origin: center; transform-origin: center; animation-duration: 800ms; animation-timing-function: linear; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .mod-lgx-logoslider .logohover-fadeInDown { padding: 1rem 0 !important; display: block; } .mod-lgx-logoslider .logohover-fadeInDown:hover .lgx-logo { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-transform-origin: center; transform-origin: center; animation-duration: 800ms; animation-timing-function: linear; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .mod-lgx-logoslider .logohover-fadeInLeft:hover .lgx-logo { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-transform-origin: center; transform-origin: center; animation-duration: 200ms; animation-timing-function: linear; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .mod-lgx-logoslider .logohover-fadeInRight:hover .lgx-logo { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-transform-origin: center; transform-origin: center; animation-duration: 200ms; animation-timing-function: linear; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.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, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .mod-lgx-logoslider .logohover-rubberBand:hover .lgx-logo { -webkit-animation-name: rubberBand; animation-name: rubberBand; -webkit-transform-origin: center; transform-origin: center; animation-duration: 1000ms; animation-timing-function: linear; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.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); } } .mod-lgx-logoslider .logohover-tada { padding: 1.5rem 0 !important; display: block; } .mod-lgx-logoslider .logohover-tada:hover .lgx-logo { -webkit-animation-name: tada; animation-name: tada; -webkit-transform-origin: center; transform-origin: center; animation-duration: 1000ms; animation-timing-function: linear; } @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } .mod-lgx-logoslider .logohover-wobble { padding: 1.5rem 0 !important; display: block; } .mod-lgx-logoslider .logohover-wobble:hover .lgx-logo { -webkit-animation-name: wobble; animation-name: wobble; -webkit-transform-origin: center; transform-origin: center; animation-duration: 1000ms; animation-timing-function: linear; } @-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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .mod-lgx-logoslider .logohover-lightSpeedIn { padding: 1.5rem 0 !important; display: block; } .mod-lgx-logoslider .logohover-lightSpeedIn:hover .lgx-logo { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform-origin: center; transform-origin: center; animation-duration: 800ms; } .mod-lgx-logoslider .logoactive-flash .active { -webkit-animation: flash linear 1s; animation: flash linear 1s; } .mod-lgx-logoslider .logoactive-pulse .active { animation-name: pulse_animation; animation-duration: 800ms; transform-origin: 70% 70%; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-bounce .active { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; animation-duration: 600ms; -webkit-animation-delay: 0s; /* Chrome, Safari, Opera */ animation-delay: 0s; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-shake .active { -webkit-animation-name: shake; animation-name: shake; animation-duration: 1000ms; transform-origin: 70% 70%; animation-iteration-count: 1; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-flipX .active { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; animation-duration: 2000ms; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-flipY .active { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; animation-duration: 2000ms; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-flipOutY .active { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; animation-duration: 400ms; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-flipOutX .active { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-duration: 500ms; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-bounceIn .active { -webkit-animation-name: bounceIn; animation-name: bounceIn; animation-duration: 2000ms; transform-origin: 70% 70%; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-jello .active { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; animation-duration: 2000ms; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-fadeIn .active { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-transform-origin: center; transform-origin: center; animation-duration: 2000ms; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-fadeInUp .active { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-transform-origin: center; transform-origin: center; animation-duration: 800ms; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-fadeInDown .active { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-transform-origin: center; transform-origin: center; animation-duration: 800ms; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-fadeInLeft .active { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-transform-origin: center; transform-origin: center; animation-duration: 200ms; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-rubberBand .active { -webkit-animation-name: rubberBand; animation-name: rubberBand; -webkit-transform-origin: center; transform-origin: center; animation-duration: 1000ms; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-tada .active { -webkit-animation-name: tada; animation-name: tada; -webkit-transform-origin: center; transform-origin: center; animation-duration: 1000ms; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-wobble .active { -webkit-animation-name: wobble; animation-name: wobble; -webkit-transform-origin: center; transform-origin: center; animation-duration: 1000ms; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-lightSpeedIn .active { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform-origin: center; transform-origin: center; animation-duration: 800ms; } .mod-lgx-logoslider .logoactive-zoomInLeft .active { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; -webkit-transform-origin: center; transform-origin: center; animation-duration: 800ms; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-zoomInRight .active { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; -webkit-transform-origin: center; transform-origin: center; animation-duration: 800ms; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-zoomInUp .active { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-transform-origin: center; transform-origin: center; animation-duration: 800ms; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-zoomInDown .active { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; -webkit-transform-origin: center; transform-origin: center; animation-duration: 800ms; animation-timing-function: linear; } .mod-lgx-logoslider .logoactive-rotateIn .active { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; animation-duration: 800ms; animation-timing-function: linear; } /* @media only screen and (max-width: 768px) { .mod-lgx-logoslider .lgx-logoslider { max-width: 100%; } }*/ .example-box { width: 100%; height: 80px; position: relative; overflow: hidden; background-size: cover; color: white; font-family: sans-serif; font-weight: 200; z-index: 1; } .scrolly22 { margin-left: 0px!important; transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); transition-duration: 0.4s; } #cookie_banner { z-index: 10; margin-left: -600px; transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); transition-duration: 0.4s; } .example-box * { z-index: 2; } .background-shapes { content: ""; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 5076px; background-size: 100%; animation: 120s infiniteScroll linear infinite; background-repeat-x: repeat; background-image: url(https://cdn2.hubspot.net/hubfs/53/Pricing%202017%20Assets/marketing/Header_Circles-1.svg); } @-webkit-keyframes infiniteScroll { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(0, -1692px, 0); transform: translate3d(0, -1692px, 0); } } @keyframes infiniteScroll { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(0, -1692px, 0); transform: translate3d(0, -1692px, 0); } } .text_banner { color: #000 !important; } #hob_Modal_btn.button, button, p.readmore a, #header input.button, .pagenav a:link, .pagenav a:visited, #advanced-search-toggle, .profile-edit a:link, .profile-edit a:visited, h3.js_heading { height: 30px!important; } #ad4.cadrecusto a, .cadrecusto a:visited { color: #000!important; } .hob_modal-content { overflow-y: auto; } .hob_modal { background: #fff; -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; } #tetejo { position: relative; width: 100%; font-size: 12px !important; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } .hob_modal-header { position: fixed; width: 50%; } .text_banner{ position: relative; } #close .btn_ok { background-color: #0065af00 !important; border: 2px solid #0065af00 !important; } #cadre_alert_cookies { max-width: 100%; width: 420px; float: left!important; left: 20px!important; /*bottom: 80px!important;*/ box-sizing: border-box; position: relative; display: block; text-align: left; } .cadre_inner_alert_cookies { box-shadow: 0 4px 24px rgba(0,0,0,0.15),0 2px 6px rgba(0,0,0,0.05); border-radius: 8px; background-color: #fff!important; overflow-y: hidden; } .cadre_inner_texte_alert_cookies { max-height: calc(80vh - 100px); overflow-y: auto; position: relative; overflow-x: hidden; background: #fff; } .hob_banner { background-color: #fff0 !important; } .cadre_bouton { z-index: 200 !important; position: relative !important; width: 100% !important; border-top: 1px solid #EDEDED !important; background: #fff; } .elms2 { width: auto !important; max-width: none !important; position: absolute; left: auto; top: -60px; right: -50px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .Illustration { z-index: 100; position: relative; float: right; margin-left: 10px; margin-bottom: 10px; } #cadre_alert_cookies .btn-warning { color: #ffffff; background-color: #fff0; border-color: #fff0; width: 70px; margin-bottom: 20px; } #cadre_alert_cookies .col-md-6 { width: 100%; } #close { content: '' !important; background: transparent!important; position: relative; text-align: left !important; margin-bottom: 25px !important; } .bougo { background: #ffffff!important; height: 20px !important; align-items: center; font-family: ,sans-serif; -webkit-text-decoration: none!important; text-decoration: none!important; color: #666666; border: none!important; border-radius: 8px 8px 0 0!important; white-space: nowrap; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; font-size: 11px !important; font-weight: 400; cursor: help; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden !important; padding: 0px 0px !important; } .bougo:hover:not(:focus) { color: #FFFFFF; background: #ddd!important; } #cadre_alert_cookies .btn-warning:hover, #cadre_alert_cookies .btn-warning:focus, #cadre_alert_cookies .btn-warning.focus, #cadre_alert_cookies .btn-warning:active, #cadre_alert_cookies .btn-warning.active, #cadre_alert_cookies .open > .dropdown-toggle.btn-warning{ border-color: #fff0!important; background-color: #fff0!important; } #close :hover { fill: #555; } .btn btn-warning popup-modal-dismiss :hover { background-color: #fff0 !important; } #cadre_alert_cookies span { color: #000000!important; } @media screen and (max-width: 460px){ .hob_banner { width: 100%!important; left: 0!important; } #cadre_alert_cookies { width: 100%; left: 0px !important; } .cadre_inner_alert_cookies { border-radius: 0px; } /*#cadre_alert_cookies div, li { text-align: center !important; }*/ #cadre_alert_cookies .btn-warning { float: left; } } #cadre_alert_cookies .button::before, button:not([data-filter]):not(.mfp-arrow)::before, input[type="button"]::before, input[type="reset"]::before, input[type="submit"]::before { background-color: #fff0 !important; } #cadre_alert_cookies .btn btn { border-radius: 0px !important; } #cadre_alert_cookies .btn { border-radius: 0px; border: 0px solid transparent!important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0), 0 1px 2px rgba(0, 0, 0, 0)!important; } #cadre_alert_cookies .btn-inverse { background-image: none!important; border-radius: 0px !important; border-color: #fff0!important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0)!important; } .button::before, .button::after { content: ""; position: absolute; border-radius: 50%; z-index: -1; } .effect { position: absolute; border-radius: 50%; left: 25px; top: 23px;; z-index: -1; width: 0; height: 0; } #bou { position: relative; z-index: -1; width: 45px; } .effect.circle-1 { animation: gravitate 4s linear infinite; } .effect.circle-2 { animation: gravitate 8s linear infinite; } .effect::before, .effect::after { content: ""; position: absolute; border-radius: 50%; } .effect.circle-1:before { width: 20px; height: 20px; background: #CCC; } .effect.circle-2:before { width: 25px; height: 25px; background: #999; } .sgi { opacity: 0.80; } @keyframes gravitate { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } /* particle bouton */ a.btn.btn-inverse.read_more:hover{ background-color: #999!important; } a.garin{ border: none; display: block; text-align: center; cursor: pointer; color: #fff; text-transform: uppercase; outline: none; overflow: hidden; position: relative; font-weight: 700; font-size: 15px; padding: 17px 60px; margin: 0 auto; box-shadow: 0 5px 15px rgba(0,0,0,0.20); } a.garin span { position: relative; z-index: 1; } a.garin:after { content: ""; position: absolute; left: 0; top: 0; height: 490%; width: 140%; background: #666; opacity: 0.7; -webkit-transition: all .5s ease-in-out; transition: all .9s ease-in-out; -webkit-transform: translateX(-100%) translateY(-20%) ; transform: translateX(-100%) translateY(-20%); } a.garin:hover:after { -webkit-transform: translateX(100%) translateY(-25%); transform: translateX(100%) translateY(-25%); } .btn { text-shadow: 0 1px 1px rgba(255, 255, 255, 0);} /* */ .hob_banner p { font-weight: 300; margin: 10px; } .hob_banner button{ background-image: none!important; } .hob_banner h2{ padding: 20px; font-weight: 300; } .hob_banner h3 { font-weight: 400; } .hob_banner { position: fixed!important; z-index: 16777270; max-width: 100%; width: 420px; float: left !important; left: 20px; box-sizing: border-box; position: relative; display: block; text-align: left; } /* Add Animation Banner bottom*/ @-webkit-keyframes animatedown { from {bottom:-400px; opacity:0} to {bottom:0; opacity:1} } @keyframes animatedown { from {bottom:-400px; opacity:0} to {bottom:0; opacity:1} } /* Add Animation Banner top*/ @-webkit-keyframes riri { from {left:600px; opacity:0} to {top:0; opacity:1} } @keyframes riri { from {left:600px; opacity:0} to {left:0; opacity:1} } @-webkit-keyframes animateup { from {top:-400px; opacity:0} to {top:0; opacity:1} } @keyframes animateup { from {top:-400px; opacity:0} to {top:0; opacity:1} } .text_banner{ font-size: 14px; text-align: left; } .block_1{ width: 70%; display: inline-flex; padding-left: 3%; position: relative; } #ad4{ text-align: center!important; background: #fff; margin-bottom: -3px; } .block_2{ text-align: center; } .btn_settings{ margin-right: 20px; } .btn_ok{ margin-right: 20px; } .licence { color: red; font-size: 1rem; line-height: 1.5rem; border-left: solid 2px red; padding-left: 10px; } /* Tab */ .nav-tabs_custome { overflow: hidden; background-color: #eef1f3!important; } .hob_modal-footer{ background-color: #ffffff!important; } /* Boutons de tab */ .nav-tabs_custome li { background-color: #eef1f3!important; padding: 14px 16px; transition: 0.3s; font-size: 14px; font-family: Montserrat, sans-serif; font-weight: 400; } .nav-tabs_custome li a{ padding: 0!important; color: #000; } /* Bouton hover */ .nav-tabs_custome li:hover { background-color: #d5dbe0!important; } .nav-tabs_custome li:hover a{ transition: 0.3s; background-color: #d5dbe0!important; border: 1px solid #d5dbe0!important; } /* Active tablink */ .nav-tabs_custome li.active { background-color: #acb8c1!important; } .nav-tabs_custome li.active a{ background-color: #acb8c1!important; border: 1px solid #acb8c1!important; } .button_custom { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; font-size: 14px; line-height: 1.42857143; border-radius: 0px!important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0 15px; } .refuse_tous { background-color: #ffffff!important; color: #0065af!important; border: 2px solid #0065af!important; margin-right: 20px; margin-top: 5px; } .refuse_tous:hover { background-color: #0065af!important; color: white!important; } .accepter_tous { background-color: #ffffff!important; color: #3eb060!important; border: 2px solid #3eb060!important; margin-right: 20px; } .accepter_tous:hover { background-color: #3eb060!important; color: white!important; } .valider { background-color: #0065af!important; color: #fff!important; border: 2px solid #0065af!important; margin-top: 5px; } .valider:hover { background-color: #fff!important; color: #0065af!important; } /* Bouton Switch */ .switch { position: relative; display: inline-block; width: 60px; height: 34px; margin-bottom: 0.5rem; margin-top: 0.5rem; } .switch input {display:none;} .hob_modal_slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: .4s; transition: .4s; z-index: auto; margin: 0; } .hob_modal_slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .hob_modal_slider { background-color: #0065af!important; } input:focus + .hob_modal_slider { box-shadow: 0 0 1px #2196F3!important; } input:checked + .hob_modal_slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .hob_modal_slider.roundca { border-radius: 34px; } .hob_modal_slider.roundca:before { border-radius: 50%; } .tab-content_custome{ padding-left: 20px; } #setting{ display: none; position: fixed; bottom: 5px; z-index: 16777274; opacity: .5; } #setting:hover{ cursor: pointer; opacity: 0.9; } #setting a{ font-size: 24px; } #setting_btn{ border-radius: 10px; padding: 10px 15px!important; } #gear{ height: 50px; } .info_link{ font-size: 14px; } .info_link:hover{ font-size: 14px; } /* HOB Modal */ /* The Modal (background) */ .hob_modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ left: 0; bottom: 0; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); width: 45%; z-index: 10; } /* Modal Content */ .hob_modal-content { text-align: left; max-width: 900px; position: relative; background-color: #fefefe!important; background-image: none; } /* Add Animation */ @-webkit-keyframes animatetop { from {left:-400px; opacity:0} to {left:0; opacity:1} } @keyframes animatetop { from {left:-400px; opacity:0} to {left:0; opacity:1} } /* The Close Button */ .hob_close { color: white!important; float: right; font-size: 32px!important; font-weight: bold; margin-right: 15px; } .hob_close:hover, .hob_close:focus { color: #eef1f3!important; text-decoration: none; cursor: pointer; } .hob_modal-header { color: #ffffff!important; font-size: 16px!important; font-weight: 300; background-color: #27323d!important; text-transform: uppercase; padding: 20px 20px 20px 20px; line-height: normal; } .hob_modal-header h3, span{ display: inline; } .hob_modal-body { font-family: Montserrat, sans-serif; color: #737e87!important; overflow-y: auto; position: relative; height: 300px; width: 100%; background: #fff; } .hob_modal-footer { padding: 2px 16px; background-color: #ffffff!important; text-align: center; } .btn{ margin: 0!important; } .hob_modal p { font-size: 14px; font-weight: 300; } .hob_modal h2{ padding: 20px; font-weight: 300; } .hob_modal h3 { font-weight: 400; } /* Tab */ .tab { overflow: hidden; border-bottom: 1px solid #acb8c1!important; background-color: #e2e2e2!important; width: 100%!important; line-height: normal; } /* Boutons de tab */ .tab button { background-color: #eef1f3!important; color: #737e87!important; float: left; border: none; outline: none; cursor: pointer; padding: 7px 13px!important; transition: 0.3s; font-size: 16px!important; font-family: Montserrat, sans-serif; font-weight: 400; background-image: none; margin: 5px!important; text-transform: none; line-height: 16px!important; } /* Bouton hover */ .tab button:hover { background-color: #d5dbe0!important; border: none; } /* Active tablink */ .tab button.active { background-color: #acb8c1!important; border: none; } /* Tab content */ .tabcontent { display: none; padding: 6px 12px; border-top: none; } .tabcontent h3{ text-transform: none; font-size: 20px; padding-top: 5px; } .tabcontent ul{ padding: 0; width: 100%!important; position: inherit; rigth: 0!important; left: 0!important; } .tabcontent ul li{ right: 0!important; left: 0!important; } .tabcontent p{ color: rgba(98,106,117,1)!important; font-size: 14px!important; text-align: left!important; } /* Service introduction style for the collapses */ .service_intro button{ float: right; padding: 0 4px!important; margin-right: 1px; height: initial; } .service_intro{ padding-bottom: 4px!important; padding-top: 4px!important; list-style-type:none; border-bottom: 1px solid #eef1f3!important; font-size: 16px; width: 100%!important; position: inherit; text-align: left!important; height: auto!important; border-top: none!important; border-left: none!important; border-right: none!important; } .service_intro a{ border: none!important; } .service_intro .collapse_text{ font-size: 13px; } #hob_copyright span, #hob_copyright a { font-size: 14px!important; } .session_table{ max-height: 270px; overflow-y: scroll; } .service_list{ width: 100%!important; border: none!important; } /*---------------Spacer BackEnd*/ .bold_text { font-weight: bold; font-size: larger; } /* ----------- Phone----------- */ @media (min-width: 50px) and (max-width: 620px) { .hob_modal{ width: 100%; } } /* Portrait and Landscape */ @media (min-width: 50px) and (max-width: 1300px) { .block_1 { width: 100%; display: block; padding-left: 3%; padding-right: 3%; } .block_1 , .text_banner{ font-size: 14px; width: 100%; } .block_2 { width: 100%; } /*HOB Modal*/ .hob_modal-content{ width: 100%; } .hob_modal-header #myModalLabel{ font-size: 16px; } .hob_modal-body .tablinks{ font-size: 12px; } .hob_modal-body .tabcontent h3{ font-size: 16px; } .hob_modal-body .tabcontent p{ font-size: 12px; } /*Buttons*/ .hob_modal-content .button_custom { padding: 10px 10px; text-align: center; text-decoration: none; font-size: 10px; /*margin: 4px 2px;*/ -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; text-transform: uppercase; font-family: Montserrat, sans-serif; font-weight: 400; } .service_intro{ font-size: 13px; } /* Bouton Switch */ .switch { position: relative; display: inline-block; width: 30px; height: 17px; margin-top: 0.5rem; margin-bottom: 0.5rem; } .switch input {display:none;} .hob_modal_slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #acb8c1!important; -webkit-transition: .4s; transition: .4s; z-index: auto; } .hob_modal_slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white!important; -webkit-transition: .4s; transition: .4s; } input:checked + .hob_modal_slider { background-color: #0065af!important; } input:focus + .hob_modal_slider { box-shadow: 0 0 1px #2196F3!important; } input:checked + .hob_modal_slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); } /* Rounded sliders */ .hob_modal_slider.roundca { border-radius: 17px; } .hob_modal_slider.roundca:before { border-radius: 50%; } .session_table{ max-height: 270px; overflow-y: scroll; } } /* General */ a:active, a:focus { outline:0; } .gkHighlighterGK5 { position:relative; width: 100%; } /* Interface */ .gkHighlighterInterface { float:left; padding: 0 7px } .gkHighlighterInterface[data-pos="right"] { float: right; } .gkHighlighterInterface span.text { display:block; float:left; margin:0 6px 0 7px; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 18px; } .gkHighlighterInterface div { float:left; width:auto; } .gkHighlighterInterface div a { display:block; float:left; height:13px; width:13px; margin: 2px 0 0 2px; background:transparent url(//www.msecurite.fr//modules/mod_highlighter_gk5/interface/css/../images/interface.png) no-repeat 0 0; cursor:pointer; } .gkHighlighterInterface div a.prev { } .gkHighlighterInterface div a.next { background-position: right 0; } .gkHighlighterInterface div a.prev:hover { background-position: 0 bottom; } .gkHighlighterInterface div a.next:hover { background-position: right bottom; } /* Items */ .gkHighlighterWrapper { position: relative} .gkHighlighterWrapperSub { position: relative; min-height: 30px; opacity: 1; } .gkHighlighterWrapper .nowrap { width: 100000px; position: absolute; left: -99999em; } .gkHighlighterWrapper .gkHighlighterItem { position: absolute; top:0; width:100%; left:0} .gkHighlighterWrapper .gkHighlighterItem.gk-active { z-index: 100; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .gkHighlighterItem.flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .gkHighlighterItem { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .gkHighlighterItem.flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .gkHighlighterItem.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; opacity: 1!important; filter: alpha(opacity=100)!important; } .invisible { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .gkHighlighterItem.fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .gkHighlighterItem.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .gkHighlighterItem.fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } /* 3d rotating bar */ .bar { width: 100%px; height: 40px; position: relative; -webkit-perspective: 1100px; -moz-perspective: 1100px; -ms-perspective: 1100px; -o-perspective: 1100px; perspective: 1100px; } .bar .gkHighlighterWrapperSub { width: 100%; height: 100%; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .bar .gkHighlighterItem { display: block; position: absolute; width: 100%; height: 40px; left: 0px; top: 0px; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased } .bar .gkHighlighterItem.gkHidden { opacity: 0; display: none; } .bar .gkHighlighterItem.front { -webkit-transform: rotateX(0deg) translateZ(20px); -moz-transform: rotateX(0deg) translateZ(20px); -o-transform: rotateX(0deg) translateZ(20px); transform: rotateX(0deg) translateZ(20px); } .bar .gkHighlighterItem.bottom { -webkit-transform: rotateX(90deg) translateZ(20px); -moz-transform: rotateX(90deg) translateZ(20px); -o-transform: rotateX(90deg) translateZ(20px); transform: rotateX(90deg) translateZ(20px); } .bar .gkHighlighterItem.back { -webkit-transform: rotateX(180deg) translateZ(20px); -moz-transform: rotateX(180deg) translateZ(20px); -o-transform: rotateX(180deg) translateZ(20px); transform: rotateX(180deg) translateZ(20px); } .bar .gkHighlighterItem.top { -webkit-transform: rotateX(270deg) translateZ(20px); -moz-transform: rotateX(270deg) translateZ(20px); -o-transform: rotateX(270deg) translateZ(20px); transform: rotateX(270deg) translateZ(20px); } div#maximenuck173 .titreck-text { flex: 1; } div#maximenuck173 .maximenuck.rolloveritem img { display: none !important; } .ckclr {clear:both;visibility : hidden;} /*--------------------------------------------- --- menu container --- ----------------------------------------------*/ /* menu */ div#maximenuck173 { font-size:14px; line-height:21px; /*text-align:left;*/ zoom:1; } /* container style */ div#maximenuck173 ul.maximenuck { clear:both; position : relative; z-index:999; overflow: visible !important; display: block !important; float: none !important; visibility: visible !important; opacity: 1 !important; list-style:none; /*padding: 0;*/ margin:0 auto; zoom:1; filter: none; background: #3598db; } div#maximenuck173 ul.maximenuck:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } /*--------------------------------------------- --- Root items - level 1 --- ----------------------------------------------*/ div#maximenuck173 ul.maximenuck li.maximenuck.level1 { display: inline-block; float: none; position:static; /*padding : 0; margin : 0;*/ list-style : none; text-align:center; cursor: pointer; filter: none; } /** IE 7 only **/ *+html div#maximenuck173 ul.maximenuck li.maximenuck.level1 { display: inline !important; } /* vertical menu */ div#maximenuck173.maximenuckv ul.maximenuck li.maximenuck.level1 { display: block !important; /*margin: 0; padding: 0;*/ text-align: left; } div#maximenuck173 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck173 ul.maximenuck li.maximenuck.level1.active { background: #f0f0f0; } div#maximenuck173 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck173 ul.maximenuck li.maximenuck.level1 > span.separator { display:block; float : none; float : left; position:relative; text-decoration:none; outline : none; /*border : none;*/ white-space: nowrap; filter: none; color: #fff; padding: 15px 15px; } /* parent item on mouseover (if subemnus exists) */ div#maximenuck173 ul.maximenuck li.maximenuck.level1.parent:hover, div#maximenuck173 ul.maximenuck li.maximenuck.level1.parent:hover { } /* item color on mouseover */ div#maximenuck173 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck173 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck173 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck173 ul.maximenuck li.maximenuck.level1.active > span.separator { color: #333; } div#maximenuck173.maximenuckh ul.maximenuck li.level1.parent > a, div#maximenuck173.maximenuckh ul.maximenuck li.level1.parent > span.separator { padding-right: 20px; } /* arrow image for parent item */ div#maximenuck173 ul.maximenuck li.level1.parent > a:after, div#maximenuck173 ul.maximenuck li.level1.parent > span.separator:after { content: ""; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 7px 6px 0 6px; border-color: #fff transparent transparent transparent; top: 20px; right: 4px; } div#maximenuck173 ul.maximenuck li.level1.parent:hover > a:after, div#maximenuck173 ul.maximenuck li.level1.parent:hover > span.separator:after { border-color: #333 transparent transparent transparent; } /* vertical menu */ div#maximenuck173.maximenuckv ul.maximenuck li.level1.parent > a:after, div#maximenuck173.maximenuckv ul.maximenuck li.level1.parent > span.separator:after { display: inline-block; content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 7px; border-color: transparent transparent transparent #fff; margin: 3px 10px 3px 0; position: absolute; right: 3px; top: calc(50% - 8px); } div#maximenuck173.maximenuckv ul.maximenuck li.level1.parent:hover > a:after, div#maximenuck173.maximenuckv ul.maximenuck li.level1.parent:hover > span.separator:after { border-color: transparent transparent transparent #333; } /* arrow image for submenu parent item */ div#maximenuck173 ul.maximenuck li.level1.parent li.parent > a:after, div#maximenuck173 ul.maximenuck li.level1.parent li.parent > span.separator:after, div#maximenuck173 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent > a:after, div#maximenuck173 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent > a:after { display: inline-block; content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 7px; border-color: transparent transparent transparent #016da0; margin: 0 3px; position: absolute; right: 3px; top: 13px; } div#maximenuck173 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent:hover > a:after, div#maximenuck173 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent.active > a:after { border-color: transparent transparent transparent #000; } /* styles for right position */ div#maximenuck173 ul.maximenuck li.maximenuck.level1.align_right, div#maximenuck173 ul.maximenuck li.maximenuck.level1.menu_right, div#maximenuck173 ul.maximenuck li.align_right, div#maximenuck173 ul.maximenuck li.menu_right { float:right !important; margin-right:0px !important; } div#maximenuck173 ul.maximenuck li.align_right:not(.fullwidth) div.floatck, div#maximenuck173 ul.maximenuck li:not(.fullwidth) div.floatck.fixRight { left:auto; right:0px; top:auto; } /* arrow image for submenu parent item to open left */ div#maximenuck173 ul.maximenuck li.level1.parent div.floatck.fixRight li.parent > a:after, div#maximenuck173 ul.maximenuck li.level1.parent div.floatck.fixRight li.parent > span.separator:after, div#maximenuck173 ul.maximenuck li.level1.parent.menu_right li.parent > a:after, div#maximenuck173 ul.maximenuck li.level1.parent.menu_right li.parent > span.separator:after { border-color: transparent #333 transparent transparent; } /* margin for right elements that rolls to the left */ div#maximenuck173 ul.maximenuck li.maximenuck div.floatck div.floatck.fixRight, div#maximenuck173 ul.maximenuck li.level1.parent.menu_right div.floatck div.floatck { margin-right : 180px; } div#maximenuck173 ul.maximenuck li div.floatck.fixRight{ } /*--------------------------------------------- --- Sublevel items - level 2 to n --- ----------------------------------------------*/ div#maximenuck173 ul.maximenuck li div.floatck ul.maximenuck2, div#maximenuck173 ul.maximenuck2 { z-index:11000; clear:left; text-align : left; background : transparent; margin : 0 !important; padding : 0 !important; border : none !important; box-shadow: none !important; width : 100%; /* important for Chrome and Safari compatibility */ position: static !important; overflow: visible !important; display: block !important; float: none !important; visibility: visible !important; } div#maximenuck173 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck173 ul.maximenuck2 li.maximenuck { text-align : left; z-index : 11001; /*padding:0;*/ position:static; float:none !important; list-style : none; display: block; } div#maximenuck173 ul.maximenuck li ul.maximenuck2 li.maximenuck:hover, div#maximenuck173 ul.maximenuck2 li.maximenuck:hover { } /* all links styles */ div#maximenuck173 ul.maximenuck li.maximenuck a, div#maximenuck173 ul.maximenuck li.maximenuck span.separator, div#maximenuck173 ul.maximenuck2 a, div#maximenuck173 ul.maximenuck2 li.maximenuck span.separator { display: block; float : none !important; float : left; position:relative; text-decoration:none; outline : none; white-space: normal; filter: none; color: #3598db; } /* submenu link */ div#maximenuck173 ul.maximenuck li.maximenuck ul.maximenuck2 li > a, div#maximenuck173 ul.maximenuck2 li > a, div#maximenuck173 ul.maximenuck2 li > span.separator { color: #016da0; padding: 10px 5px; } /* heading type */ div#maximenuck173 ul.maximenuck li.maximenuck ul.maximenuck2 li > .nav-header { font-size: 18px; font-weight: 100; border-bottom: 1px solid #666; color: #666; margin: 10px 10px 10px 5px; padding: 7px 0; } div#maximenuck173 ul.maximenuck li.maximenuck ul.maximenuck2 a, div#maximenuck173 ul.maximenuck2 a { display: block; } div#maximenuck173 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck173 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a, div#maximenuck173 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a, div#maximenuck173 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a, div#maximenuck173 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > span.separator, div#maximenuck173 ul.maximenuck2 li:hover > a, div#maximenuck173 ul.maximenuck2 li:hover > h2 a, div#maximenuck173 ul.maximenuck2 li:hover > h3 a, div#maximenuck173 ul.maximenuck2 li.active > a, div#maximenuck173 ul.maximenuck li:hover > span.separator { color: #000; } /* link image style */ div#maximenuck173 li.maximenuck > a img { margin : 3px; border : none; } /* img style without link (in separator) */ div#maximenuck173 li.maximenuck img { border : none; } /* item title */ div#maximenuck173 span.titreck { text-decoration : none; /*min-height : 17px;*/ float : none !important; float : left; margin: 0; } /* item description */ div#maximenuck173 span.descck { display : block; text-transform : none; font-size : 10px; text-decoration : none; height : 12px; line-height : 12px; float : none !important; float : left; } /*-------------------------------------------- --- Submenus ------ ---------------------------------------------*/ /* submenus container */ div#maximenuck173 div.floatck { position : absolute; display: none; padding : 0; margin : 0; /*width : 180px;*/ /* default width */ text-align:left; width: auto; z-index:9999; cursor: auto; background: #f0f0f0; padding: 15px 20px; border: 1px solid #e5e5e5; } /* remove border top on first submenu */ div#maximenuck173 li.maximenuck.level1 > div.floatck { border-top: none; } div#maximenuck173 div.maxidrop-main { width : 180px; /* default width */ display: flex; flex-wrap: wrap; } /* vertical menu */ div#maximenuck173.maximenuckv div.floatck { margin : -39px 0 0 90%; } div#maximenuck173 .maxipushdownck div.floatck { margin: 0; } /* child blocks position (from level2 to n) */ div#maximenuck173 ul.maximenuck li.maximenuck div.floatck div.floatck { margin : -40px 0 0 180px; /* default sub submenu position */ } /** ** Show/hide sub menu if javascript is off - horizontal style **/ div#maximenuck173 ul.maximenuck li:hover:not(.maximenuckanimation) div.floatck div.floatck, div#maximenuck173 ul.maximenuck li:hover:not(.maximenuckanimation) div.floatck:hover div.floatck div.floatck, div#maximenuck173 ul.maximenuck li:hover:not(.maximenuckanimation) div.floatck:hover div.floatck:hover div.floatck div.floatck { display: none; } div#maximenuck173 ul.maximenuck li.maximenuck:hover > div.floatck, div#maximenuck173 ul.maximenuck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck, div#maximenuck173 ul.maximenuck li.maximenuck:hover> div.floatck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck, div#maximenuck173 ul.maximenuck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck { display: block; } div#maximenuck173 div.maximenuck_mod ul { display: block; } /*--------------------------------------------- --- Columns management --- ----------------------------------------------*/ div#maximenuck173 ul.maximenuck li div.floatck div.maximenuck2, div#maximenuck173 .maxipushdownck div.floatck div.maximenuck2 { /*width : 180px;*/ /* default width */ margin: 0; padding: 0; flex: 0 1 auto; width: 100%; } /* allow auto fill if no column created, default behavior */ /* div#maximenuck173 ul.maximenuck li div.floatck div.maximenuck2:not([style]) { flex: 1 1 auto; } */ /* h2 title */ div#maximenuck173 ul.maximenuck li.maximenuck ul.maximenuck2 h2 a, div#maximenuck173 ul.maximenuck li.maximenuck ul.maximenuck2 h2 span.separator, div#maximenuck173 ul.maximenuck2 h2 a, div#maximenuck173 ul.maximenuck2 h2 span.separator { font-size:21px; font-weight:400; letter-spacing:-1px; margin:7px 0 14px 0; padding-bottom:14px; line-height:21px; text-align:left; } /* h3 title */ div#maximenuck173 ul.maximenuck li.maximenuck ul.maximenuck2 h3 a, div#maximenuck173 ul.maximenuck li.maximenuck ul.maximenuck2 h3 span.separator, div#maximenuck173 ul.maximenuck2 h3 a, div#maximenuck173 ul.maximenuck2 h3 span.separator { font-size:14px; margin:7px 0 14px 0; padding-bottom:7px; line-height:21px; text-align:left; } /* paragraph */ div#maximenuck173 ul.maximenuck li ul.maximenuck2 li p, div#maximenuck173 ul.maximenuck2 li p { line-height:18px; margin:0 0 10px 0; font-size:12px; text-align:left; } /* image shadow with specific class */ div#maximenuck173 .imgshadow { /* Better style on light background */ background:#FFFFFF !important; padding:4px; border:1px solid #777777; margin-top:5px; -moz-box-shadow:0px 0px 5px #666666; -webkit-box-shadow:0px 0px 5px #666666; box-shadow:0px 0px 5px #666666; } /* blackbox style */ div#maximenuck173 ul.maximenuck li ul.maximenuck2 li.blackbox, div#maximenuck173 ul.maximenuck2 li.blackbox { background-color:#333333 !important; color: #eeeeee; text-shadow: 1px 1px 1px #000; padding:4px 6px 4px 6px !important; margin: 0px 4px 4px 4px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:inset 0 0 3px #000000; -moz-box-shadow:inset 0 0 3px #000000; box-shadow:inset 0 0 3px #000000; } div#maximenuck173 ul.maximenuck li ul.maximenuck2 li.blackbox:hover, div#maximenuck173 ul.maximenuck2 li.blackbox:hover { background-color:#333333 !important; } div#maximenuck173 ul.maximenuck li ul.maximenuck2 li.blackbox a, div#maximenuck173 ul.maximenuck2 li.blackbox a { color: #fff; text-shadow: 1px 1px 1px #000; display: inline !important; } div#maximenuck173 ul.maximenuck li ul.maximenuck2 li.blackbox:hover > a, div#maximenuck173 ul.maximenuck2 li.blackbox:hover > a{ text-decoration: underline; } /* greybox style */ div#maximenuck173 ul.maximenuck li ul.maximenuck2 li.greybox, div#maximenuck173 ul.maximenuck2 li.greybox { background:#f0f0f0 !important; border:1px solid #bbbbbb; padding: 4px 6px 4px 6px !important; margin: 0px 4px 4px 4px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } div#maximenuck173 ul.maximenuck li ul.maximenuck2 li.greybox:hover, div#maximenuck173 ul.maximenuck2 li.greybox:hover { background:#ffffff !important; border:1px solid #aaaaaa; } /* create new row with flexbox */ div#maximenuck173 .ck-column-break { flex-basis: 100%; height: 0; } /*--------------------------------------------- --- Module in submenus --- ----------------------------------------------*/ /* module title */ div#maximenuck173 ul.maximenuck div.maximenuck_mod > div > h3, div#maximenuck173 ul.maximenuck2 div.maximenuck_mod > div > h3 { width : 100%; font-weight : bold; font-size: 16px; } div#maximenuck173 div.maximenuck_mod { /*width : 100%;*/ padding : 0; white-space : normal; } div#maximenuck173 div.maximenuck_mod div.moduletable { border : none; background : none; } div#maximenuck173 div.maximenuck_mod fieldset{ width : 100%; padding : 0; margin : 0 auto; overflow : hidden; background : transparent; border : none; } div#maximenuck173 ul.maximenuck2 div.maximenuck_mod a { border : none; margin : 0; padding : 0; display : inline; background : transparent; font-weight : normal; } div#maximenuck173 ul.maximenuck2 div.maximenuck_mod a:hover { } div#maximenuck173 ul.maximenuck2 div.maximenuck_mod ul { margin : 0; padding : 0; width : 100%; background : none; border : none; text-align : left; } div#maximenuck173 ul.maximenuck2 div.maximenuck_mod li { margin : 0 0 0 15px; padding : 0; background : none; border : none; text-align : left; font-size : 11px; float : none; display : block; line-height : 20px; white-space : normal; } /* login module */ div#maximenuck173 ul.maximenuck2 div.maximenuck_mod #form-login ul { left : 0; margin : 0; padding : 0; width : 100%; } div#maximenuck173 ul.maximenuck2 div.maximenuck_mod #form-login ul li { margin : 2px 0; padding : 0 5px; height : 20px; background : transparent; } /*--------------------------------------------- --- Mobile menu bar --- ----------------------------------------------*/ div#maximenuck173 .maximenumobiletogglericonck { font-family: verdana; background: #f0f0f0; padding: 5px 10px; padding-top: 5px; height: 30px; position: relative; color: #333; } div#maximenuck173 .maximenumobiletogglericonck:after { display: block; content: ""; height: calc(100% - 10px); border: 1px solid #e2e2e2; position: absolute; right: 45px; top: 5px; box-sizing: border-box; } /*--------------------------------------------- --- Fancy styles (floating cursor) --- ----------------------------------------------*/ div#maximenuck173 .maxiFancybackground { position: absolute; top : 0; list-style : none; padding: 0; margin: 0; border: none; z-index: -1; border-top: 1px solid #fff; } div#maximenuck173 .maxiFancybackground .maxiFancycenter { /*border-top: 1px solid #fff;*/ } /*--------------------------------------------- --- Button to close on click --- ----------------------------------------------*/ div#maximenuck173 span.maxiclose { color: #fff; } /*--------------------------------------------- --- Stop the dropdown --- ----------------------------------------------*/ div#maximenuck173 ul.maximenuck li.maximenuck.nodropdown div.floatck, div#maximenuck173 ul.maximenuck li.maximenuck div.floatck li.maximenuck.nodropdown div.floatck, div#maximenuck173 .maxipushdownck div.floatck div.floatck { position: static !important; background: none; border: none; left: auto; margin: 3px; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; display: block !important; } div#maximenuck173 ul.maximenuck li.level1.parent ul.maximenuck2 li.maximenuck.nodropdown li.maximenuck, div#maximenuck173 .maxipushdownck ul.maximenuck2 li.maximenuck.nodropdown li.maximenuck { background: none; text-indent: 5px; } div#maximenuck173 ul.maximenuck li.maximenuck.level1.parent ul.maximenuck2 li.maximenuck.parent.nodropdown > a, div#maximenuck173 ul.maximenuck li.maximenuck.level1.parent ul.maximenuck2 li.maximenuck.parent.nodropdown > span.separator, div#maximenuck173 .maxipushdownck ul.maximenuck2 li.maximenuck.parent.nodropdown > a, div#maximenuck173 .maxipushdownck ul.maximenuck2 li.maximenuck.parent.nodropdown > span.separator { background: none; } /* remove the arrow image for parent item */ div#maximenuck173 ul.maximenuck li.maximenuck.level1.parent ul.maximenuck2 li.parent.nodropdown > *:after, div#maximenuck173 .maxipushdownck ul.maximenuck2 li.parent > *:after { display: none; } div#maximenuck173 li.maximenuck.nodropdown > div.floatck > div.maxidrop-main { width: auto; } /*--------------------------------------------- --- Full width --- ----------------------------------------------*/ div#maximenuck173.maximenuckh li.fullwidth > div.floatck { margin: 0; padding: 0; width: auto !important; left: 0; right: 0; } div#maximenuck173.maximenuckv li.fullwidth > div.floatck { margin: 0; padding: 0; top: 0; bottom: 0; left: 100%; right: auto !important; } div#maximenuck173.maximenuckh li.fullwidth > div.floatck > div.maxidrop-main { width: auto !important; } div#maximenuck173.maximenuckv li.fullwidth > div.floatck > .maxidrop-main { height: 100%; overflow-y: auto; } @media screen and (max-width: 640px) {div#maximenuck173 ul.maximenuck li.maximenuck.nomobileck, div#maximenuck173 .maxipushdownck ul.maximenuck2 li.maximenuck.nomobileck { display: none !important; } div#maximenuck173.maximenuckh { height: auto !important; } div#maximenuck173.maximenuckh li.maxiFancybackground { display: none !important; } div#maximenuck173.maximenuckh ul:not(.noresponsive) { height: auto !important; padding-left: 0 !important; /*padding-right: 0 !important;*/ } div#maximenuck173.maximenuckh ul:not(.noresponsive) li { float :none !important; width: 100% !important; box-sizing: border-box; /*padding-right: 0 !important;*/ padding-left: 0 !important; padding-right: 0 !important; margin-right: 0 !important; } div#maximenuck173.maximenuckh ul:not(.noresponsive) li > div.floatck { width: 100% !important; box-sizing: border-box; right: 0 !important; left: 0 !important; margin-left: 0 !important; position: relative !important; /*display: none; height: auto !important;*/ } div#maximenuck173.maximenuckh ul:not(.noresponsive) li:hover > div.floatck { position: relative !important; margin-left: 0 !important; } div#maximenuck173.maximenuckh ul:not(.noresponsive) div.floatck div.maximenuck2 { width: 100% !important; } div#maximenuck173.maximenuckh ul:not(.noresponsive) div.floatck div.floatck { width: 100% !important; margin: 20px 0 0 0 !important; } div#maximenuck173.maximenuckh ul:not(.noresponsive) div.floatck div.maxidrop-main { width: 100% !important; } div#maximenuck173.maximenuckh ul:not(.noresponsive) li.maximenucklogo img { display: block !important; margin-left: auto !important; margin-right: auto !important; float: none !important; } /* for vertical menu */ div#maximenuck173.maximenuckv { height: auto !important; } div#maximenuck173.maximenuckh li.maxiFancybackground { display: none !important; } div#maximenuck173.maximenuckv ul:not(.noresponsive) { height: auto !important; padding-left: 0 !important; /*padding-right: 0 !important;*/ } div#maximenuck173.maximenuckv ul:not(.noresponsive) li { float :none !important; width: 100% !important; /*padding-right: 0 !important;*/ padding-left: 0 !important; margin-right: 0 !important; } div#maximenuck173.maximenuckv ul:not(.noresponsive) li > div.floatck { width: 100% !important; right: 0 !important; margin-left: 0 !important; margin-top: 0 !important; position: relative !important; left: 0 !important; /*display: none; height: auto !important;*/ } div#maximenuck173.maximenuckv ul:not(.noresponsive) li:hover > div.floatck { position: relative !important; margin-left: 0 !important; } div#maximenuck173.maximenuckv ul:not(.noresponsive) div.floatck div.maximenuck2 { width: 100% !important; } div#maximenuck173.maximenuckv ul:not(.noresponsive) div.floatck div.floatck { width: 100% !important; margin: 20px 0 0 0 !important; } div#maximenuck173.maximenuckv ul:not(.noresponsive) div.floatck div.maxidrop-main { width: 100% !important; } div#maximenuck173.maximenuckv ul:not(.noresponsive) li.maximenucklogo img { display: block !important; margin-left: auto !important; margin-right: auto !important; float: none !important; } } @media screen and (min-width: 641px) { div#maximenuck173 ul.maximenuck li.maximenuck.nodesktopck, div#maximenuck173 .maxipushdownck ul.maximenuck2 li.maximenuck.nodesktopck { display: none !important; } }/*--------------------------------------------- --- WCAG --- ----------------------------------------------*/ #maximenuck173.maximenuck-wcag-active .maximenuck-toggler-anchor ~ ul { display: block !important; } #maximenuck173 .maximenuck-toggler-anchor { height: 0; opacity: 0; overflow: hidden; display: none; } div#maximenuck173 div.maxidrop-main, div#maximenuck173 li div.maxidrop-main { width: 180px; } div#maximenuck173 li.maximenuck div.floatck div.floatck { margin-left: 170px; } div#maximenuck173 li.maximenuck div.floatck div.floatck { margin-top: -39px; } div#maximenuck173 li.maximenuck.level1.parent > a:after, div#maximenuck173 li.maximenuck.level1.parent > span.separator:after { border-left-color: #FFFFFF;color: #FFFFFF;display:block;position:absolute;margin-right: 5px;top: 45%;} div#maximenuck173 li.maximenuck.level1 li.maximenuck.parent > a:after, div#maximenuck173 li.maximenuck.level1 li.maximenuck.parent > span.separator:after, div#maximenuck173 .maxipushdownck li.maximenuck.parent > a:after, div#maximenuck173 .maxipushdownck li.maximenuck.parent > span.separator:after { border-left-color: #FFFFFF;color: #FFFFFF;margin-top: 13px;} div#maximenuck173 li.maximenuck.level1 li.maximenuck.parent:hover > a:after, div#maximenuck173 li.maximenuck.level1 li.maximenuck.parent:hover > span.separator:after, div#maximenuck173 .maxipushdownck li.maximenuck.parent:hover > a:after, div#maximenuck173 .maxipushdownck li.maximenuck.parent:hover > span.separator:after { border-color: transparent transparent transparent #FFFFFF;color: #FFFFFF;} div#maximenuck173, #maximenuck173 { padding-top: 20px;padding-right: 40px;padding-bottom: 20px;padding-left: 40px;background: rgba(57,57,57,0.61);background-color: rgba(57,57,57,0.61);-moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px;border-top: #393939 1px solid ;border-right: #393939 1px solid ;border-bottom: #393939 1px solid ;border-left: #FFFFFF 1px solid ; } #maximenuck173 { height: auto; } div#maximenuck173 li.maximenuck.level1, div#maximenuck173 li.maximenuck.level1.parent { margin-right: 10px;background: #c79f31;background-color: #c79f31;border-right: #000000 1px solid ;border-bottom: #000000 1px solid ;border-left: #000000 1px solid ; } div#maximenuck173 li.maximenuck.level1 > a, div#maximenuck173 li.maximenuck.level1 > span.separator { } div#maximenuck173 li.maximenuck.level1 > a span.titreck, div#maximenuck173 li.maximenuck.level1 > span.separator span.titreck, select#maximenuck173 { color: #FFFFFF;font-size: 14px; } div#maximenuck173 li.maximenuck.level1 > a span.descck, div#maximenuck173 li.maximenuck.level1 > span.separator span.descck { font-size: 10px; } div#maximenuck173 li.maximenuck.level1.active, div#maximenuck173 li.maximenuck.level1.parent.active, div#maximenuck173 li.maximenuck.level1:hover, div#maximenuck173 li.maximenuck.level1.parent:hover { background: rgba(199,159,49,0.6);background-color: rgba(199,159,49,0.6); } div#maximenuck173 li.maximenuck.level1.active > a, div#maximenuck173 li.maximenuck.level1.active > span, div#maximenuck173 li.maximenuck.level1:hover > a, div#maximenuck173 li.maximenuck.level1:hover > span.separator { } div#maximenuck173 li.maximenuck div.floatck, div#maximenuck173 li.maximenuck div.floatck div.floatck, div#maximenuck173 .maxipushdownck div.floatck, select#maximenuck173 option { background: rgba(0,0,0,0.6);background-color: rgba(0,0,0,0.6);background-image: url("http://127.0.0.1/alpol/images/glassmenu.png");background-repeat: ;background-position: ;-moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px;border-top: #021117 1px solid ;border-right: #000000 1px solid ;border-bottom: #000000 1px solid ;border-left: #000000 1px solid ; } div#maximenuck173 li.maximenuck.level1 li.maximenuck:not(.headingck), div#maximenuck173 li.maximenuck.maximenuflatlistck:not(.level1):not(.headingck), div#maximenuck173 .maxipushdownck li.maximenuck:not(.headingck), select#maximenuck173 option { margin-left: 10px;-moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px; } div#maximenuck173 li.maximenuck.level1 li.maximenuck:not(.headingck) > a, div#maximenuck173 li.maximenuck.maximenuflatlistck:not(.level1):not(.headingck) > a, div#maximenuck173 .maxipushdownck li.maximenuck:not(.headingck) > a, div#maximenuck173 li.maximenuck.level1 li.maximenuck:not(.headingck) > span.separator, div#maximenuck173 li.maximenuck.maximenuflatlistck:not(.level1):not(.headingck) > span.separator, div#maximenuck173 .maxipushdownck li.maximenuck:not(.headingck) > span.separator { padding-top: 12px;padding-right: 16px;padding-bottom: 12px;padding-left: 16px; } div#maximenuck173 li.maximenuck.level1 li.maximenuck > a span.titreck, div#maximenuck173 li.maximenuck.level1 li.maximenuck > span.separator span.titreck, div#maximenuck173 li.maximenuck.maximenuflatlistck:not(.level1) span.titreck, div#maximenuck173 .maxipushdownck li.maximenuck > a span.titreck, div#maximenuck173 .maxipushdownck li.maximenuck > span.separator span.titreck, select#maximenuck173 option { color: #FFFFFF;font-size: 13px; } div#maximenuck173 li.maximenuck.level1 li.maximenuck > a span.descck, div#maximenuck173 li.maximenuck.level1 li.maximenuck > span.separator span.descck, div#maximenuck173 li.maximenuck.maximenuflatlistck:not(.level1) span.descck, div#maximenuck173 .maxipushdownck li.maximenuck > a span.descck, div#maximenuck173 .maxipushdownck li.maximenuck > span.separator span.descck { font-size: 10px; } div#maximenuck173 li.maximenuck.level2.active:not(.headingck), div#maximenuck173 li.maximenuck.level2.parent.active:not(.headingck), div#maximenuck173 li.maximenuck.maximenuflatlistck.active:not(.level1):not(.headingck), div#maximenuck173 ul.maximenuck li.maximenuck.level1 li.maximenuck:not(.headingck):hover, div#maximenuck173 li.maximenuck.maximenuflatlistck:hover:not(.level1):not(.headingck):hover, div#maximenuck173 .maxipushdownck li.maximenuck:not(.headingck):hover { background: #23A310;background-color: #23A310; } div#maximenuck173 li.maximenuck.level2.active:not(.headingck), div#maximenuck173 li.maximenuck.level2.parent.active:not(.headingck), div#maximenuck173 li.maximenuck.maximenuflatlistck.active:not(.level1):not(.headingck), div#maximenuck173 ul.maximenuck li.maximenuck.level1 li.maximenuck:not(.headingck):hover > a, div#maximenuck173 li.maximenuck.maximenuflatlistck:hover:not(.level1):not(.headingck):hover > a, div#maximenuck173 .maxipushdownck li.maximenuck:not(.headingck):hover > a, div#maximenuck173 ul.maximenuck li.maximenuck.level1 li.maximenuck:not(.headingck):hover > span.separator, div#maximenuck173 li.maximenuck.maximenuflatlistck:hover:not(.level1):not(.headingck):hover > span.separator, div#maximenuck173 .maxipushdownck li.maximenuck:not(.headingck):hover > span.separator { } div#maximenuck173 li.maximenuck.level2.active > a span.titreck, div#maximenuck173 li.maximenuck.level2.active > span.separator span.titreck, div#maximenuck173 li.maximenuck.maximenuflatlistck.active:not(.level1) span.titreck, div#maximenuck173 li.maximenuck.level1 li.maximenuck:hover > a span.titreck, div#maximenuck173 li.maximenuck.level1 li.maximenuck:hover > span.separator span.titreck, div#maximenuck173 li.maximenuck.maximenuflatlistck:hover:not(.level1) span.titreck, div#maximenuck173 .maxipushdownck li.maximenuck:hover > a span.titreck, div#maximenuck173 .maxipushdownck li.maximenuck:hover > span.separator span.titreck { color: #FFFFFF; } div#maximenuck173 ul.maximenuck2 li.maximenuck > .nav-header, div#maximenuck173 .maxipushdownck ul.maximenuck2 li.maximenuck > .nav-header { padding-top: 10px !important;padding-right: 5px !important;padding-bottom: 10px !important;padding-left: 15px !important; } div#maximenuck173 ul.maximenuck2 li.maximenuck > .nav-header span.titreck, div#maximenuck173 .maxipushdownck ul.maximenuck2 li.maximenuck > .nav-header span.titreck { color: #A0D6FF !important;font-size: 14px !important; } div#maximenuck173 .level1 { vertical-align: top; } div#maximenuck173 .level1 > a { line-height: 44px; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } div#maximenuck173 .level1 > a span.titreck { position: relative; display: inline-block; padding: 0 14px; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } div#maximenuck173 .level1 > a span.titreck:before { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; content: attr(data-hover); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; } div#maximenuck173 .level1 > a:hover span.titreck, div#maximenuck173 .level1 > a:focus span.titreck { -webkit-transform: rotateX(90deg) translateY(-22px); -moz-transform: rotateX(90deg) translateY(-22px); transform: rotateX(90deg) translateY(-22px); } maximenuck173 .level1 { vertical-align: top; } maximenuck173 .level1 > a { line-height: 44px; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } maximenuck173 .level1 > a span.titreck { position: relative; display: inline-block; padding: 0 14px; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } maximenuck173 .level1 > a span.titreck:before { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; content: attr(data-hover); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; } maximenuck173 .level1 > a:hover span.titreck, maximenuck173 .level1 > a:focus span.titreck { -webkit-transform: rotateX(90deg) translateY(-22px); -moz-transform: rotateX(90deg) translateY(-22px); transform: rotateX(90deg) translateY(-22px); } /** * Owl Carousel v2.3.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.msecurite.fr//modules/mod_ol_newspost/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-carousel { } .owl-carousel .owl-item { z-index: 9; overflow: hidden; /* image flickering fix */ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .owl-carousel .owl-item .cc-image { height: 100%; } /* OWL controls */ .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: absolute; } /* Prev/Next buttons ===================== */ .owl-nav { margin: 0; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { top: 50%; width: 42px; height: 90px; line-height: 90px; background-color: rgba(0, 0, 0, 0.3); background-size: 78%; padding: 0; margin: 0; text-align: center; font-size: 19px; color: #FFF; opacity: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .owl-carousel .owl-nav .owl-prev { background-image: url(//www.msecurite.fr//modules/mod_ol_newspost/assets/css/../images/arrow-left-light.png); background-repeat: no-repeat; background-position: center; } .owl-carousel .owl-nav .owl-next { background-image: url(//www.msecurite.fr//modules/mod_ol_newspost/assets/css/../images/arrow-right-light.png); background-repeat: no-repeat; background-position: center; } .owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next { opacity: 1; } .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { width: 32px; background-color: rgba(0, 0, 0, 0.6); } .owl-carousel .owl-nav .owl-prev { left: 0px; } .owl-carousel .owl-nav .owl-next { right: 0px; } .owl-carousel:hover .owl-nav .owl-prev { left: 0px; } .owl-carousel:hover .owl-nav .owl-next { right: 0px; } /* Prev/Next buttons disabled (no loop) */ .owl-carousel .owl-nav .owl-prev.disabled { opacity: 0; visibility: hidden; cursor: default; } .owl-carousel .owl-nav .owl-next.disabled { opacity: 0; visibility: hidden; cursor: default; } /* Prev/Next nav buttons styles ================================ */ /* Prev/Next buttons light */ .nav-light .owl-nav .owl-prev, .nav-light .owl-nav .owl-next, .nav-light.nav-bottom-right .owl-nav .owl-prev, .nav-light.nav-bottom-right .owl-nav .owl-next, .nav-light.nav-outside-top .owl-nav .owl-prev, .nav-light.nav-outside-top .owl-nav .owl-next { background-color: #FFF; } .nav-light .owl-nav .owl-prev { background-image: url(//www.msecurite.fr//modules/mod_ol_newspost/assets/css/../images/arrow-left-dark.png); } .nav-light .owl-nav .owl-next { background-image: url(//www.msecurite.fr//modules/mod_ol_newspost/assets/css/../images/arrow-right-dark.png); } .nav-light .owl-nav .owl-prev:hover, .nav-light .owl-nav .owl-next:hover, .nav-light.nav-bottom-right .owl-nav .owl-prev:hover, .nav-light.nav-bottom-right .owl-nav .owl-next:hover, .nav-light.nav-outside-top .owl-nav .owl-prev:hover, .nav-light.nav-outside-top .owl-nav .owl-next:hover { background-color: rgba(255, 255, 255, 0.7); } /* Prev/Next buttons rounded */ .nav-rounded .owl-nav .owl-prev, .nav-rounded .owl-nav .owl-next { width: 32px; height: 32px; line-height: 32px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .nav-rounded:hover .owl-nav .owl-prev { left: 20px; } .nav-rounded:hover .owl-nav .owl-next { right: 20px; } /* Prev/Next nav buttons positions =================================== */ /* Prev/Next buttons position outside (left/right) */ .owl-carousel.nav-outside .owl-nav .owl-prev, .owl-carousel.nav-outside .owl-nav .owl-next { width: 50px; height: 50px; line-height: 50px; -webkit-background-size: 80%; background-size: 80%; opacity: 1; } .owl-carousel.nav-outside .owl-nav .owl-prev:hover, .owl-carousel.nav-outside .owl-nav .owl-next:hover { width: 50px; } .owl-carousel.nav-outside .owl-nav .owl-prev.disabled, .owl-carousel.nav-outside .owl-nav .owl-next.disabled { opacity: 0; visibility: hidden; } .owl-carousel.nav-outside .owl-nav .owl-prev { left: -70px; } .owl-carousel.nav-outside .owl-nav .owl-next { right: -70px; } @media (max-width: 1540px) { .owl-carousel.nav-outside .owl-nav .owl-prev, .owl-carousel.nav-outside .owl-nav .owl-next { width: 40px; height: 40px; line-height: 40px; -webkit-background-size: 70%; background-size: 70%; } .owl-carousel.nav-outside .owl-nav .owl-prev { left: 15px; } .owl-carousel.nav-outside .owl-nav .owl-next { right: 15px; } } /* Prev/Next nav buttons position outside top */ .nav-outside-top .owl-nav { position: absolute; top: -40px; right: 30px; width: 72px; } @media (max-width: 768px) { .nav-outside-top .owl-nav { right: 20px; } } .nav-outside-top .owl-nav .owl-prev, .nav-outside-top .owl-nav .owl-next { width: 32px; height: 32px; line-height: 32px; background-color: rgba(0, 0, 0, 0.4); font-size: 14px; color: #FFF; opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } .nav-outside-top .owl-nav .owl-prev:hover, .nav-outside-top .owl-nav .owl-next:hover { width: 32px; background-color: rgba(0, 0, 0, 0.6); color: #FFF; } .nav-outside-top .owl-nav .owl-prev.disabled, .nav-outside-top .owl-nav .owl-next.disabled { visibility: visible; opacity: .2; color: #A4AAAD; } .nav-outside-top:hover .owl-nav .owl-prev { left: 0; } .nav-outside-top:hover .owl-nav .owl-next { right: 0; } /* Prev/Next nav buttons position bottom right */ .nav-bottom-right .owl-nav { position: absolute; top: auto; bottom: 40px; right: 1%; width: 72px; } @media (max-width: 768px) { .nav-bottom-right .owl-nav { right: 20px; } } .nav-bottom-right .owl-nav .owl-prev, .nav-bottom-right .owl-nav .owl-next { width: 32px; height: 32px; line-height: 32px; background-color: rgba(0, 0, 0, 0.4); font-size: 14px; color: #FFF; opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } .nav-bottom-right .owl-nav .owl-prev:hover, .nav-bottom-right .owl-nav .owl-next:hover { width: 32px; background-color: rgba(0, 0, 0, 0.6); color: #FFF; } .nav-bottom-right .owl-nav .owl-prev.disabled, .nav-bottom-right .owl-nav .owl-next.disabled { visibility: visible; opacity: .2; color: #A4AAAD; } .nav-bottom-right:hover .owl-nav .owl-prev { left: 0; } .nav-bottom-right:hover .owl-nav .owl-next { right: 0; } /* Dots ======== */ .owl-dots, .owl-nav.disabled + .owl-dots { position: absolute; bottom: 5%; margin-top: 0px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .owl-dots .owl-dot { display: inline-block; } .owl-dots .owl-dot span { display: inline-block; width: 4px; height: 15px; margin: 0px 4px; background-color: #BBB; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { height: 20px; background-color: rgba(0, 0, 0, 0.5); } .owl-dots .owl-dot.active span { } /* Dots rounded */ .dots-rounded .owl-dots .owl-dot span { width: 8px; height: 8px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* Dots positions =================== */ /* Dots position outside */ .dots-outside { margin-bottom: 50px; } .dots-outside .owl-dots, .dots-outside .owl-nav.disabled + .owl-dots { bottom: -35px; } /* Dots position left */ .dots-left .owl-dots, .dots-left .owl-nav.disabled + .owl-dots { left: 3%; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } /* Dots position right */ .dots-right .owl-dots, .dots-right .owl-nav.disabled + .owl-dots { left: inherit; right: 3%; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } /* Dots position center right */ .dots-center-right .owl-dots { position: absolute; top: 50%; bottom: auto !important; left: auto !important; right: 15px; text-align: right; -moz-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } .dots-center-right .owl-dots .owl-dot { display: block; line-height: 0; } .dots-center-right .owl-dots .owl-dot span { margin: 5px 0; } /* if page boxed layout enabled ================================ */ @media (max-width: 1440px) { .owl-carousel.tt-wrap { padding-left: 0 !important; padding-right: 0 !important; } } /* CC item =========== */ .owl-carousel .cc-item { position: relative; display: block; overflow: hidden; } .owl-carousel .cc-item.bg-image { /* if CC item contains background image */ min-height: 100px; } /* CC item hover ================= */ /* CC item cover */ .owl-carousel .cc-item:before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* CC item hover light */ .owl-carousel.cc-hover-light .cc-item:before { background-color: #FFF; } @media (min-width: 992px) { .owl-carousel.cc-item-hovered.cc-hover-light:hover .cc-item:before { background-color: #FFF; opacity: .7; } .owl-carousel.cc-item-hovered.cc-hover-light .cc-item:hover:before { opacity: 0; } .owl-carousel.cc-item-hovered.cc-hover-light:hover .cc-item .cc-caption { opacity: .4; } .owl-carousel.cc-item-hovered.cc-hover-light .cc-item:hover .cc-caption { opacity: 1; } } /* CC item hover dark */ .owl-carousel.cc-hover-dark .cc-item:before { background-color: #000; } @media (min-width: 992px) { .owl-carousel.cc-item-hovered.cc-hover-dark:hover .cc-item:before { opacity: .6; } .owl-carousel.cc-item-hovered.cc-hover-dark .cc-item:hover:before { opacity: 0; } .owl-carousel.cc-item-hovered.cc-hover-dark:hover .cc-item .cc-caption { opacity: .2; } .owl-carousel.cc-item-hovered.cc-hover-dark .cc-item:hover .cc-caption { opacity: 1; } } /* CC item hover zoom */ .owl-carousel.cc-hover-zoom .cc-item { overflow: hidden; } .owl-carousel.cc-hover-zoom .cc-item .cc-image { -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; } .owl-carousel.cc-hover-zoom .cc-item:hover .cc-image { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } /* if CC item contains "cc-caption" (makes item cover a bit darker) */ .owl-carousel .cc-item.cc-caption-on:before { background-color: #000; opacity: .15; } @media (min-width: 992px) { .owl-carousel.cc-item-hovered .cc-item.cc-caption-on:hover:before { background-color: #000; opacity: .1; } } /* CC item cover (for carousel center) */ @media (min-width: 992px) { .gs-carousel-center .owl-carousel.cc-hover-light .cc-item:before, .gs-carousel-center .owl-carousel.cc-hover-dark .cc-item:before { opacity: .8 !important; } .gs-carousel-center .owl-carousel.cc-hover-light .owl-item.center .cc-item:before, .gs-carousel-center .owl-carousel.cc-hover-dark .owl-item.center .cc-item:before { opacity: 0 !important; } } /* CC auto width image ======================= */ .owl-carousel .cc-auto-width-img { width: auto !important; } .owl-carousel .cc-auto-width-img-bg { /* for small devices */ display: none; width: 100vw; } @media (max-width: 768px) { .owl-carousel .cc-auto-width-img { display: none !important; } .owl-carousel .cc-auto-width-img-bg { /* for small devices */ display: block; } } /* CC item heights =================== */ .owl-carousel, .owl-carousel .cc-item { min-height: 100px; } /* CC item minimum height */ .owl-carousel.cc-height-1, .owl-carousel.cc-height-1 .cc-item { height: 40vh; } .owl-carousel.cc-height-2, .owl-carousel.cc-height-2 .cc-item { height: 50vh; } .owl-carousel.cc-height-3, .owl-carousel.cc-height-3 .cc-item { height: 60vh; } .owl-carousel.cc-height-4, .owl-carousel.cc-height-4 .cc-item { height: 70vh; } .owl-carousel.cc-height-5, .owl-carousel.cc-height-5 .cc-item { height: 80vh; } .owl-carousel.cc-height-6, .owl-carousel.cc-height-6 .cc-item { height: 90vh; } .owl-carousel.cc-height-full, .owl-carousel.cc-height-full .cc-item { height: 100vh; } .owl-carousel.cc-height-1 .owl-stage-outer, .owl-carousel.cc-height-1 .owl-stage, .owl-carousel.cc-height-1 .owl-item, .owl-carousel.cc-height-2 .owl-stage-outer, .owl-carousel.cc-height-2 .owl-stage, .owl-carousel.cc-height-2 .owl-item, .owl-carousel.cc-height-3 .owl-stage-outer, .owl-carousel.cc-height-3 .owl-stage, .owl-carousel.cc-height-3 .owl-item, .owl-carousel.cc-height-4 .owl-stage-outer, .owl-carousel.cc-height-4 .owl-stage, .owl-carousel.cc-height-4 .owl-item, .owl-carousel.cc-height-5 .owl-stage-outer, .owl-carousel.cc-height-5 .owl-stage, .owl-carousel.cc-height-5 .owl-item, .owl-carousel.cc-height-6 .owl-stage-outer, .owl-carousel.cc-height-6 .owl-stage, .owl-carousel.cc-height-6 .owl-item, .owl-carousel.cc-height-full .owl-stage-outer, .owl-carousel.cc-height-full .owl-stage, .owl-carousel.cc-height-full .owl-item, { height: 100%; } /* CC item full height offsets (same as header height) ======================================================= */ .owl-carousel.cc-height-full, .owl-carousel.cc-height-full .cc-item { height: calc(100vh - 62px); } /* CC item full height on small screen */ @media (max-width: 768px) { .owl-carousel.cc-height-full, .owl-carousel.cc-height-full .cc-item, .owl-carousel.cc-height-m, .owl-carousel.cc-height-m .cc-item { height: calc(100vh - 62px); /* full height minus mobile header height */ } } /* CC item inner ================= */ .owl-carousel .cc-item-inner { position: relative; height: 100%; min-height: 100px; } /* CC caption ============== */ .owl-carousel .cc-caption { position: absolute; width: auto !important; padding: 0 15px; z-index: 9; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .owl-carousel .cc-caption.caption-animate { opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .owl-carousel .owl-item.active .cc-caption.caption-animate { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translatey(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } /* CC title */ .owl-carousel .cc-title { display: block; margin: 0; font-size: 24px; font-weight: bold; color: #FFF; text-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .owl-carousel .cc-title a { color: #FFF; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .owl-carousel .cc-title a:hover { text-decoration: underline; /* color: rgba(0, 0, 0, 0.5); */ } /* CC description */ .owl-carousel .cc-description { margin: 10px 0 0 0; font-weight: normal; color: #FFF; text-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } /* CC category */ .owl-carousel .cc-category { display: block; margin-top: 15px; margin-bottom: 20px; font-size: 12px; font-weight: normal; color: #EEE; } .owl-carousel .cc-category a, .owl-carousel .cc-category span { background-color: rgba(0, 0, 0, 0.5); padding: 5px 10px; color: #FFF; } .owl-carousel .cc-category a:hover { opacity: .8; } /* CC meta */ .cc-meta { margin-top: 15px; font-size: 14px; color: #DDD; } .cc-meta a { padding-bottom: 2px; color: #DDD; } .cc-meta a:hover { color: rgba(0, 0, 0, 0.5); } /* CC item attributes ====================== */ .owl-carousel ul.cc-item-attr { position: absolute; top: 30px; right: 40px; display: inline-block; margin: 0; padding: 0; list-style: none; font-size: 14px; color: #EEE; z-index: 2; text-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .owl-carousel ul.cc-item-attr > li { float: left; margin-right: 10px; } .owl-carousel ul.cc-item-attr > li:last-child { margin-right: 0 !important; } .owl-carousel ul.cc-item-attr > li a { color: #EEE; } .owl-carousel ul.cc-item-attr > li a:hover { color: #08c1b8 } /* blog list item favorite-btn */ .owl-carousel ul.cc-item-attr .favorite-btn { font-size: 14px; } /* blog list item comments count */ .owl-carousel .cc-item-comments-count { } /* blog list item attributes animated */ .owl-carousel ul.cc-item-attr.attr-animated { opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .owl-carousel .owl-item.active ul.cc-item-attr.attr-animated { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translatey(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; } .owl-carousel button { box-shadow: 0px 1px 3px #999; border: 0; } .mos-img img {display: none !important;} body h4 { font-family: 'Oswald', sans-serif!important; font-style: normal!important; font-weight: 400!important; font-size: 38px!important; line-height: 56px!important; font-size-adjust: none!important; font-stretch: normal!important; -x-system-font: none!important; font-feature-settings: normal!important; font-language-override: normal!important; font-kerning: auto!important; font-synthesis: weight style!important; font-variant-alternates: normal!important; font-variant-caps: normal!important; font-variant-east-asian: normal!important; font-variant-ligatures: normal!important; font-variant-numeric: normal!important; font-variant-position: normal!important; vertical-align: middle!important;; padding-bottom: 15px!important; color: #ffffff!important; text-transform: uppercase!important; } .olstyle7-img { position:relative; overflow:hidden; float: left; margin-right: 14px; } .olstyle7-img span { position:absolute; right:0; bottom:0; padding:10px 20px; font-size:12px; font-weight:700; color:#fff; display:inline-block; background:#ff4040; text-transform:uppercase; letter-spacing:1.5px } .olstyle7-img img { width:100%; -webkit-transition:all 1.5s cubic-bezier(0,0,.2,1); transition:all 1.5s cubic-bezier(0,0,.2,1); } .service-item:hover img{ --x: 2.5px; --y: 5px; clip-path: polygon( var(--y) var(--y), calc(100% - var(--y)) var(--y), calc(100% - var(--y)) calc(100% - var(--y)), var(--y) calc(100% - var(--y)), 0 calc(100% - var(--x) - var(--y)), 0 calc(var(--x) + var(--y))); transform: perspective(1000px) rotateY(40deg); outline: var(--y) solid rgba(0,0,0,0.4) !important; outline-offset: calc(-1*var(--y)); transition: 1s all; max-width: 250px; display: block; margin-top: 25px !important; margin-bottom: 15px !important; margin-left: auto; margin-right: auto; } .olstyle7-text-title, .olstyle7-text-title a { font-size: 24px; line-height: 1.5; text-transform: uppercase; font-weight: 900; color: #ff4040; } .olstyle7:hover img { -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1); -webkit-filter:grayscale(0); -ms-filter:grayscale(0); -moz-filter:grayscale(0) } .service-item .numb { font-size: 75px; line-height: 75px; font-weight: 600; color: transparent; position: absolute; left: 40px; top: 20px; -webkit-text-stroke: 1px #fff;z-index: 4; } .service-item:focus .numb, .service-item:hover .numb { -webkit-text-stroke: 1px #fff; z-index: 4; } .olstyle7-text.olstyle7-text2 p { font-size:16px; line-height:36px } .olstyle7-text { padding-right: 8px; padding-left: 295px; min-height: 300px!important; } @media(max-width:450px) { .owl-carousel .owl-item img { width: 100%!important; } .olstyle7-img { width: 100%; } } @media(max-width:400px) { .olstyle7-img { width: 100%!important; } } @media(max-width:767px) { .olstyle7-img { float:none!important; width: 70%; margin-left: auto; margin-right: auto; } .olstyle7-text { padding-left: 8px!important; padding-right: 8px!important; } .owl-carousel .owl-item img { width: 70%; margin-left: auto; margin-right: auto; } } @media(min-width:480px)and (max-width:767px) { } .olstyle7-text .olstyle7-meta { /*margin-bottom:5px*/ } .olstyle7-text .olstyle7-meta a, .olstyle7-text .olstyle7-meta span { font-size:12px; font-weight:500; color:#777a7e; display:inline-block; position:relative; text-transform:uppercase; letter-spacing:1px; margin-right:30px } @media(min-width:480px)and (max-width:767px) { .olstyle7-text .olstyle7-meta a { margin-right:18px } } .olstyle7-text .olstyle7-meta a:last-child { margin-right:0 } .olstyle7-text .olstyle7-meta a:last-child:after { display:none } .olstyle7-text .olstyle7-meta a:after { position:absolute; content:"/"; display:inline-block; top:2px; right:-18px; color:#a0a2a6 } @media(min-width:480px)and (max-width:767px) { .olstyle7-text .olstyle7-meta a:after { right:-16px } } .olstyle7-text .olstyle7-meta a i { color:#ff4040; font-size:14px; margin-right:2px } .olstyle7-text .olstyle7-meta a:hover { color:#ff4040 } .olstyle7-text-title { font-size:24px; line-height:1.5; text-transform:uppercase; font-weight:900 } @media(min-width:992px)and (max-width:1199px) { .olstyle7-text-title { font-size:20px } } @media(min-width:768px)and (max-width:991px) { .olstyle7-text-title { font-size:20px } } @media(max-width:767px) { .olstyle7-text-title { font-size:18px; line-height:1.4 } } @media(min-width:480px)and (max-width:767px) { .olstyle7-text-title { font-size:20px; line-height:1.4 } } .olstyle7-text-title:hover { color:#ff4040 } .olstyle7-text-title2 { font-size:30px; line-height:1.2; text-transform:uppercase; font-weight:900; margin-top:10px } @media(min-width:992px)and (max-width:1199px) { .olstyle7-text-title2 { font-size:24px } } @media(min-width:768px)and (max-width:991px) { .olstyle7-text-title2 { font-size:24px } } @media(max-width:767px) { .olstyle7-text-title2 { font-size:20px } } @media(min-width:480px)and (max-width:767px) { .olstyle7-text-title2 { font-size:24px } } .olstyle7-text-title2:hover { color:#ff4040 } .olstyle7-text-title3:hover { color:#242629 } .olstyle7-text-link { position:relative; padding-top:15px; padding-bottom: 15px; } .olstyle7-text-link a { font-size:12px; font-weight:500; text-transform:uppercase; color:#777a7e; letter-spacing:1.5px; border: solid 1px #f0f0f0; border-radius: 0px; } .olstyle7-text-link a i { margin-left:3px; -webkit-transition:all .3s linear 0s; transition:all .3s linear 0s } .olstyle7-text-link a:hover { color:#ff4040; border: solid 1px #f0f0f0; } .olstyle7-text-link a:hover i { margin-left:8px } .dj-megamenu-clean { padding: 0 !important; margin: 0 !important; list-style: none; overflow: visible; height: auto; width: auto; position: relative; z-index: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dj-megamenu-clean li.dj-up { position: relative; padding: 0 !important; margin: 0 !important; } .dj-megamenu-clean li a.dj-up_a { display: block; height: 60px; font-size: 16px; color: #000; text-decoration: none; padding: 0 18px; cursor: pointer; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; position: relative; } .dj-megamenu-clean li a.dj-up_a > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; height: 60px; } .dj-megamenu-clean li a.dj-up_a > span.dj-drop { padding: 0 20px 0 0; } .dj-megamenu-clean li a.dj-up_a > span span.name { vertical-align: middle; } .dj-megamenu-clean li a.dj-up_a > span span.name + span { margin-left: 10px; } .dj-megamenu-clean li a.dj-up_a small.subtitle { display: block; font-size: 13px; line-height: 1; margin-top: 3px; opacity: 0.5; } .dj-megamenu-clean li a.dj-up_a .dj-icon { margin: 0; max-height: 32px; } .dj-megamenu-clean li a.dj-up_a .dj-icon + span { margin-left: 15px; } .dj-megamenu-clean li div.dj-subwrap { position: absolute; left: -9999px; top: -9999px; margin: 0; padding: 0; list-style: none; } .dj-megamenu-clean li div.dj-subwrap .dj-subwrap-in { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #f5f5f5; } .dj-megamenu-clean li.logo a.dj-up_a .dj-icon { max-height: 60px; } .dj-megamenu-clean li:hover, .dj-megamenu-clean li.hover { position: relative; z-index: 200; } .dj-megamenu-clean li:hover a.dj-up_a, .dj-megamenu-clean li.hover a.dj-up_a { color: #444; } .dj-megamenu-clean li:hover > div.dj-subwrap, .dj-megamenu-clean li.hover > div.dj-subwrap { left: 0; top: 100%; height: auto; z-index: 300; } .dj-megamenu-clean li:hover > div.dj-subwrap li:hover > div.dj-subwrap, .dj-megamenu-clean li:hover > div.dj-subwrap li.hover > div.dj-subwrap, .dj-megamenu-clean li.hover > div.dj-subwrap li:hover > div.dj-subwrap, .dj-megamenu-clean li.hover > div.dj-subwrap li.hover > div.dj-subwrap { left: 100%; top: 0; margin: 0; height: auto; z-index: 400; } .dj-megamenu-clean li ul.dj-submenu { list-style: none; padding: 0; margin: 0; height: auto; width: auto; } .dj-megamenu-clean li ul.dj-submenu > li { display: block; height: auto; width: auto; position: relative; } .dj-megamenu-clean li ul.dj-submenu > li > a { font-size: 16px; line-height: 24px; color: #444; text-decoration: none; padding: 12px 20px; margin: 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; } .dj-megamenu-clean li ul.dj-submenu > li > a .dj-icon { margin: 0; max-height: 16px; } .dj-megamenu-clean li ul.dj-submenu > li > a .dj-icon + span { margin-left: 15px; } .dj-megamenu-clean li ul.dj-submenu > li > a small.subtitle { display: block; font-size: 0.9em; line-height: 1; opacity: 0.5; } .dj-megamenu-clean li ul.dj-submenu > li > a span.name { vertical-align: middle; } .dj-megamenu-clean li ul.dj-submenu > li > a span.name + span { margin-left: 10px; } .dj-megamenu-clean li ul.dj-submenu > li:hover > a, .dj-megamenu-clean li ul.dj-submenu > li.active > a { color: #000; background: #f1f1f1; } .dj-megamenu-clean li ul.dj-subtree { list-style: none; padding: 0 !important; margin: 5px 0 5px 25px !important; } .dj-megamenu-clean li ul.dj-subtree > li { list-style: circle outside; padding: 0; margin: 0; color: #666; } .dj-megamenu-clean li ul.dj-subtree > li > a { display: block; font-size: 13px; line-height: 13px; color: #444; text-decoration: none; padding: 5px 0; } .dj-megamenu-clean li ul.dj-subtree > li:hover > a, .dj-megamenu-clean li ul.dj-subtree > li.active > a { color: #000; text-decoration: underline; } .dj-megamenu-clean .arrow { position: absolute; right: 16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; line-height: 1; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .dj-megamenu-clean.dj-fa-no .arrow:before { content: ''; border: solid #000; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: relative; top: -2px; } .dj-megamenu-clean.dj-fa-no .dj-submenu li.parent:not(.subtree) > a .arrow:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .dj-megamenu-clean.dj-fa-0 .arrow:before, .dj-megamenu-clean.dj-fa-1 .arrow:before, .dj-megamenu-clean.dj-fa-5 .arrow:before { display: inline-block; font: normal normal normal 14px/1 "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dj-megamenu-clean.dj-fa-0 li.dj-up > a .arrow:before, .dj-megamenu-clean.dj-fa-1 li.dj-up > a .arrow:before, .dj-megamenu-clean.dj-fa-5 li.dj-up > a .arrow:before { content: "\f107"; } .dj-megamenu-clean.dj-fa-0 .dj-submenu li.parent:not(.subtree) > a .arrow:before, .dj-megamenu-clean.dj-fa-1 .dj-submenu li.parent:not(.subtree) > a .arrow:before, .dj-megamenu-clean.dj-fa-5 .dj-submenu li.parent:not(.subtree) > a .arrow:before { content: "\f105"; } .dj-megamenu-clean.dj-fa-5 .arrow:before { font-family: "Font Awesome 5 Free"; font-weight: 900; } .dj-megamenu-clean li.dj-up:hover > a .arrow, .dj-megamenu-clean li.dj-up:focus > a .arrow { top: 51%; top: calc(50% + 2px); } .dj-megamenu-clean .dj-submenu li.parent > a .arrow { right: 16px; } .dj-megamenu-clean .dj-submenu li.parent:not(.subtree):hover > a .arrow, .dj-megamenu-clean .dj-submenu li.parent:not(.subtree):focus > a .arrow { right: 14px; } .dj-megamenu-clean li.separator > a { cursor: default; } .dj-megamenu-clean .modules-wrap { padding: 10px; color: #444; } .dj-megamenu-clean .modules-wrap p { display: block; padding: 0; } .dj-megamenu-clean .dj-stickylogo { position: absolute; z-index: 550; } .dj-megamenu-clean .dj-stickylogo img { max-height: 100%; width: auto; } .dj-megamenu-clean .dj-stickylogo.dj-align-center { position: static; text-align: center; margin: 10px 0; } .dj-megamenu-clean .dj-stickylogo.dj-align-left { left: 20px; max-height: 50px; margin: 5px 0; } .dj-megamenu-clean .dj-stickylogo.dj-align-right { right: 20px; max-height: 50px; margin: 5px 0; } .dj-megamenu-clean li.dj-up.fullsub { position: static !important; } .dj-megamenu-clean li.dj-up.fullsub a.dj-up_a { position: relative; } .dj-megamenu-clean li.dj-up.fullwidth > .dj-subwrap { width: 100vw; } .dj-megamenu-clean li.dj-up.fullwidth > .dj-subwrap > .dj-subwrap-in { padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .dj-megamenu-clean .djsubrow_separator { clear: both; padding: 0 0 20px; margin: 0 0 20px; } .dj-megamenu-clean.dj-megamenu-fixed { position: fixed; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0); } .dj-megamenu-clean.dj-megamenu-sticky { position: fixed; top: 0; left: 0; width: 100%; height: auto; background: #fff; -webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.05); } .dj-megamenu-clean.verticalMenu { height: auto; max-width: 360px; z-index: 400; } .dj-megamenu-clean.verticalMenu li.dj-up { width: 100%; } .dj-megamenu-clean.verticalMenu li a.dj-up_a { height: auto; padding-top: 15px; padding-bottom: 15px; } .dj-megamenu-clean.verticalMenu li a.dj-up_a img { max-height: 100%; max-width: 32px; } .dj-megamenu-clean.verticalMenu li a.dj-up_a small.subtitle { margin-top: 0; } .dj-megamenu-clean.verticalMenu li a.dj-up_a > span { height: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .dj-megamenu-clean.verticalMenu li a.dj-up_a span .dj-icon { vertical-align: middle; } .dj-megamenu-clean.verticalMenu li a.dj-up_a span span.image-title { padding: 0 15px; margin: 0; } .dj-megamenu-clean.verticalMenu li ul.dj-submenu > li > a .dj-icon { max-height: 100%; max-width: 32px; } .dj-megamenu-clean.verticalMenu li:hover div.dj-subwrap, .dj-megamenu-clean.verticalMenu li.hover div.dj-subwrap { right: auto !important; left: 100% !important; top: 0; } .dj-megamenu-clean.verticalMenu li:hover div.dj-subwrap.open-right, .dj-megamenu-clean.verticalMenu li.hover div.dj-subwrap.open-right { right: auto !important; left: 100% !important; top: 0; } .dj-megamenu-clean.verticalMenu li:hover div.dj-subwrap.open-left, .dj-megamenu-clean.verticalMenu li.hover div.dj-subwrap.open-left { left: auto !important; right: 100% !important; } .dj-megamenu-clean.verticalMenu.dj-fa-no li.dj-up > a .arrow:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .dj-megamenu-clean.verticalMenu.dj-fa-0 li.dj-up > a .arrow:before, .dj-megamenu-clean.verticalMenu.dj-fa-1 li.dj-up > a .arrow:before, .dj-megamenu-clean.verticalMenu.dj-fa-5 li.dj-up > a .arrow:before { content: "\f105"; } body.dj-megamenu-overlay { position: relative; } body.dj-megamenu-overlay ul.dj-megamenu { z-index: 1001; position: relative; } body.dj-megamenu-overlay .dj-megamenu-sticky { z-index: 1000; } body .dj-megamenu-overlay-box { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; pointer-events: none; display: none; } .dj-megamenu-clean li a.dj-up_a span.dj-badge, .dj-megamenu-clean li ul > li > a span.dj-badge { float: none; text-transform: uppercase; display: inline-block; padding: .35em .65em; font-size: .75em; font-weight: 700; height: auto; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .dj-megamenu-clean.dj-megamenu-wcag *:focus, .dj-megamenu-clean.dj-megamenu-wcag *:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; } .dj-megamenu-clean.dj-megamenu-wcag *:focus:not(:focus-visible) { outline: none; } .dj-megamenu-clean .dj-subwrap { -webkit-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-delay: 50ms; animation-delay: 50ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .dj-megamenu-clean.fast .dj-subwrap { -webkit-animation-duration: 200ms; animation-duration: 200ms; } .dj-megamenu-clean.slow .dj-subwrap { -webkit-animation-duration: 600ms; animation-duration: 600ms; } .dj-megamenu-clean li div.dj-subwrap, .dj-megamenu-clean li.hover div.dj-subwrap li div.dj-subwrap, .dj-megamenu-clean:not(.dj-megamenu-js) li:hover div.dj-subwrap li div.dj-subwrap { display: none; } .dj-megamenu-clean li.hover div.dj-subwrap, .dj-megamenu-clean li.hover div.dj-subwrap li.hover > div.dj-subwrap, .dj-megamenu-clean:not(.dj-megamenu-js) li:hover div.dj-subwrap, .dj-megamenu-clean:not(.dj-megamenu-js) li:hover div.dj-subwrap li:hover > div.dj-subwrap { display: block; } /*# sourceMappingURL=djmegamenu.css.map */ @CHARSET "UTF-8"; /* mobile menu open buttons */ .dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn { display: block; height: 50px; cursor: pointer; color: #fafafa; font-weight: bold; background-color: #111; background: #444; background-repeat: repeat; background-repeat: repeat; background-repeat: repeat-x; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 3px 3px 1px #C7C7C7; -moz-box-shadow: 0 3px 3px 1px #C7C7C7; box-shadow: 0 3px 3px 1px #C7C7C7; width: 100%; margin-top: 14px; } .dj-mobile-open-btn .dj-mobile-open-icon { position: relative; } .dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon { display: block; width: 35px; height: 4px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; border-radius: 4px; background-color: #434343; transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: 75ms; } .dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon:after { display: block; content: ""; position: absolute; width: 35px; height: 4px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; border-radius: 4px; background-color: #434343; } .dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon:before { top: -10px; transition: top 75ms ease .12s,opacity 75ms ease; } .dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon:after { bottom: -10px; transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19); } .dj-mobile-open-btn.dj-fa-no.active .dj-mobile-open-icon { transition-delay: .12s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: rotate(45deg); } .dj-mobile-open-btn.dj-fa-no.active .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-no.active .dj-mobile-open-icon:before { top: 0; transition: top 75ms ease,opacity 75ms ease .12s; opacity: 0; } .dj-mobile-open-btn.dj-fa-no.active .dj-mobile-open-icon:after, .dj-mobile-open-btn.dj-fa-no.active .dj-mobile-open-icon:after { bottom: 0; transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s; transform: rotate(-90deg); } .dj-mobile-open-btn.dj-fa-0 .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-1 .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon:before { content: "\f0c9"; display: inline-block; font: normal normal normal 42px/1 "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; } .dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon:before { font-family: "Font Awesome 5 Free"; font-weight: 900; } .dj-mobile-open-btn span + span { margin-left: 10px; } .dj-mobile-open-btn.active .dj-mobile-open-icon, .dj-megamenu-select-light .dj-mobile-open-btn:focus, .dj-megamenu-select-light:hover .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:focus, .dj-megamenu-accordion-light .dj-mobile-open-btn:hover, .dj-megamenu-accordion-light .dj-mobile-open-btn:focus { background : #434343; color : #e4e4e4; } .dj-mobile-open-btn.active.dj-fa-no .dj-mobile-open-icon, .dj-mobile-open-btn.active.dj-fa-no .dj-mobile-open-icon:before, .dj-mobile-open-btn.active.dj-fa-no .dj-mobile-open-icon:after, .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon, .dj-mobile-open-btn.dj-fa-no:focus .dj-mobile-open-icon, .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-no:hover .dj-mobile-open-icon:after, .dj-mobile-open-btn.dj-fa-no:focus .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-no:focus .dj-mobile-open-icon:after { background-color: #e4e4e4; } /* select menu general styles */ .dj-megamenu-select-light.select-input select { margin : 10px; padding : 5px; max-width: 95%; height : auto; font-size: 1.5em; color : #434343; } .dj-megamenu-select-light.select-input .dj-mobile-open-btn { display: none !important; } .dj-megamenu-select-light.select-button { display : inline-block; position: relative; margin : 0 auto; width : auto; overflow: hidden; } .dj-megamenu-select-light.select-button select { position : absolute; top : 0; left : 0; background : transparent; border : 0; margin : 0; padding : 0; cursor : pointer; height : 48px; width : auto; max-width : 9999px; outline : none; text-indent: 9999px; font-size : 1.5em; color : #434343; box-shadow : none; } /* offcanvas menu general styles */ .dj-offcanvas-light { background: #f2f2f2; color : #444444; } .dj-offcanvas-light .dj-offcanvas-top { background: #ebebeb; text-align: right; } .dj-offcanvas-light .dj-offcanvas-close-btn { display : inline-block; font-size : 20px; line-height: 1; background : none; border : none; color : #b8b8b8; cursor : pointer; padding : 10px 12px; } .dj-fa-no .dj-offcanvas-close-btn .dj-offcanvas-close-icon { position: relative; display: block; width: 15px; height: 15px; } .dj-fa-no .dj-offcanvas-close-btn .dj-offcanvas-close-icon:before, .dj-fa-no .dj-offcanvas-close-btn .dj-offcanvas-close-icon:after { content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 15px; background: #434343; transform: rotate(45deg) translate(-50%, -50%); transform-origin: top left; } .dj-fa-no .dj-offcanvas-close-btn .dj-offcanvas-close-icon:after { transform: rotate(-45deg) translate(-50%, -50%); } .dj-fa-0 .dj-offcanvas-close-btn .dj-offcanvas-close-icon:before, .dj-fa-1 .dj-offcanvas-close-btn .dj-offcanvas-close-icon:before, .dj-fa-5 .dj-offcanvas-close-btn .dj-offcanvas-close-icon:before { content: "\f00d"; display: inline-block; font: normal normal normal 14px/1 "FontAwesome"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dj-fa-5 .dj-offcanvas-close-btn .dj-offcanvas-close-icon:before { font-family: "Font Awesome 5 Free"; font-weight: 900; } .dj-offcanvas-light .dj-offcanvas-logo { padding : 15px; text-align: center; } .dj-offcanvas-light .dj-offcanvas-logo img { max-width: 100%; } .dj-offcanvas-light .dj-offcanvas-content { padding: 0 15px 15px; } .dj-offcanvas-modules { padding: 15px; } /* accordion menu general styles */ .dj-megamenu-accordion-light { position : relative; text-align: center; } .dj-megamenu-accordion-light.dj-align-left { text-align: left; } .dj-megamenu-accordion-light.dj-align-right { text-align: right; } .dj-pos-absolute .dj-accordion-light { position: absolute; top : 42px; z-index : 999; } .dj-pos-absolute.dj-align-left .dj-accordion-light { left: 0; } .dj-pos-absolute.dj-align-right .dj-accordion-light { right: 0; } .dj-pos-absolute.dj-align-center .dj-accordion-light { left : 50%; margin-left: -150px; } .dj-pos-absolute .dj-accordion-light .dj-accordion-in { width: 300px; } .dj-accordion-light .dj-accordion-in { display : none; margin : 10px 0; padding : 0 15px; background : #f2f2f2; color : #444444; -webkit-box-sizing: border-box; box-sizing : border-box; } /* offcanvas and accordion menu */ ul.dj-mobile-light { margin : 0 -15px; padding : 0; text-align: left; } ul.dj-mobile-light li.dj-mobileitem { list-style: none outside; position : relative; margin : 0; padding : 0; background: none; } ul.dj-mobile-light li.dj-mobileitem>a { display : block; font-size : 14px; line-height : 1; background : #f2f2f2; color : #444444; text-decoration : none; padding : 20px 15px; cursor : pointer; border-top : 1px solid #e4e4e4; -webkit-transition: background-color 0.2s ease-out; transition : background-color 0.2s ease-out; } ul.dj-mobile-light li.dj-mobileitem:hover>a, ul.dj-mobile-light li.dj-mobileitem.active>a { background: #ebebeb; } ul.dj-mobile-light li.dj-mobileitem>a span.name + span { margin-left: 10px; } ul.dj-mobile-light li.dj-mobileitem>a .subtitle { display: block; font-size: 0.85em; line-height: 1; color : #aaa; margin-top: 3px; } ul.dj-mobile-light li.dj-mobileitem>a span.dj-badge { float: none; text-transform: uppercase; display: inline-block; padding: .35em .65em; font-size: .75em; font-weight: 700; height: auto; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } ul.dj-mobile-light li.dj-mobileitem>a img, ul.dj-mobile-light li.dj-mobileitem>a i { vertical-align: middle; margin : 0 10px 0 0; /*filter: invert(100%); -webkit-filter: invert(100%);*/ } ul.dj-mobile-light li.dj-mobileitem>a.withsubtitle img, ul.dj-mobile-light li.dj-mobileitem>a.withsubtitle i { float: left; } ul.dj-mobile-light li.dj-mobileitem>a span.image-title { margin: 0 0 0 10px; } ul.dj-mobile-light li.dj-mobileitem.parent>a { position: relative; padding-right: 35px; } ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler { position : absolute; right : 0; top : 50%; transform: translateY(-50%); display : inline-block; padding : 10px; min-width : 10px; line-height: 1; } .dj-fa-no ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before, .dj-fa-no ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:after { position: absolute; content: ''; display: block; background: #434343; top: 50%; left: 50%; transform: translate(-50%, -50%); } .dj-fa-no ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before { width: 10px; height: 2px; } .dj-fa-no ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:after { width: 2px; height: 10px; } .dj-fa-0 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before, .dj-fa-1 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before, .dj-fa-5 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before { content: "\f067"; display: inline-block; font: normal normal normal 12px/1 "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dj-fa-no ul.dj-mobile-light li.dj-mobileitem.parent.active>a span.toggler:after { display: none; } .dj-fa-0 ul.dj-mobile-light li.dj-mobileitem.parent.active>a span.toggler:before, .dj-fa-1 ul.dj-mobile-light li.dj-mobileitem.parent.active>a span.toggler:before, .dj-fa-5 ul.dj-mobile-light li.dj-mobileitem.parent.active>a span.toggler:before { content: "\f068"; } .dj-fa-5 ul.dj-mobile-light li.dj-mobileitem.parent>a span.toggler:before { font-family: "Font Awesome 5 Free"; font-weight: 900; } ul.dj-mobile-light li.dj-mobileitem>ul { display : none; margin : 0; padding : 0; } /* 2nd level */ ul.dj-mobile-light ul li.dj-mobileitem>a { color : #898989; background : #ebebeb; border-top : 1px solid #f2f2f2; padding-left: 30px; } ul.dj-mobile-light ul li.dj-mobileitem:hover>a, ul.dj-mobile-light ul li.dj-mobileitem.active>a { color : #444444; background: #e6e6e6; } /* 3rd level */ ul.dj-mobile-light ul ul li.dj-mobileitem>a { background : #e6e6e6; border-top : 1px solid #eeeeee; padding-left: 45px; } ul.dj-mobile-light ul ul li.dj-mobileitem:hover>a, ul.dj-mobile-light ul ul li.dj-mobileitem.active>a { background: #e1e1e1; } /* 4th level */ ul.dj-mobile-light ul ul ul li.dj-mobileitem>a { background : #e1e1e1; border-top : 1px solid #e6e6e6; padding-left: 60px; } ul.dj-mobile-light ul ul ul li.dj-mobileitem:hover>a, ul.dj-mobile-light ul ul ul li.dj-mobileitem.active>a { background: #dbdbdb; } /* 5th level */ ul.dj-mobile-light ul ul ul ul li.dj-mobileitem>a { background: #dbdbdb; } /* mobile modules */ ul.dj-mobile-light .modules-wrap { padding: 5px 15px; } div#maximenuck123 .titreck-text { flex: 1; } div#maximenuck123 .maximenuck.rolloveritem img { display: none !important; } .ckclr {clear:both;visibility : hidden;} /*--------------------------------------------- --- menu container --- ----------------------------------------------*/ /* menu */ div#maximenuck123 { font-size:14px; line-height:21px; /*text-align:left;*/ zoom:1; } /* container style */ div#maximenuck123 ul.maximenuck { clear:both; position : relative; z-index:999; overflow: visible !important; display: block !important; float: none !important; visibility: visible !important; opacity: 1 !important; list-style:none; /*padding: 0;*/ margin:0 auto; zoom:1; filter: none; background: #3598db; } div#maximenuck123 ul.maximenuck:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } /*--------------------------------------------- --- Root items - level 1 --- ----------------------------------------------*/ div#maximenuck123 ul.maximenuck li.maximenuck.level1 { display: inline-block; float: none; position:static; /*padding : 0; margin : 0;*/ list-style : none; text-align:center; cursor: pointer; filter: none; } /** IE 7 only **/ *+html div#maximenuck123 ul.maximenuck li.maximenuck.level1 { display: inline !important; } /* vertical menu */ div#maximenuck123.maximenuckv ul.maximenuck li.maximenuck.level1 { display: block !important; /*margin: 0; padding: 0;*/ text-align: left; } div#maximenuck123 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck123 ul.maximenuck li.maximenuck.level1.active { background: #f0f0f0; } div#maximenuck123 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck123 ul.maximenuck li.maximenuck.level1 > span.separator { display:block; float : none; float : left; position:relative; text-decoration:none; outline : none; /*border : none;*/ white-space: nowrap; filter: none; color: #fff; padding: 15px 15px; } /* parent item on mouseover (if subemnus exists) */ div#maximenuck123 ul.maximenuck li.maximenuck.level1.parent:hover, div#maximenuck123 ul.maximenuck li.maximenuck.level1.parent:hover { } /* item color on mouseover */ div#maximenuck123 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck123 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck123 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck123 ul.maximenuck li.maximenuck.level1.active > span.separator { color: #333; } div#maximenuck123.maximenuckh ul.maximenuck li.level1.parent > a, div#maximenuck123.maximenuckh ul.maximenuck li.level1.parent > span.separator { padding-right: 20px; } /* arrow image for parent item */ div#maximenuck123 ul.maximenuck li.level1.parent > a:after, div#maximenuck123 ul.maximenuck li.level1.parent > span.separator:after { content: ""; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 7px 6px 0 6px; border-color: #fff transparent transparent transparent; top: 20px; right: 4px; } div#maximenuck123 ul.maximenuck li.level1.parent:hover > a:after, div#maximenuck123 ul.maximenuck li.level1.parent:hover > span.separator:after { border-color: #333 transparent transparent transparent; } /* vertical menu */ div#maximenuck123.maximenuckv ul.maximenuck li.level1.parent > a:after, div#maximenuck123.maximenuckv ul.maximenuck li.level1.parent > span.separator:after { display: inline-block; content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 7px; border-color: transparent transparent transparent #fff; margin: 3px 10px 3px 0; position: absolute; right: 3px; top: calc(50% - 8px); } div#maximenuck123.maximenuckv ul.maximenuck li.level1.parent:hover > a:after, div#maximenuck123.maximenuckv ul.maximenuck li.level1.parent:hover > span.separator:after { border-color: transparent transparent transparent #333; } /* arrow image for submenu parent item */ div#maximenuck123 ul.maximenuck li.level1.parent li.parent > a:after, div#maximenuck123 ul.maximenuck li.level1.parent li.parent > span.separator:after, div#maximenuck123 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent > a:after, div#maximenuck123 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent > a:after { display: inline-block; content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 7px; border-color: transparent transparent transparent #016da0; margin: 0 3px; position: absolute; right: 3px; top: 13px; } div#maximenuck123 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent:hover > a:after, div#maximenuck123 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent.active > a:after { border-color: transparent transparent transparent #000; } /* styles for right position */ div#maximenuck123 ul.maximenuck li.maximenuck.level1.align_right, div#maximenuck123 ul.maximenuck li.maximenuck.level1.menu_right, div#maximenuck123 ul.maximenuck li.align_right, div#maximenuck123 ul.maximenuck li.menu_right { float:right !important; margin-right:0px !important; } div#maximenuck123 ul.maximenuck li.align_right:not(.fullwidth) div.floatck, div#maximenuck123 ul.maximenuck li:not(.fullwidth) div.floatck.fixRight { left:auto; right:0px; top:auto; } /* arrow image for submenu parent item to open left */ div#maximenuck123 ul.maximenuck li.level1.parent div.floatck.fixRight li.parent > a:after, div#maximenuck123 ul.maximenuck li.level1.parent div.floatck.fixRight li.parent > span.separator:after, div#maximenuck123 ul.maximenuck li.level1.parent.menu_right li.parent > a:after, div#maximenuck123 ul.maximenuck li.level1.parent.menu_right li.parent > span.separator:after { border-color: transparent #333 transparent transparent; } /* margin for right elements that rolls to the left */ div#maximenuck123 ul.maximenuck li.maximenuck div.floatck div.floatck.fixRight, div#maximenuck123 ul.maximenuck li.level1.parent.menu_right div.floatck div.floatck { margin-right : 180px; } div#maximenuck123 ul.maximenuck li div.floatck.fixRight{ } /*--------------------------------------------- --- Sublevel items - level 2 to n --- ----------------------------------------------*/ div#maximenuck123 ul.maximenuck li div.floatck ul.maximenuck2, div#maximenuck123 ul.maximenuck2 { z-index:11000; clear:left; text-align : left; background : transparent; margin : 0 !important; padding : 0 !important; border : none !important; box-shadow: none !important; width : 100%; /* important for Chrome and Safari compatibility */ position: static !important; overflow: visible !important; display: block !important; float: none !important; visibility: visible !important; } div#maximenuck123 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck123 ul.maximenuck2 li.maximenuck { text-align : left; z-index : 11001; /*padding:0;*/ position:static; float:none !important; list-style : none; display: block; } div#maximenuck123 ul.maximenuck li ul.maximenuck2 li.maximenuck:hover, div#maximenuck123 ul.maximenuck2 li.maximenuck:hover { } /* all links styles */ div#maximenuck123 ul.maximenuck li.maximenuck a, div#maximenuck123 ul.maximenuck li.maximenuck span.separator, div#maximenuck123 ul.maximenuck2 a, div#maximenuck123 ul.maximenuck2 li.maximenuck span.separator { display: block; float : none !important; float : left; position:relative; text-decoration:none; outline : none; white-space: normal; filter: none; color: #3598db; } /* submenu link */ div#maximenuck123 ul.maximenuck li.maximenuck ul.maximenuck2 li > a, div#maximenuck123 ul.maximenuck2 li > a, div#maximenuck123 ul.maximenuck2 li > span.separator { color: #016da0; padding: 10px 5px; } /* heading type */ div#maximenuck123 ul.maximenuck li.maximenuck ul.maximenuck2 li > .nav-header { font-size: 18px; font-weight: 100; border-bottom: 1px solid #666; color: #666; margin: 10px 10px 10px 5px; padding: 7px 0; } div#maximenuck123 ul.maximenuck li.maximenuck ul.maximenuck2 a, div#maximenuck123 ul.maximenuck2 a { display: block; } div#maximenuck123 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck123 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a, div#maximenuck123 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a, div#maximenuck123 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a, div#maximenuck123 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > span.separator, div#maximenuck123 ul.maximenuck2 li:hover > a, div#maximenuck123 ul.maximenuck2 li:hover > h2 a, div#maximenuck123 ul.maximenuck2 li:hover > h3 a, div#maximenuck123 ul.maximenuck2 li.active > a, div#maximenuck123 ul.maximenuck li:hover > span.separator { color: #000; } /* link image style */ div#maximenuck123 li.maximenuck > a img { margin : 3px; border : none; } /* img style without link (in separator) */ div#maximenuck123 li.maximenuck img { border : none; } /* item title */ div#maximenuck123 span.titreck { text-decoration : none; /*min-height : 17px;*/ float : none !important; float : left; margin: 0; } /* item description */ div#maximenuck123 span.descck { display : block; text-transform : none; font-size : 10px; text-decoration : none; height : 12px; line-height : 12px; float : none !important; float : left; } /*-------------------------------------------- --- Submenus ------ ---------------------------------------------*/ /* submenus container */ div#maximenuck123 div.floatck { position : absolute; display: none; padding : 0; margin : 0; /*width : 180px;*/ /* default width */ text-align:left; width: auto; z-index:9999; cursor: auto; background: #f0f0f0; padding: 15px 20px; border: 1px solid #e5e5e5; } /* remove border top on first submenu */ div#maximenuck123 li.maximenuck.level1 > div.floatck { border-top: none; } div#maximenuck123 div.maxidrop-main { width : 180px; /* default width */ display: flex; flex-wrap: wrap; } /* vertical menu */ div#maximenuck123.maximenuckv div.floatck { margin : -39px 0 0 90%; } div#maximenuck123 .maxipushdownck div.floatck { margin: 0; } /* child blocks position (from level2 to n) */ div#maximenuck123 ul.maximenuck li.maximenuck div.floatck div.floatck { margin : -40px 0 0 180px; /* default sub submenu position */ } /** ** Show/hide sub menu if javascript is off - horizontal style **/ div#maximenuck123 ul.maximenuck li:hover:not(.maximenuckanimation) div.floatck div.floatck, div#maximenuck123 ul.maximenuck li:hover:not(.maximenuckanimation) div.floatck:hover div.floatck div.floatck, div#maximenuck123 ul.maximenuck li:hover:not(.maximenuckanimation) div.floatck:hover div.floatck:hover div.floatck div.floatck { display: none; } div#maximenuck123 ul.maximenuck li.maximenuck:hover > div.floatck, div#maximenuck123 ul.maximenuck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck, div#maximenuck123 ul.maximenuck li.maximenuck:hover> div.floatck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck, div#maximenuck123 ul.maximenuck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck li.maximenuck:hover > div.floatck { display: block; } div#maximenuck123 div.maximenuck_mod ul { display: block; } /*--------------------------------------------- --- Columns management --- ----------------------------------------------*/ div#maximenuck123 ul.maximenuck li div.floatck div.maximenuck2, div#maximenuck123 .maxipushdownck div.floatck div.maximenuck2 { /*width : 180px;*/ /* default width */ margin: 0; padding: 0; flex: 0 1 auto; width: 100%; } /* allow auto fill if no column created, default behavior */ /* div#maximenuck123 ul.maximenuck li div.floatck div.maximenuck2:not([style]) { flex: 1 1 auto; } */ /* h2 title */ div#maximenuck123 ul.maximenuck li.maximenuck ul.maximenuck2 h2 a, div#maximenuck123 ul.maximenuck li.maximenuck ul.maximenuck2 h2 span.separator, div#maximenuck123 ul.maximenuck2 h2 a, div#maximenuck123 ul.maximenuck2 h2 span.separator { font-size:21px; font-weight:400; letter-spacing:-1px; margin:7px 0 14px 0; padding-bottom:14px; line-height:21px; text-align:left; } /* h3 title */ div#maximenuck123 ul.maximenuck li.maximenuck ul.maximenuck2 h3 a, div#maximenuck123 ul.maximenuck li.maximenuck ul.maximenuck2 h3 span.separator, div#maximenuck123 ul.maximenuck2 h3 a, div#maximenuck123 ul.maximenuck2 h3 span.separator { font-size:14px; margin:7px 0 14px 0; padding-bottom:7px; line-height:21px; text-align:left; } /* paragraph */ div#maximenuck123 ul.maximenuck li ul.maximenuck2 li p, div#maximenuck123 ul.maximenuck2 li p { line-height:18px; margin:0 0 10px 0; font-size:12px; text-align:left; } /* image shadow with specific class */ div#maximenuck123 .imgshadow { /* Better style on light background */ background:#FFFFFF !important; padding:4px; border:1px solid #777777; margin-top:5px; -moz-box-shadow:0px 0px 5px #666666; -webkit-box-shadow:0px 0px 5px #666666; box-shadow:0px 0px 5px #666666; } /* blackbox style */ div#maximenuck123 ul.maximenuck li ul.maximenuck2 li.blackbox, div#maximenuck123 ul.maximenuck2 li.blackbox { background-color:#333333 !important; color: #eeeeee; text-shadow: 1px 1px 1px #000; padding:4px 6px 4px 6px !important; margin: 0px 4px 4px 4px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:inset 0 0 3px #000000; -moz-box-shadow:inset 0 0 3px #000000; box-shadow:inset 0 0 3px #000000; } div#maximenuck123 ul.maximenuck li ul.maximenuck2 li.blackbox:hover, div#maximenuck123 ul.maximenuck2 li.blackbox:hover { background-color:#333333 !important; } div#maximenuck123 ul.maximenuck li ul.maximenuck2 li.blackbox a, div#maximenuck123 ul.maximenuck2 li.blackbox a { color: #fff; text-shadow: 1px 1px 1px #000; display: inline !important; } div#maximenuck123 ul.maximenuck li ul.maximenuck2 li.blackbox:hover > a, div#maximenuck123 ul.maximenuck2 li.blackbox:hover > a{ text-decoration: underline; } /* greybox style */ div#maximenuck123 ul.maximenuck li ul.maximenuck2 li.greybox, div#maximenuck123 ul.maximenuck2 li.greybox { background:#f0f0f0 !important; border:1px solid #bbbbbb; padding: 4px 6px 4px 6px !important; margin: 0px 4px 4px 4px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } div#maximenuck123 ul.maximenuck li ul.maximenuck2 li.greybox:hover, div#maximenuck123 ul.maximenuck2 li.greybox:hover { background:#ffffff !important; border:1px solid #aaaaaa; } /* create new row with flexbox */ div#maximenuck123 .ck-column-break { flex-basis: 100%; height: 0; } /*--------------------------------------------- --- Module in submenus --- ----------------------------------------------*/ /* module title */ div#maximenuck123 ul.maximenuck div.maximenuck_mod > div > h3, div#maximenuck123 ul.maximenuck2 div.maximenuck_mod > div > h3 { width : 100%; font-weight : bold; font-size: 16px; } div#maximenuck123 div.maximenuck_mod { /*width : 100%;*/ padding : 0; white-space : normal; } div#maximenuck123 div.maximenuck_mod div.moduletable { border : none; background : none; } div#maximenuck123 div.maximenuck_mod fieldset{ width : 100%; padding : 0; margin : 0 auto; overflow : hidden; background : transparent; border : none; } div#maximenuck123 ul.maximenuck2 div.maximenuck_mod a { border : none; margin : 0; padding : 0; display : inline; background : transparent; font-weight : normal; } div#maximenuck123 ul.maximenuck2 div.maximenuck_mod a:hover { } div#maximenuck123 ul.maximenuck2 div.maximenuck_mod ul { margin : 0; padding : 0; width : 100%; background : none; border : none; text-align : left; } div#maximenuck123 ul.maximenuck2 div.maximenuck_mod li { margin : 0 0 0 15px; padding : 0; background : none; border : none; text-align : left; font-size : 11px; float : none; display : block; line-height : 20px; white-space : normal; } /* login module */ div#maximenuck123 ul.maximenuck2 div.maximenuck_mod #form-login ul { left : 0; margin : 0; padding : 0; width : 100%; } div#maximenuck123 ul.maximenuck2 div.maximenuck_mod #form-login ul li { margin : 2px 0; padding : 0 5px; height : 20px; background : transparent; } /*--------------------------------------------- --- Mobile menu bar --- ----------------------------------------------*/ div#maximenuck123 .maximenumobiletogglericonck { font-family: verdana; background: #f0f0f0; padding: 5px 10px; padding-top: 5px; height: 30px; position: relative; color: #333; } div#maximenuck123 .maximenumobiletogglericonck:after { display: block; content: ""; height: calc(100% - 10px); border: 1px solid #e2e2e2; position: absolute; right: 45px; top: 5px; box-sizing: border-box; } /*--------------------------------------------- --- Fancy styles (floating cursor) --- ----------------------------------------------*/ div#maximenuck123 .maxiFancybackground { position: absolute; top : 0; list-style : none; padding: 0; margin: 0; border: none; z-index: -1; border-top: 1px solid #fff; } div#maximenuck123 .maxiFancybackground .maxiFancycenter { /*border-top: 1px solid #fff;*/ } /*--------------------------------------------- --- Button to close on click --- ----------------------------------------------*/ div#maximenuck123 span.maxiclose { color: #fff; } /*--------------------------------------------- --- Stop the dropdown --- ----------------------------------------------*/ div#maximenuck123 ul.maximenuck li.maximenuck.nodropdown div.floatck, div#maximenuck123 ul.maximenuck li.maximenuck div.floatck li.maximenuck.nodropdown div.floatck, div#maximenuck123 .maxipushdownck div.floatck div.floatck { position: static !important; background: none; border: none; left: auto; margin: 3px; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; display: block !important; } div#maximenuck123 ul.maximenuck li.level1.parent ul.maximenuck2 li.maximenuck.nodropdown li.maximenuck, div#maximenuck123 .maxipushdownck ul.maximenuck2 li.maximenuck.nodropdown li.maximenuck { background: none; text-indent: 5px; } div#maximenuck123 ul.maximenuck li.maximenuck.level1.parent ul.maximenuck2 li.maximenuck.parent.nodropdown > a, div#maximenuck123 ul.maximenuck li.maximenuck.level1.parent ul.maximenuck2 li.maximenuck.parent.nodropdown > span.separator, div#maximenuck123 .maxipushdownck ul.maximenuck2 li.maximenuck.parent.nodropdown > a, div#maximenuck123 .maxipushdownck ul.maximenuck2 li.maximenuck.parent.nodropdown > span.separator { background: none; } /* remove the arrow image for parent item */ div#maximenuck123 ul.maximenuck li.maximenuck.level1.parent ul.maximenuck2 li.parent.nodropdown > *:after, div#maximenuck123 .maxipushdownck ul.maximenuck2 li.parent > *:after { display: none; } div#maximenuck123 li.maximenuck.nodropdown > div.floatck > div.maxidrop-main { width: auto; } /*--------------------------------------------- --- Full width --- ----------------------------------------------*/ div#maximenuck123.maximenuckh li.fullwidth > div.floatck { margin: 0; padding: 0; width: auto !important; left: 0; right: 0; } div#maximenuck123.maximenuckv li.fullwidth > div.floatck { margin: 0; padding: 0; top: 0; bottom: 0; left: 100%; right: auto !important; } div#maximenuck123.maximenuckh li.fullwidth > div.floatck > div.maxidrop-main { width: auto !important; } div#maximenuck123.maximenuckv li.fullwidth > div.floatck > .maxidrop-main { height: 100%; overflow-y: auto; } @media screen and (max-width: 640px) {div#maximenuck123 ul.maximenuck li.maximenuck.nomobileck, div#maximenuck123 .maxipushdownck ul.maximenuck2 li.maximenuck.nomobileck { display: none !important; } div#maximenuck123.maximenuckh { height: auto !important; } div#maximenuck123.maximenuckh li.maxiFancybackground { display: none !important; } div#maximenuck123.maximenuckh ul:not(.noresponsive) { height: auto !important; padding-left: 0 !important; /*padding-right: 0 !important;*/ } div#maximenuck123.maximenuckh ul:not(.noresponsive) li { float :none !important; width: 100% !important; box-sizing: border-box; /*padding-right: 0 !important;*/ padding-left: 0 !important; padding-right: 0 !important; margin-right: 0 !important; } div#maximenuck123.maximenuckh ul:not(.noresponsive) li > div.floatck { width: 100% !important; box-sizing: border-box; right: 0 !important; left: 0 !important; margin-left: 0 !important; position: relative !important; /*display: none; height: auto !important;*/ } div#maximenuck123.maximenuckh ul:not(.noresponsive) li:hover > div.floatck { position: relative !important; margin-left: 0 !important; } div#maximenuck123.maximenuckh ul:not(.noresponsive) div.floatck div.maximenuck2 { width: 100% !important; } div#maximenuck123.maximenuckh ul:not(.noresponsive) div.floatck div.floatck { width: 100% !important; margin: 20px 0 0 0 !important; } div#maximenuck123.maximenuckh ul:not(.noresponsive) div.floatck div.maxidrop-main { width: 100% !important; } div#maximenuck123.maximenuckh ul:not(.noresponsive) li.maximenucklogo img { display: block !important; margin-left: auto !important; margin-right: auto !important; float: none !important; } /* for vertical menu */ div#maximenuck123.maximenuckv { height: auto !important; } div#maximenuck123.maximenuckh li.maxiFancybackground { display: none !important; } div#maximenuck123.maximenuckv ul:not(.noresponsive) { height: auto !important; padding-left: 0 !important; /*padding-right: 0 !important;*/ } div#maximenuck123.maximenuckv ul:not(.noresponsive) li { float :none !important; width: 100% !important; /*padding-right: 0 !important;*/ padding-left: 0 !important; margin-right: 0 !important; } div#maximenuck123.maximenuckv ul:not(.noresponsive) li > div.floatck { width: 100% !important; right: 0 !important; margin-left: 0 !important; margin-top: 0 !important; position: relative !important; left: 0 !important; /*display: none; height: auto !important;*/ } div#maximenuck123.maximenuckv ul:not(.noresponsive) li:hover > div.floatck { position: relative !important; margin-left: 0 !important; } div#maximenuck123.maximenuckv ul:not(.noresponsive) div.floatck div.maximenuck2 { width: 100% !important; } div#maximenuck123.maximenuckv ul:not(.noresponsive) div.floatck div.floatck { width: 100% !important; margin: 20px 0 0 0 !important; } div#maximenuck123.maximenuckv ul:not(.noresponsive) div.floatck div.maxidrop-main { width: 100% !important; } div#maximenuck123.maximenuckv ul:not(.noresponsive) li.maximenucklogo img { display: block !important; margin-left: auto !important; margin-right: auto !important; float: none !important; } } @media screen and (min-width: 641px) { div#maximenuck123 ul.maximenuck li.maximenuck.nodesktopck, div#maximenuck123 .maxipushdownck ul.maximenuck2 li.maximenuck.nodesktopck { display: none !important; } }/*--------------------------------------------- --- WCAG --- ----------------------------------------------*/ #maximenuck123.maximenuck-wcag-active .maximenuck-toggler-anchor ~ ul { display: block !important; } #maximenuck123 .maximenuck-toggler-anchor { height: 0; opacity: 0; overflow: hidden; display: none; } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1.parent > a:after, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1.parent > span.separator:after { border-top-color: #000000;color: #000000;display:block;position:absolute;} div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1.parent:hover > a:after, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1.parent:hover > span.separator:after { border-top-color: #FFFFFF;color: #FFFFFF;} div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck.parent > a:after, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck.parent > span.separator:after, div#maximenuck123 .maxipushdownck li.maximenuck.parent > a:after, div#maximenuck123 .maxipushdownck li.maximenuck.parent > span.separator:after { border-left-color: #FFFFFF;color: #FFFFFF;} div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck.parent:hover > a:after, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck.parent:hover > span.separator:after, div#maximenuck123 .maxipushdownck li.maximenuck.parent:hover > a:after, div#maximenuck123 .maxipushdownck li.maximenuck.parent:hover > span.separator:after { border-color: transparent transparent transparent #ffffff;color: #ffffff;} div#maximenuck123.maximenuckh ul.maximenuck, #maximenuck123.maximenuckh ul.maximenuck { margin-top: 0px;background: #FFFFFF;background-color: #FFFFFF; } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1.parent { margin-right: 15px;margin-left: 15px;background: #FFFFFF;background-color: #FFFFFF; } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1 > a, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator { } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.titreck, select#maximenuck123.maximenuckh ul.maximenuck { color: #000000;text-transform: uppercase; } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1:hover, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1.parent:hover { background: #647742;background-color: #647742; } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1:hover > a, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1:hover > span.separator { } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1:hover > span.separator span.titreck, select#maximenuck123.maximenuckh ul.maximenuck:hover { color: #FFFFFF; } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1.active { background: #647742;background-color: #647742; } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1.active > a, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1.active > span.separator { } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1.active > span.separator span.titreck { color: #FFFFFF; } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1.active:hover { background: #647742;background-color: #647742; } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1.active:hover > a, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1.active > span.separator { } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1.active:hover > a span.titreck, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1.active:hover > span.separator span.titreck { color: #FFFFFF; } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck div.floatck, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck div.floatck div.floatck, div#maximenuck123 .maxipushdownck div.floatck, select#maximenuck123.maximenuckh ul.maximenuck option { background: rgba(0,0,0,0.6);background-color: rgba(0,0,0,0.6);border-top: none;border-right: #000000 1px solid ;border-bottom: #000000 1px solid ;border-left: #000000 1px solid ; } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck > a span.titreck, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck > span.separator span.titreck, div#maximenuck123 li.maximenuck.maximenuflatlistck:not(.level1) span.titreck, div#maximenuck123 .maxipushdownck li.maximenuck > a span.titreck, div#maximenuck123 .maxipushdownck li.maximenuck > span.separator span.titreck, select#maximenuck123.maximenuckh ul.maximenuck option { color: #FFFFFF; } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level2.active:not(.headingck), div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level2.parent.active:not(.headingck), div#maximenuck123 li.maximenuck.maximenuflatlistck.active:not(.level1):not(.headingck), div#maximenuck123 ul.maximenuck li.maximenuck.level1 li.maximenuck:not(.headingck):hover, div#maximenuck123 li.maximenuck.maximenuflatlistck:hover:not(.level1):not(.headingck):hover, div#maximenuck123 .maxipushdownck li.maximenuck:not(.headingck):hover { background: #647742;background-color: #647742; } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level2.active:not(.headingck), div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level2.parent.active:not(.headingck), div#maximenuck123 li.maximenuck.maximenuflatlistck.active:not(.level1):not(.headingck), div#maximenuck123 ul.maximenuck li.maximenuck.level1 li.maximenuck:not(.headingck):hover > a, div#maximenuck123 li.maximenuck.maximenuflatlistck:hover:not(.level1):not(.headingck):hover > a, div#maximenuck123 .maxipushdownck li.maximenuck:not(.headingck):hover > a, div#maximenuck123 ul.maximenuck li.maximenuck.level1 li.maximenuck:not(.headingck):hover > span.separator, div#maximenuck123 li.maximenuck.maximenuflatlistck:hover:not(.level1):not(.headingck):hover > span.separator, div#maximenuck123 .maxipushdownck li.maximenuck:not(.headingck):hover > span.separator { } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level2.active > a span.titreck, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level2.active > span.separator span.titreck, div#maximenuck123 li.maximenuck.maximenuflatlistck.active:not(.level1) span.titreck, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck:hover > a span.titreck, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck:hover > span.separator span.titreck, div#maximenuck123 li.maximenuck.maximenuflatlistck:hover:not(.level1) span.titreck, div#maximenuck123 .maxipushdownck li.maximenuck:hover > a span.titreck, div#maximenuck123 .maxipushdownck li.maximenuck:hover > span.separator span.titreck { color: #ffffff; } div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck li.maximenuck > a span.titreck, div#maximenuck123.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck li.maximenuck > span.separator span.titreck, div#maximenuck123 li.maximenuck.maximenuflatlistck:not(.level1) li.maximenuck span.titreck, div#maximenuck123 .maxipushdownck li.maximenuck li.maximenuck > a span.titreck, div#maximenuck123 .maxipushdownck li.maximenuck li.maximenuck > span.separator span.titreck { color: #FFFFFF; } div#maximenuck123 li.maximenuck > a img { filter: invert(1); } div#maximenuck123 li.maximenuck > a img { margin : 3px; border: none; margin-top: -5px !important; height: 25px; float: left; } div#maximenuck123 ul.maximenuck li.maximenuck.level1 > a { padding: 8px 15px 8px 15px!important; } div#maximenuck123 ul.maximenuck li.level1.parent > a::after, div#maximenuck123 ul.maximenuck li.level1.parent > span.separator::after { top: 11px!important; right: 2px!important; } div#maximenuck123 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck123 ul.maximenuck li.maximenuck.level1 > span.separator { padding: 8px 15px 8px 15px !important; } div#maximenuck123 div.floatck { padding: 4px 4px!important; }div#maximenuck123 li.maximenuck > a img { filter: invert(1); } div#maximenuck123 li.maximenuck > a img { margin : 3px; border: none; margin-top: -5px !important; height: 25px; float: left; } div#maximenuck123 ul.maximenuck li.maximenuck.level1 > a { padding: 8px 15px 8px 15px!important; } div#maximenuck123 ul.maximenuck li.level1.parent > a::after, div#maximenuck123 ul.maximenuck li.level1.parent > span.separator::after { top: 11px!important; right: 2px!important; } div#maximenuck123 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck123 ul.maximenuck li.maximenuck.level1 > span.separator { padding: 8px 15px 8px 15px !important; } div#maximenuck123 div.floatck { padding: 4px 4px!important; } /* Slider structure z-index cheat sheet _____ YourLogo z.index: 50; _____ _____ _____ Most GUI elements z-index: 40; ______________________ .ls-inner wrapper z-index: 30; ______________________ .ls-hidden wrapper z-index: 20; ___________________________ .ls-shadow z-index: 10; ________________________________ slider element z-index: default; ------------------------------------- Document */ /* Slider */ .ls-container { visibility: hidden; position: relative; max-width: 100%; } .ls-inner { position: relative; width: 100%; height: 100%; background-position: center center; z-index: 30; } .ls-wp-fullwidth-container { width: 100%; position: relative; } .ls-wp-fullwidth-helper { position: absolute; } /* Layers */ .ls-layers, .ls-slide-backgrounds, .ls-background-videos, .ls-bg-video-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .ls-wrapper { padding: 0 !important; visibility: visible !important; border: 0 !important; z-index: 1; } .ls-background-videos { z-index: 1; } .ls-bg-video-overlay { z-index: 21; background-repeat: repeat; background-position: center center; } .ls-slide-backgrounds { z-index: 2; } .ls-layers { z-index: 35; } .ls-parallax, .ls-in-out, .ls-z { position: absolute !important; } .ls-parallax, .ls-z { width: 0 !important; height: 0 !important; top: 0 !important; left: 0 !important; bottom: auto !important; right: auto !important; display: block !important; overflow: visible !important; } .ls-in-out { display: none; } .ls-loop, .ls-clip { position: absolute !important; display: block !important; } .ls-parallax, .ls-in-out, .ls-loop, .ls-z { background: none !important; } .ls-parallax, .ls-bg-wrap, .ls-loop { margin: 0 !important; } .ls-wrapper > .ls-layer, .ls-wrapper > a > .ls-layer .ls-wrapper > .ls-bg { line-height: normal; white-space: nowrap; word-wrap: normal; margin-right: 0 !important; margin-bottom: 0 !important; } .ls-wrapper > .ls-layer, .ls-wrapper > a > .ls-layer { position: static !important; display: block !important; -o-transform: translateZ(1px); -ms-transform: translateZ(1px); -moz-transform: translateZ(1px); -webkit-transform: translateZ(1px); transform: translateZ(1px); } .ls-bg-wrap, .ls-bg-outer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .ls-bg-wrap { display: none; } .ls-bg-outer { overflow: hidden !important; } .ls-wrapper > a.ls-layer-link { cursor: pointer !important; display: block !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; z-index: 10; -o-transform: translateZ(100px); -ms-transform: translateZ(100px); -moz-transform: translateZ(100px); -webkit-transform: translateZ(100px); transform: translateZ(100px); background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important; } /* GUI */ .ls-gui-element { z-index: 40; } .ls-loading-container { position: absolute !important; display: none; left: 50% !important; top: 50% !important; } .ls-loading-indicator { margin: 0 auto; } /* Navigation */ .ls-bottom-slidebuttons { text-align: left; } .ls-bottom-nav-wrapper, .ls-below-thumbnails { height: 0; position: relative; text-align: center; margin: 0 auto; } .ls-below-thumbnails { display: none; } .ls-bottom-nav-wrapper a, .ls-nav-prev, .ls-nav-next { outline: none; } .ls-bottom-slidebuttons { position: relative; } .ls-bottom-slidebuttons, .ls-nav-start, .ls-nav-stop, .ls-nav-sides { position: relative; } .ls-nothumb { text-align: center !important; } .ls-link, .ls-link:hover { position: absolute !important; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; } .ls-link { display: none; } .ls-link-on-top { z-index: 999999 !important; } .ls-link, .ls-wrapper > a > * { background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'); } .ls-bottom-nav-wrapper, .ls-thumbnail-wrapper, .ls-nav-prev, .ls-nav-next { visibility: hidden; } /* Timers */ .ls-bar-timer { position: absolute; width: 0; height: 2px; background: white; border-bottom: 2px solid #555; opacity: .55; top: 0; } .ls-circle-timer { width: 16px; height: 16px; position: absolute; right: 10px; top: 10px; opacity: .65; display: none; } .ls-container .ls-circle-timer, .ls-container .ls-circle-timer * { box-sizing: border-box !important; } .ls-ct-half { border: 4px solid white; } .ls-ct-left, .ls-ct-right { width: 50%; height: 100%; overflow: hidden; } .ls-ct-left, .ls-ct-right { position: absolute; } .ls-ct-left { left: 0; } .ls-ct-right { left: 50%; } .ls-ct-rotate { width: 200%; height: 100%; position: absolute; top: 0; } .ls-ct-left .ls-ct-rotate, .ls-ct-right .ls-ct-hider, .ls-ct-right .ls-ct-half { left: 0; } .ls-ct-right .ls-ct-rotate, .ls-ct-left .ls-ct-hider, .ls-ct-left .ls-ct-half { right: 0; } .ls-ct-hider, .ls-ct-half { position: absolute; top: 0; } .ls-ct-hider { width: 50%; height: 100%; overflow: hidden; } .ls-ct-half { width: 200%; height: 100%; } .ls-ct-center { width: 100%; height: 100%; left: 0; top: 0; position: absolute; border: 4px solid black; opacity: 0.2; } .ls-ct-half, .ls-ct-center { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } .ls-slidebar-container { margin: 10px auto; } .ls-slidebar-container, .ls-slidebar { position: relative; } .ls-progressbar, .ls-slidebar-slider-container { position: absolute; left: 0; top: 0; } .ls-progressbar { width: 0; height: 100%; z-index: 1; } .ls-slidebar-slider-container { z-index: 2; } .ls-slidebar-slider { position: static !important; cursor: pointer; } /* slidebar default dark skin */ .ls-slidebar { height: 10px; background-color: #ddd; } .ls-slidebar, .ls-progressbar { border-radius: 10px; } .ls-progressbar { background-color: #bbb; } .ls-slidebar-slider-container { top: 50%; } .ls-slidebar-slider { width: 20px; height: 20px; border-radius: 20px; background-color: #999; } /* slidebar default light skin */ .ls-slidebar-light .ls-slidebar { height: 8px; background-color: white; border: 1px solid #ddd; border-top: 1px solid #ccc; } .ls-slidebar-light .ls-slidebar, .ls-slidebar-light .ls-progressbar { border-radius: 10px; } .ls-slidebar-light .ls-progressbar { background-color: #eee; } .ls-slidebar-light .ls-slidebar-slider-container { top: 50%; } .ls-slidebar-light .ls-slidebar-slider { width: 18px; height: 18px; border-radius: 20px; background-color: #eee; border: 1px solid #bbb; border-top: 1px solid #ccc; border-bottom: 1px solid #999; } /* Thumbnails */ .ls-tn { display: none !important; } .ls-thumbnail-hover { display: none; position: absolute; left: 0; } .ls-thumbnail-hover-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; } .ls-thumbnail-hover-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .ls-thumbnail-hover-img { position: absolute; overflow: hidden; } .ls-thumbnail-hover img { max-width: none !important; position: absolute; display: inline-block; visibility: visible !important; left: 50%; top: 0; } .ls-thumbnail-hover span { left: 50%; top: 100%; width: 0; height: 0; display: block; position: absolute; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; } .ls-thumbnail-wrapper { position: relative; width: 100%; margin: 0 auto; } .ls-thumbnail { position: relative; margin: 0 auto; } .ls-thumbnail-inner, .ls-thumbnail-slide-container { width: 100%; } .ls-thumbnail-slide-container { overflow: hidden !important; position: relative; } .ls-thumbnail-slide { text-align: center; white-space: nowrap; float: left; position: relative; } .ls-thumbnail-slide a { overflow: hidden; display: inline-block; width: 0; height: 0; position: relative; } .ls-thumbnail-slide img { max-width: none !important; max-height: 100% !important; height: 100%; visibility: visible !important; } .ls-touchscroll { overflow-x: auto !important; } /* Shadow */ .ls-shadow { display: none; position: absolute; z-index: 10 !important; top: 100%; width: 100%; left: 0; overflow: hidden !important; visibility: hidden; } .ls-shadow img { width: 100% !important; height: auto !important; position: absolute !important; left: 0 !important; bottom: 0 !important; } /* Media */ .ls-media-layer { overflow: hidden; } .ls-vpcontainer, .ls-videopreview { width : 100%; height : 100%; position : absolute; left : 0; top : 0; cursor : pointer; } .ls-videopreview { background-size: cover; background-position: center center; } .ls-videopreview { z-index: 1; } .ls-playvideo { position: absolute; left: 50%; top: 50%; cursor: pointer; z-index: 2; } .ls-autoplay .ls-playvideo { display: none !important; } /* Mobile features */ .ls-forcehide { display: none !important; } /* YourLogo */ .ls-yourlogo { position: absolute; z-index: 50; } /* Slide transitions */ /* .ls-lt-container */ .ls-slide-transition-wrapper { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; } .ls-slide-transition-wrapper, .ls-slide-transition-wrapper * { text-align: left !important; } .ls-slide-transition-tile { position: relative; float: left; } .ls-slide-transition-tile img { visibility: visible; margin: 0 !important; } .ls-curtiles { overflow: hidden; } .ls-curtiles, .ls-nexttiles { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .ls-curtile, .ls-nexttile { overflow: hidden; width: 100% !important; height: 100% !important; -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .ls-nexttile { display: none; } .ls-3d-container { position: relative; overflow: visible !important; -ms-perspective: none !important; -moz-perspective: none !important; -webkit-perspective: none !important; perspective: none !important; } .ls-3d-box { position: absolute; } .ls-3d-box div { overflow: hidden; margin: 0; padding: 0; position: absolute; background-color: #888; } .ls-3d-box .ls-3d-top, .ls-3d-box .ls-3d-bottom { background-color: #555; } .ls-slide-transition-wrapper, .ls-slide-transition-tile { -ms-perspective: 1500px; -moz-perspective: 1500px; -webkit-perspective: 1500px; perspective: 1500px; } .ls-slide-transition-tile, .ls-3d-box, .ls-curtiles, .ls-nexttiles { -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .ls-curtile, .ls-nexttile, .ls-3d-box, .ls-3d-box div { -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Misc. */ .ls-visible { overflow: visible !important; } .ls-unselectable { user-select: none; -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; } /* barre scroll visible sur le coté droit */ .ls-overflow-hidden { overflow-y: visible; } /* barre scroll visible sur le coté droit */ .ls-overflowx-hidden { overflow-x: hidden; } .ls-overflow-visible { overflow: visible !important; } .ls-overflowy-hidden { overflow-y: visible; } .ls-hidden { width: 0px !important; height: 0px !important; position: absolute; left: -5000px; top: -5000px; z-index: -1; overflow: hidden !important; visibility: hidden !important; display: block !important; } .ls-slide { display: block !important; visibility: hidden !important; position: absolute !important; overflow: hidden; top: 0 !important; left: 0 !important; bottom: auto !important; right: auto !important; background: none; border: none !important; margin: 0 !important; padding: 0 !important; } .ls-slide > .ls-layer, .ls-slide > .ls-l, .ls-slide > .ls-bg, .ls-slide > a > .ls-layer, .ls-slide > a > .ls-l, .ls-slide > a > .ls-bg { position: absolute !important; white-space: nowrap; } .ls-fullscreen { margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; } .ls-fullscreen .ls-container { background-color: black; margin: 0 auto !important; } .ls-fullscreen .ls-fullscreen-wrapper { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background-color: black; overflow: hidden !important; position: relative !important; } .ls-fullscreen .ls-fullscreen-wrapper .ls-container, .ls-fullscreen .ls-fullscreen-wrapper .ls-wp-container { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; } .ls-layer .split-item { font-weight: inherit !important; font-family: inherit !important; font-size: inherit; color: inherit; } /* Removing all default global styles of WordPress themes */ html .ls-nav-prev, body .ls-nav-prev, #ls-global .ls-nav-prev, html .ls-nav-next, body .ls-nav-next, #ls-global .ls-nav-next, html .ls-container img, body .ls-container img, #ls-global .ls-container img, html .ls-bottom-nav-wrapper a, body .ls-bottom-nav-wrapper a, #ls-global .ls-bottom-nav-wrapper a, html .ls-container .ls-fullscreen, body .ls-container .ls-fullscreen, #ls-global .ls-container .ls-fullscreen, html .ls-thumbnail a, body .ls-thumbnail a, #ls-global .ls-thumbnail a { transition: none; -ms-transition: none; -webkit-transition: none; line-height: normal; outline: none; padding: 0; border: 0; } html .ls-wrapper > a, body .ls-wrapper > a, #ls-global .ls-wrapper > a, html .ls-wrapper > p, body .ls-wrapper > p, #ls-global .ls-wrapper > p, html .ls-wrapper > h1, body .ls-wrapper > h1, #ls-global .ls-wrapper > h1, html .ls-wrapper > h2, body .ls-wrapper > h2, #ls-global .ls-wrapper > h2, html .ls-wrapper > h3, body .ls-wrapper > h3, #ls-global .ls-wrapper > h3, html .ls-wrapper > h4, body .ls-wrapper > h4, #ls-global .ls-wrapper > h4, html .ls-wrapper > h5, body .ls-wrapper > h5, #ls-global .ls-wrapper > h5, html .ls-wrapper > img, body .ls-wrapper > img, #ls-global .ls-wrapper > img, html .ls-wrapper > div, body .ls-wrapper > div, #ls-global .ls-wrapper > div, html .ls-wrapper > span, body .ls-wrapper > span, #ls-global .ls-wrapper > span, html .ls-wrapper .ls-bg, body .ls-wrapper .ls-bg, #ls-global .ls-wrapper .ls-bg, html .ls-wrapper .ls-layer, body .ls-wrapper .ls-layer, #ls-global .ls-wrapper .ls-layer, html .ls-slide .ls-layer, body .ls-slide .ls-layer, #ls-global .ls-slide .ls-layer, html .ls-slide a .ls-layer, body .ls-slide a .ls-layer, #ls-global .ls-slide a .ls-layer { transition: none; -ms-transition: none; -webkit-transition: none; line-height: normal; outline: none; padding: 0; margin: 0; border-width: 0; } html .ls-container img, body .ls-container img, #ls-global .ls-container img { background: none !important; min-width: 0 !important; max-width: none !important; border-radius: 0; box-shadow: none; border: 0; padding: 0; } html .ls-wp-container .ls-wrapper > a > *, body .ls-wp-container .ls-wrapper > a > *, #ls-global .ls-wp-container .ls-wrapper > a > * { margin: 0; } html .ls-wp-container .ls-wrapper > a, body .ls-wp-container .ls-wrapper > a, #ls-global .ls-wp-container .ls-wrapper > a { text-decoration: none; } .ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-gui-element *, .ls-gui-element, .ls-container, .ls-slide > *, .ls-slide, .ls-wrapper, .ls-layer { box-sizing: content-box !important; } html .ls-yourlogo, body .ls-yourlogo, #ls-global .ls-yourlogo { margin: 0; } html .ls-tn, body .ls-tn, #ls-global .ls-tn { display: none; } .ls-bottom-nav-wrapper, .ls-bottom-nav-wrapper span, .ls-bottom-nav-wrapper a { line-height: 0; font-size: 0; } html .ls-container video, body .ls-container video, #ls-global .ls-container video { max-width: none !important; } /* direction: ltr */ html .ls-container, body .ls-container, #ls-global .ls-container, html .ls-container .ls-slide-transition-wrapper, body .ls-container .ls-slide-transition-wrapper, #ls-global .ls-container .ls-slide-transition-wrapper, html .ls-container .ls-slide-transition-wrapper *, body .ls-container .ls-slide-transition-wrapper *, #ls-global .ls-container .ls-slide-transition-wrapper *, html .ls-container .ls-bottom-nav-wrapper, body .ls-container .ls-bottom-nav-wrapper, #ls-global .ls-container .ls-bottom-nav-wrapper, html .ls-container .ls-bottom-nav-wrapper *, body .ls-container .ls-bottom-nav-wrapper *, #ls-global .ls-container .ls-bottom-nav-wrapper *, html .ls-container .ls-bottom-nav-wrapper span *, body .ls-container .ls-bottom-nav-wrapper span *, #ls-global .ls-container .ls-bottom-nav-wrapper span *, html .ls-direction-fix, body .ls-direction-fix, #ls-global .ls-direction-fix { direction: ltr !important; } /* float: none */ html .ls-container, body .ls-container, #ls-global .ls-container { float: none !important; } /* Notification */ .ls-notification { position: relative; margin: 10px auto; padding: 10px 10px 15px 88px; border-radius: 5px; background: #de4528; color: white !important; font-family: 'Open Sans', arial, sans-serif !important; } .ls-notification a { color: white !important; text-decoration: underline !important; } .ls-notification-logo { position: absolute; top: 16px; left: 17px; width: 56px; height: 56px; font-size: 49px; line-height: 53px; border-radius: 56px; background-color: white; color: #de4528; font-style: normal; font-weight: 800; text-align: center; } .ls-notification strong { color: white !important; display: block; font-size: 20px; line-height: 26px; font-weight: normal !important; } .ls-notification span { display: block; font-size: 13px; line-height: 16px; text-align: justify !important; } /* Device Responsiveness */ @media screen and (max-width: 767px) { .ls-container .ls-layers > .ls-hide-on-phone, .ls-container .ls-background-videos .ls-hide-on-phone video, .ls-container .ls-background-videos .ls-hide-on-phone audio, .ls-container .ls-background-videos .ls-hide-on-phone iframe { display: none !important; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .ls-container .ls-layers > .ls-hide-on-tablet, .ls-container .ls-background-videos .ls-hide-on-tablet video, .ls-container .ls-background-videos .ls-hide-on-tablet audio, .ls-container .ls-background-videos .ls-hide-on-tablet iframe { display: none !important; } } @media screen and (min-width: 1025px) { .ls-container .ls-layers > .ls-hide-on-desktop, .ls-container .ls-background-videos .ls-hide-on-desktop video, .ls-container .ls-background-videos .ls-hide-on-desktop audio, .ls-container .ls-background-videos .ls-hide-on-desktop iframe { display: none !important; } } .ls-container .ls-background-videos .ls-vpcontainer { z-index: 10; } .ls-container .ls-background-videos .ls-videopreview { background-size: cover !important; } .ls-container .ls-background-videos video, .ls-container .ls-background-videos audio, .ls-container .ls-background-videos iframe { position: relative; z-index: 20; } /* Hacks */ @media (transform-3d), (-ms-transform-3d), (-webkit-transform-3d) { #ls-test3d { position: absolute; left: 9px; height: 3px; } } /* REVEAL EFFECT */ .reveal-effect { position: relative; } .reveal-effect > * { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); position: relative; } .reveal-effect > * { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .reveal-effect { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .reveal-effect { -webkit-transition-duration: 1.2s; transition-duration: 1.2s; -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } .reveal-effect.animated { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .reveal-effect.animated * { -webkit-animation-name: show-img-1; animation-name: show-img-1; } .reveal-effect:after { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } .reveal-effect:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } .reveal-effect:after { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 0); transform: scale(0.05, 0); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } .reveal-effect.masker:after { background-color: #161619; } .reveal-effect.maskerlight:after { background-color: #fafafa; } .reveal-effect.maskerred:after { background-color: #c00; } .reveal-effect.maskerorange:after { background-color: #f29400; } .reveal-effect.maskerblue:after { background-color: #3b71c7; } .reveal-effect.maskergreen:after { background-color: #2f9536; } .reveal-effect.maskeryellow:after { background-color: #ffe600; } .reveal-effect.maskerbrown:after { background-color: #daa96f; } .reveal-effect.animated:after { -webkit-animation-name: slide-bg-2; animation-name: slide-bg-2; } /* ANIMATIONS */ @keyframes texteffect { 0% { transform: translateY(50%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes texteffect { 0% { transform: translateY(50%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes show-img-1 { 0%, 66.6% { visibility: hidden; } 100%, 66.7% { visibility: visible; } } @keyframes show-img-1 { 0%, 66.6% { visibility: hidden; } 100%, 66.7% { visibility: visible; } } @-webkit-keyframes slide-bg-2 { 33.3% { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 1); transform: scale(0.05, 1); } 66.6% { -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 66.7% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); transform: scale(0, 1); } } @keyframes slide-bg-2 { 33.3% { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 1); transform: scale(0.05, 1); } 66.6% { -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 66.7% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); transform: scale(0, 1); } } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.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, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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 { from, 11.1%, 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.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 { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.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(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.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(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.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: 0.75s; animation-duration: 0.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: 0.75s; animation-duration: 0.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(0.1) rotate(30deg); transform: scale(0.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(0.1) rotate(30deg); transform: scale(0.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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.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 { -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: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .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; } } /* ============================================== slideExpandUp ============================================== */ .slideExpandUp{ animation-name: slideExpandUp; -webkit-animation-name: slideExpandUp; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease -out; visibility: visible !important; } @keyframes slideExpandUp { 0% { transform: translateY(100%) scaleX(0.5); } 30%{ transform: translateY(-8%) scaleX(0.5); } 40%{ transform: translateY(2%) scaleX(0.5); } 50%{ transform: translateY(0%) scaleX(1.1); } 60%{ transform: translateY(0%) scaleX(0.9); } 70% { transform: translateY(0%) scaleX(1.05); } 80%{ transform: translateY(0%) scaleX(0.95); } 90% { transform: translateY(0%) scaleX(1.02); } 100%{ transform: translateY(0%) scaleX(1); } } @-webkit-keyframes slideExpandUp { 0% { -webkit-transform: translateY(100%) scaleX(0.5); } 30%{ -webkit-transform: translateY(-8%) scaleX(0.5); } 40%{ -webkit-transform: translateY(2%) scaleX(0.5); } 50%{ -webkit-transform: translateY(0%) scaleX(1.1); } 60%{ -webkit-transform: translateY(0%) scaleX(0.9); } 70% { -webkit-transform: translateY(0%) scaleX(1.05); } 80%{ -webkit-transform: translateY(0%) scaleX(0.95); } 90% { -webkit-transform: translateY(0%) scaleX(1.02); } 100%{ -webkit-transform: translateY(0%) scaleX(1); } } @charset "UTF-8"; #logoxcontainer { margin-top: -4px; } @font-face { font-family: 'conthrax sb'; src: url(//www.msecurite.fr//modules/mod_artx_logo/assets/css/../css/conthrax-sb.ttf) format('truetype'); } canvas { display: block; float: left; } table { text-align: left; margin-bottom: unset; margin-left: 5px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } table tr:nth-child(2n) { background: unset; border-bottom: unset; } .navbar-brand-logo { height: 54px; } table td, th { padding: initial; } #c { display: inline-block; vertical-align: baseline; width: 550px; } #spark{ height: 70px; margin-top: -40px; margin-left: -45px; margin-top: -70px; } .logox { } .sanslogo { width: 100%; } #wrapperx img { /*margin-left: -9px;*/ } .navbar-brand { width: auto !important; } @media screen and (max-width: 780px) { #textb { display: none !important; } } #box2 { display:none !important; } #textb { margin-top: -15px; margin-left: -8px; color:#ffffff; } #box1 { display: none; /* comportement visuel de cellule */ } #wrapperx { display: table-cell; /* comportement visuel de cellule */ vertical-align: middle; margin: 0 auto; height:70px; } @keyframes showup { 0% {opacity:0;} 20% {opacity:1;} 80% {opacity:1;} 100% {opacity:0;} } @keyframes slidein { 0% { margin-left:-800px; } 20% { margin-left:-800px; } 35% { margin-left:0px; } 100% { margin-left:0px; } } @keyframes reveal { 0% {opacity:0;width:0px;} 20% {opacity:1;width:0px;} 30% {width:355px;} 80% {opacity:1;} 100% {opacity:0;width:355px;} } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px); } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @-moz-keyframes tada { 0% { -moz-transform: scale(1); } 10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); } 100% { -moz-transform: scale(1) rotate(0); } } @-o-keyframes tada { 0% { -o-transform: scale(1); } 10%, 20% { -o-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); } 100% { -o-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(0.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(0.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes flotte { 0% {/*! -webkit-transform:translateY(0px) */} 50% {/*! -webkit-transform:translateY(-8px) */} 100% {/*! -webkit-transform:translateY(0px) */} } @-moz-keyframes flotte { 0% {/*! -moz-transform:translateY(0px) */} 50% {/*! -moz-transform:translateY(-8px) */} 100% {/*! -moz-transform:translateY(0px) */} } @-o-keyframes flotte { 0% {-o-transform:translateY(0px)} 50% {-o-transform:translateY(-8px)} 100% {-o-transform:translateY(0px)} } @keyframes flotte { 0% {/*! transform:translateY(0px) */} 50% {transform:translateY(-8px);} 100% {transform:translateY(0px)} } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedIn { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.lightSpeedOut { -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.wiggle { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; animation-duration: 0.75s; } @charset "utf-8"; /* CSS Document */ .container { width: 100%; margin: 0 auto; } #progress-baro { --scrollAmount: 0%; width: var(--scrollAmount); background-repeat:repeat; position: fixed; bottom: 0; z-index:10000000000000000000000; } p { line-height: 1.5; } .progress-bar { white-space: nowrap; transition: width .6s ease; text-shadow: 0px 1px 8px rgba(0,0,0,0.75); } /* Progress bar */ #progress-baro { z-index:99999 } #progress-baro:before { content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-size: 1rem 1rem !important; animation: wavescrollbarAnimation .1s linear infinite; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } /** * @package Module EB Ajax Search for Joomla! * @version 1.41: mod_ebajaxsearch.php Oct 2022 * @author url: https://www/extnbakers.com * @copyright Copyright (C) 2022 extnbakers.com. All rights reserved. * @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html **/ @media screen and (max-height: 574px) { .is_ajaxsearch .search-results .ajaxsearch_result .result_wrap { max-height: 210px!important; min-height: 200px!important; } } @media screen and (max-height: 280px) { #cherchy { display: none; } } #cherchy .glyphicon { top: -35px !important; float: right!important; margin-right: -15px; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } #is_ajaxsearch_result.ajaxsearch_result .result_wrap mark { padding: 0 !important; } #is_ajaxsearch_result .small-title { font-size: 14px !important; font-weight : 600; } #is_ajaxsearch_result { position: absolute; text-decoration: none; z-index:1000; font-size:12px; margin-left: 1%; } #is_ajaxsearch_result .plugin-title { -webkit-box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.4); box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.4); line-height: 26px; font-size: 14px; background-size: auto 100%; background: -moz-linear-gradient(#E4EAEE, #E4EAEE); /* FF 3.6+ */ background: -ms-linear-gradient(#E4EAEE, #E4EAEE); /* IE10 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E4EAEE), color-stop(100%, #E4EAEE)); /* Safari 4+, Chrome 2+ */ background: -webkit-linear-gradient(#E4EAEE, #E4EAEE); /* Safari 5.1+, Chrome 10+ */ background: -o-linear-gradient(#E4EAEE, #E4EAEE); /* Opera 11.10 */ background: linear-gradient( top, #E4EAEE, #E4EAEE ); text-align: left; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #c2d5e1; font-weight: bold; height: 100%; margin:0; padding:0; } #is_ajaxsearch_result .plugin-title.first { -webkit-box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.4); box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.4); -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-top: -1px; } #is_ajaxsearch_result .ie-fix-plugin-title { border-top: 1px solid #B2BCC1; border-bottom: 1px solid #000000; } #is_ajaxsearch_result .plugin-title-inner { /* -moz-box-shadow:0 1px 2px #B2BCC1 inset;*/ -moz-user-select:none; padding-left:10px; padding-right:5px; float: left; cursor: default; /*font chooser*/ color: #4E6170; font-weight: bold; font-style: normal; font-size: 11px; text-shadow: #ffffff 1px 1px 0px; text-decoration: none; text-transform: 27px; line-height: left; text-align: center;/*font chooser*/ } #is_ajaxsearch_result .pagination_wrap { margin: 8px 10px; /*margin-left: 0px;*/ float: right; float: right; width: auto; height: auto; font-size: 14px; } #is_ajaxsearch_result a.eb_viewall { color: rgba(0, 0, 0, 0.31); padding: 0 10px 0 0; text-decoration: none; } #is_ajaxsearch_result .pagination_link { padding: 0 3px; text-decoration: none; } #is_ajaxsearch_result .page-container { position: relative; overflow: hidden; height: 198px; /* 66x num of elements */ width: 250px; /**/ } #is_ajaxsearch_result .page-band { position: absolute; left: 0; width: 10000px; } #is_ajaxsearch_result .page-element { float: left; left: 0; cursor: hand; } #is_ajaxsearch_result .result-element { display: block; width: 100%; /**/ height: 75px; /*height*/ /*border-top: 1px solid #e5e5e5;*/ border-bottom: 1px solid #c2d5e1; overflow: hidden; } #is_ajaxsearch_result .result-element img { display: block; float: left; /*padding: 2px;*/ padding-right:10px; border: 0; margin: 5px; width: 100%; height: auto; } .ajax-clear { clear: both; } #is_ajaxsearch_result .result-element span { display: block; float: left; width: 100%; /* margin:5+12 */ margin-left:5px; margin-right:12px; line-height: 14px; text-align: left; cursor: pointer; margin-top: 5px; padding-right: 5px; /*font chooser*/ font-size: 12px; text-shadow: none; text-decoration: none; text-transform: none; line-height: left;/*font chooser*/ } /*#is_ajaxsearch_result .result-element:hover span{ color: #158837; }*/ #is_ajaxsearch_result .result-element span.small-desc { margin-top : 2px; line-height: 16px; /*font chooser*/ font-size: 14px; text-shadow: none; text-decoration: none; text-transform: none; line-height: left;/*font chooser*/ } #is_ajaxsearch_result .result_box:hover { background-color: #f3eded9e } #is_ajaxsearch_result .result-products span { /* text-align: center;*/ width: 100%; /* padding and pictures: 10+2+60, margin:5+12 */ margin-top: 5px; } #is_ajaxsearch_result .no-result { display: block; width: 250px; /**/ height: 30px; /*height*/ font-weight: bold; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #c2d5e1; overflow: hidden; text-align: center; padding-top:10px; } #is_ajaxsearch_result .no-result-suggest { display: block; font-weight: bold; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #c2d5e1; overflow: hidden; text-align: center; padding-top:10px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; } #is_ajaxsearch_result .no-result-suggest a { cursor: pointer; font-weight: bold; text-decoration: none; padding-left: 4px; } #is_ajaxsearch_result .no-result-suggest, #is_ajaxsearch_result .no-result-suggest a { /*font chooser*/ color: #4e6170; font-weight: bold; font-style: normal; font-size: 12px; text-shadow: none; text-decoration: none; text-transform: none; line-height: left;/*font chooser*/ } #is_ajaxsearch_result .no-result-suggest a:hover { text-decoration: underline; } #is_ajaxsearch_result .no-result span { width: 233px; /* margin:5+12 */ line-height: 20px; text-align: left; cursor: default; -moz-user-select:none; } /********** Header Search bar Css *************/ /*.is_ajaxsearch .search-label{color:#fff;}*/ .is_ajaxsearch .form-inline input { padding: 8px 18px; border: 1px solid #cecece94; /*border-radius: 4px;*/ margin-left: 10px; color: #ffffff; height: 36px; } .is_ajaxsearch .form-inline input:focus-visible { padding: 8px 18px; border: 1px solid #797979; outline: none; } /*.is_ajaxsearch .ajaxsearch_result .result-element, .is_ajaxsearch .search-results .ajaxsearch_result{width:100% !important;}*/ .is_ajaxsearch .search-results { position:relative; } .is_ajaxsearch .search-results .ajaxsearch_result .result-element { padding: 10px; height: auto !important; border-bottom: 1px solid #f1ecec !important; border-top: 0; } .is_ajaxsearch .search-results .ajaxsearch_result .result_wrap { max-height:400px; overflow:auto; margin: 10px 0; box-shadow: 0 0px 20px 5px; color: rgba(0, 0, 0, 0.31); } .is_ajaxsearch .search-results .ajaxsearch_result .result-element .small-cat { margin-bottom:10px; } .is_ajaxsearch .is_noresult { padding: 10px; } .is_ajaxsearch .result_img { width: 25%; display: inline-block; float:left; } .is_ajaxsearch .result-element .result_content { width: 100%; display: inline-block; } .is_ajaxsearch .result-products .result_content { width: 75%; display: inline-block; } .is_ajaxsearch .btn-toolbar { width:100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; } .is_ajaxsearch .btn-toolbar input { width:100%; } .is_btn_search.is_ajaxsearch .btn-toolbar input[type="search"] { width:60%; } .is_ajaxsearch .search_class { padding: 6px 18px; border: 1px solid #cecece94; /*border-radius: 4px;*/ margin-left: 10px; font-size: 15px; line-height: 22px; display: inline-block; text-decoration: none; } .is_ajaxsearch a:hover { text-decoration: none; } .is_ajaxsearch .btn-toolbar input.clearable.x { background: #ffffff26 url(//www.msecurite.fr//modules/mod_ebajaxsearch/assets/css/../images/close.png); background-repeat: no-repeat; background-size: auto; background-position: 99%; cursor: pointer; position: relative; } .clearable { background: #fff url(//www.msecurite.fr//modules/mod_ebajaxsearch/assets/css/../images/close.png) no-repeat right -10px center; border: 1px solid #999; padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */ border-radius: 3px; transition: background 0.4s; } .clearable.x { background-position: right 10px center; } .clearable.onX { cursor: pointer; } .clearable::-ms-clear { display: none; width:0; height:0; } #is_ajaxsearch_result .result-element span.small-desc { float: left; width: 74%; vertical-align: bottom; margin: 0; margin-left: 5px; } .is_btn_search .btn-toolbar input.inputbox { width: 70%; /*-webkit-box-sizing: content-box;*/ /*-moz-box-sizing: content-box;*/ /*box-sizing: content-box;*/ /*-webkit-appearance: textfield;*/ } .is_ajaxsearch .loading { background: transparent url(//www.msecurite.fr//modules/mod_ebajaxsearch/assets/css/../images/spinner.gif) no-repeat scroll 98% 50%; } @media(max-width:767px) { .is_btn_search.is_ajaxsearch { width:100%; } .is_btn_search.is_ajaxsearch .search-label { width: 100%; } .is_btn_search.is_ajaxsearch .btn-toolbar input[type="search"] { width: 67% !important; margin-left: 0; } .is_btn_search.is_ajaxsearch .btn-group { width: 25%; } } @media (max-width: 479px) { .is_btn_search.is_ajaxsearch .btn-toolbar input[type="search"] { width: 100% !important; } .is_btn_search.is_ajaxsearch .btn-group { width: 100%; display: inline-block; margin: 8px 0 0; text-align: center; } .is_btn_search.is_ajaxsearch .btn-group .search_class { width: 50%; margin: 0; } #is_ajaxsearch_result a.eb_viewall { width: 100%; display: block; } } .eb_ajaxsearch_pagination{text-align:center; font-size:12px;} .uk-scope html { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 16px; font-weight: 400; line-height: 1.5; color: #666; background: #fff; -webkit-text-size-adjust: 100%; } .uk-scope body { margin: 0; } .uk-scope .uk-link, .uk-scope a { text-decoration: none; color: #1e87f0; cursor: pointer; } .uk-scope .uk-link-toggle:hover .uk-link, .uk-scope .uk-link:hover, .uk-scope a:hover { text-decoration: underline; color: #0f6ecd; } .uk-scope abbr[title] { text-decoration: underline dotted; -webkit-text-decoration-style: dotted; } .uk-scope b, .uk-scope strong { font-weight: bolder; } .uk-scope :not(pre) >code, .uk-scope :not(pre) >kbd, .uk-scope :not(pre) > samp { padding: 2px 6px; font-family: Consolas,monaco,monospace; font-size: 14px; white-space: nowrap; color: #f0506e; background: #f8f8f8; } .uk-scope em { color: #f0506e; } .uk-scope ins { text-decoration: none; color: #666; background: #ffd; } .uk-scope mark { color: #666; background: #ffd; } .uk-scope q { font-style: italic; } .uk-scope small { font-size: 80%; } .uk-scope sub, .uk-scope sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } .uk-scope sup { top: -.5em; } .uk-scope sub { bottom: -.25em; } .uk-scope audio, .uk-scope canvas, .uk-scope iframe, .uk-scope img, .uk-scope svg, .uk-scope video { vertical-align: middle; } .uk-scope canvas, .uk-scope img, .uk-scope svg, .uk-scope video { box-sizing: border-box; height: auto; max-width: 100%; } .uk-scope img:not([src]) { visibility: hidden; min-width: 1px; } .uk-scope iframe { border: 0; } .uk-scope address, .uk-scope dl, .uk-scope fieldset, .uk-scope figure, .uk-scope ol, .uk-scope p, .uk-scope pre, .uk-scope ul { margin: 0 0 20px 0; } .uk-scope * + address, .uk-scope * + dl, .uk-scope *+fieldset, .uk-scope *+figure, .uk-scope *+ol, .uk-scope *+p, .uk-scope *+pre, .uk-scope *+ul { margin-top: 20px; } .uk-scope .uk-h1, .uk-scope .uk-h2, .uk-scope .uk-h3, .uk-scope .uk-h4, .uk-scope .uk-h5, .uk-scope .uk-h6, .uk-scope .uk-heading-2xlarge, .uk-scope .uk-heading-large, .uk-scope .uk-heading-medium, .uk-scope .uk-heading-small, .uk-scope .uk-heading-xlarge, .uk-scope h1, .uk-scope h2, .uk-scope h3, .uk-scope h4, .uk-scope h5, .uk-scope h6 { margin: 0 0 20px 0; text-transform: none; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-weight: 400; color: #333; } .uk-scope * + .uk-h1, .uk-scope * + .uk-h2, .uk-scope *+.uk-h3, .uk-scope *+.uk-h4, .uk-scope *+.uk-h5, .uk-scope *+.uk-h6, .uk-scope *+.uk-heading-2xlarge, .uk-scope *+.uk-heading-large, .uk-scope *+.uk-heading-medium, .uk-scope *+.uk-heading-small, .uk-scope *+.uk-heading-xlarge, .uk-scope *+h1, .uk-scope *+h2, .uk-scope *+h3, .uk-scope *+h4, .uk-scope *+h5, .uk-scope *+h6 { margin-top: 40px; } .uk-scope .uk-h1, .uk-scope h1 { font-size: 35.7px; line-height: 1.2; } .uk-scope .uk-h2, .uk-scope h2 { font-size: 27.2px; line-height: 1.3; } .uk-scope .uk-h3, .uk-scope h3 { font-size: 24px; line-height: 1.4; } .uk-scope .uk-h4, .uk-scope h4 { font-size: 20px; line-height: 1.4; } .uk-scope .uk-h5, .uk-scope h5 { font-size: 16px; line-height: 1.4; } .uk-scope .uk-h6, .uk-scope h6 { font-size: 14px; line-height: 1.4; } @media (min-width:960px) { .uk-scope .uk-h1, .uk-scope h1 { font-size: 42px; } .uk-scope .uk-h2, .uk-scope h2 { font-size: 32px; } } .uk-scope ol, .uk-scope ul { padding-left: 30px; } .uk-scope ol > li > ol, .uk-scope ol>li>ul, .uk-scope ul>li>ol, .uk-scope ul>li>ul { margin: 0; } .uk-scope dt { font-weight: 700; } .uk-scope dd { margin-left: 0; } .uk-scope .uk-hr, .uk-scope hr { margin: 0 0 20px 0; border: 0; border-top: 1px solid #e5e5e5; overflow: visible; text-align: inherit; } .uk-scope * + .uk-hr, .uk-scope * + hr { margin-top: 20px; } .uk-scope address { font-style: normal; } .uk-scope blockquote { margin: 0 0 20px 0; font-size: 20px; font-style: italic; line-height: 1.5; color: #333; } .uk-scope * + blockquote { margin-top: 20px; } .uk-scope blockquote p:last-of-type { margin-bottom: 0; } .uk-scope blockquote footer { margin-top: 10px; font-size: 14px; line-height: 1.5; color: #666; } .uk-scope blockquote footer::before { content: "— "; } .uk-scope pre { padding: 10px; border: 1px solid #e5e5e5; border-radius: 3px; overflow: auto; font: 14px/1.5 Consolas,monaco,monospace; tab-size: 4; color: #666; background: #fff; -moz-tab-size: 4; } .uk-scope pre code { font-family: Consolas,monaco,monospace; } .uk-scope:focus { outline: 0; } .uk-scope:focus-visible { outline: 2px dotted #333; } .uk-scope::selection { text-shadow: none; color: #fff; background: #39f; } .uk-scope details, .uk-scope main { display: block; } .uk-scope summary { display: list-item; } .uk-scope template { display: none; } .uk-scope:root { --uk-breakpoint-s: 640px; --uk-breakpoint-m: 960px; --uk-breakpoint-l: 1200px; --uk-breakpoint-xl: 1600px; } .uk-scope li { margin: 0; } .uk-scope .uk-link-muted a, .uk-scope .uk-link-toggle .uk-link-muted, .uk-scope a.uk-link-muted { color: #999; } .uk-scope .uk-link-muted a:hover, .uk-scope .uk-link-toggle:hover .uk-link-muted, .uk-scope a.uk-link-muted:hover { color: #666; } .uk-scope .uk-link-text a, .uk-scope .uk-link-toggle .uk-link-text, .uk-scope a.uk-link-text { color: inherit; } .uk-scope .uk-link-text a:hover, .uk-scope .uk-link-toggle:hover .uk-link-text, .uk-scope a.uk-link-text:hover { color: #999; } .uk-scope .uk-link-heading a, .uk-scope .uk-link-toggle .uk-link-heading, .uk-scope a.uk-link-heading { color: inherit; } .uk-scope .uk-link-heading a:hover, .uk-scope .uk-link-toggle:hover .uk-link-heading, .uk-scope a.uk-link-heading:hover { text-decoration: none; color: #1e87f0; } .uk-scope .uk-link-reset a, .uk-scope a.uk-link-reset { text-decoration: none!important; color: inherit!important; } .uk-scope .uk-link-toggle { text-decoration: none!important; color: inherit!important; } .uk-scope .uk-heading-small { font-size: 41.6px; line-height: 1.2; } .uk-scope .uk-heading-medium { font-size: 46.2px; line-height: 1.1; } .uk-scope .uk-heading-large { font-size: 54.4px; line-height: 1.1; } .uk-scope .uk-heading-xlarge { font-size: 64px; line-height: 1; } .uk-scope .uk-heading-2xlarge { font-size: 96px; line-height: 1; } @media (min-width:960px) { .uk-scope .uk-heading-small { font-size: 52px; } .uk-scope .uk-heading-medium { font-size: 56px; } .uk-scope .uk-heading-large { font-size: 64px; } .uk-scope .uk-heading-xlarge { font-size: 96px; } .uk-scope .uk-heading-2xlarge { font-size: 128px; } } @media (min-width:1200px) { .uk-scope .uk-heading-medium { font-size: 64px; } .uk-scope .uk-heading-large { font-size: 96px; } .uk-scope .uk-heading-xlarge { font-size: 128px; } .uk-scope .uk-heading-2xlarge { font-size: 176px; } } .uk-scope .uk-heading-divider { padding-bottom: calc(5px + .1em); border-bottom: calc(.2px + .05em) solid #e5e5e5; } .uk-scope .uk-heading-bullet { position: relative; } .uk-scope .uk-heading-bullet::before { content: ""; display: inline-block; position: relative; top: calc(-.1 * 1em); height: calc(4px + .7em); margin-right: calc(5px + .2em); border-left: calc(5px + .1em) solid #e5e5e5; vertical-align: middle; } .uk-scope .uk-heading-line { overflow: hidden; } .uk-scope .uk-heading-line > * { display: inline-block; position: relative; } .uk-scope .uk-heading-line > ::after, .uk-scope .uk-heading-line > ::before { content: ""; position: absolute; top: calc(50% -(calc(.2px + .05em) / 2)); width: 2000px; border-bottom: calc(.2px + .05em) solid #e5e5e5; } .uk-scope .uk-heading-line > ::before { right: 100%; margin-right: calc(5px + .3em); } .uk-scope .uk-heading-line > ::after { left: 100%; margin-left: calc(5px + .3em); } .uk-scope [class*=uk-divider] { margin-bottom: 20px; border: none; } .uk-scope * + [class*=uk-divider] { margin-top: 20px; } .uk-scope .uk-divider-icon { position: relative; height: 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); background-position: 50% 50%; background-repeat: no-repeat; } .uk-scope .uk-divider-icon::after, .uk-scope .uk-divider-icon::before { content: ""; position: absolute; top: 50%; max-width: calc(50% - (50px / 2)); border-bottom: 1px solid #e5e5e5; } .uk-scope .uk-divider-icon::before { right: calc(50% + (50px / 2)); width: 100%; } .uk-scope .uk-divider-icon::after { left: calc(50% + (50px / 2)); width: 100%; } .uk-scope .uk-divider-small { line-height: 0; } .uk-scope .uk-divider-small::after { content: ""; display: inline-block; width: 100px; max-width: 100%; border-top: 1px solid #e5e5e5; vertical-align: top; } .uk-scope .uk-divider-vertical { width: max-content; height: 100px; margin-right: auto; margin-left: auto; border-left: 1px solid #e5e5e5; } .uk-scope .uk-list { padding: 0; list-style: none; } .uk-scope .uk-list > * { break-inside: avoid-column; } .uk-scope .uk-list > * > :last-child { margin-bottom: 0; } .uk-scope .uk-list>*>ul, .uk-scope .uk-list>:nth-child(n+2) { margin-top: 10px; } .uk-scope .uk-list-circle > *, .uk-scope .uk-list-decimal > *, .uk-scope .uk-list-disc>*, .uk-scope .uk-list-hyphen>*, .uk-scope .uk-list-square>* { padding-left: 30px; } .uk-scope .uk-list-decimal { counter-reset: decimal; } .uk-scope .uk-list-decimal > * { counter-increment: decimal; } .uk-scope .uk-list-circle > ::before, .uk-scope .uk-list-decimal > ::before, .uk-scope .uk-list-disc>::before, .uk-scope .uk-list-hyphen>::before, .uk-scope .uk-list-square>::before { content: ""; display: list-item; position: relative; left: -30px; width: 30px; height: 1.5em; margin-bottom: -1.5em; text-align: right; list-style-position: inside; } .uk-scope .uk-list-disc > ::before { list-style-type: disc; } .uk-scope .uk-list-circle > ::before { list-style-type: circle; } .uk-scope .uk-list-square > ::before { list-style-type: square; } .uk-scope .uk-list-decimal > ::before { content: counter(decimal,decimal) '\200A.\00A0'; } .uk-scope .uk-list-hyphen > ::before { content: '–\00A0\00A0'; } .uk-scope .uk-list-muted > ::before { color: #999!important; } .uk-scope .uk-list-emphasis > ::before { color: #333!important; } .uk-scope .uk-list-primary > ::before { color: #1e87f0!important; } .uk-scope .uk-list-secondary > ::before { color: #222!important; } .uk-scope .uk-list-bullet > * { padding-left: 30px; } .uk-scope .uk-list-bullet > ::before { content: ""; display: list-item; position: relative; left: -30px; width: 30px; height: 1.5em; margin-bottom: -1.5em; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); background-position: 50% 50%; background-repeat: no-repeat; } .uk-scope .uk-list-divider>:nth-child(n+2) { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e5e5e5; } .uk-scope .uk-list-striped > * { padding: 10px 10px; } .uk-scope .uk-list-striped>:nth-of-type(odd) { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .uk-scope .uk-list-striped>:nth-of-type(odd) { background: #f8f8f8; } .uk-scope .uk-list-striped>:nth-child(n+2) { margin-top: 0; } .uk-scope .uk-list-large>*>ul, .uk-scope .uk-list-large>:nth-child(n+2) { margin-top: 20px; } .uk-scope .uk-list-collapse>*>ul, .uk-scope .uk-list-collapse>:nth-child(n+2) { margin-top: 0; } .uk-scope .uk-list-large.uk-list-divider>:nth-child(n+2) { margin-top: 20px; padding-top: 20px; } .uk-scope .uk-list-collapse.uk-list-divider>:nth-child(n+2) { margin-top: 0; padding-top: 0; } .uk-scope .uk-list-large.uk-list-striped > * { padding: 20px 10px; } .uk-scope .uk-list-collapse.uk-list-striped > * { padding-top: 0; padding-bottom: 0; } .uk-scope .uk-list-collapse.uk-list-striped>:nth-child(n+2) , .uk-scope .uk-list-large.uk-list-striped>:nth-child(n+2) { margin-top: 0; } .uk-scope .uk-description-list > dt { text-transform: uppercase; font-size: 14px; font-weight: 400; color: #333; } .uk-scope .uk-description-list>dt:nth-child(n+2) { margin-top: 20px; } .uk-scope .uk-description-list-divider>dt:nth-child(n+2) { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e5e5e5; } .uk-scope .uk-table { width: 100%; margin-bottom: 20px; border-collapse: collapse; border-spacing: 0; } .uk-scope * + .uk-table { margin-top: 20px; } .uk-scope .uk-table th { padding: 16px 12px; text-align: left; text-transform: uppercase; font-size: 14px; font-weight: 400; word-break: normal; vertical-align: bottom; color: #999; } .uk-scope .uk-table td { padding: 16px 12px; vertical-align: top; } .uk-scope .uk-table td > :last-child { margin-bottom: 0; } .uk-scope .uk-table tfoot { font-size: 14px; } .uk-scope .uk-table caption { text-align: left; font-size: 14px; color: #999; } .uk-scope .uk-table-middle, .uk-scope .uk-table-middle td { vertical-align: middle!important; } .uk-scope .uk-table-divider>:first-child>tr:not(:first-child) , .uk-scope .uk-table-divider>:not(:first-child) >tr, .uk-scope .uk-table-divider>tr:not(:first-child) { border-top: 1px solid #e5e5e5; } .uk-scope .uk-table-striped tbody tr:nth-of-type(odd) , .uk-scope .uk-table-striped>tr:nth-of-type(odd) { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #f8f8f8; } .uk-scope .uk-table-hover tbody tr:hover, .uk-scope .uk-table-hover > tr:hover { background: #ffd; } .uk-scope .uk-table tbody tr.uk-active, .uk-scope .uk-table > tr.uk-active { background: #ffd; } .uk-scope .uk-table-small td, .uk-scope .uk-table-small th { padding: 10px 12px; } .uk-scope .uk-table-large td, .uk-scope .uk-table-large th { padding: 22px 12px; } .uk-scope .uk-table-justify td:first-child, .uk-scope .uk-table-justify th:first-child { padding-left: 0; } .uk-scope .uk-table-justify td:last-child, .uk-scope .uk-table-justify th:last-child { padding-right: 0; } .uk-scope .uk-table-shrink { width: 1px; } .uk-scope .uk-table-expand { min-width: 150px; } .uk-scope .uk-table-link { padding: 0!important; } .uk-scope .uk-table-link > a { display: block; padding: 16px 12px; } .uk-scope .uk-table-small .uk-table-link > a { padding: 10px 12px; } @media (max-width:959px) { .uk-scope .uk-table-responsive, .uk-scope .uk-table-responsive tbody, .uk-scope .uk-table-responsive td, .uk-scope .uk-table-responsive th, .uk-scope .uk-table-responsive tr { display: block; } .uk-scope .uk-table-responsive thead { display: none; } .uk-scope .uk-table-responsive td, .uk-scope .uk-table-responsive th { width: auto!important; max-width: none!important; min-width: 0!important; overflow: visible!important; white-space: normal!important; } .uk-scope .uk-table-responsive .uk-table-link:not(:first-child) >a, .uk-scope .uk-table-responsive td:not(:first-child):not(.uk-table-link) , .uk-scope .uk-table-responsive th:not(:first-child):not(.uk-table-link) { padding-top: 5px!important; } .uk-scope .uk-table-responsive .uk-table-link:not(:last-child) >a, .uk-scope .uk-table-responsive td:not(:last-child):not(.uk-table-link) , .uk-scope .uk-table-responsive th:not(:last-child):not(.uk-table-link) { padding-bottom: 5px!important; } .uk-scope .uk-table-justify.uk-table-responsive td, .uk-scope .uk-table-justify.uk-table-responsive th { padding-right: 0; padding-left: 0; } } .uk-scope .uk-table tbody tr { transition: background-color .1s linear; } .uk-scope .uk-table-striped tbody tr:nth-of-type(2n):last-child, .uk-scope .uk-table-striped>tr:nth-of-type(2n):last-child { border-bottom: 1px solid #e5e5e5; } .uk-scope .uk-icon { display: inline-block; margin: 0; padding: 0; border: none; border-radius: 0; overflow: visible; text-transform: none; font: inherit; line-height: 0; color: inherit; background-color: transparent; fill: currentcolor; } .uk-scope button.uk-icon:not(:disabled) { cursor: pointer; } .uk-scope .uk-icon::-moz-focus-inner { padding: 0; border: 0; } .uk-scope .uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { fill: currentcolor; } .uk-scope .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke: currentcolor; } .uk-scope .uk-icon > * { transform: translate(0,0); } .uk-scope .uk-icon-image { width: 20px; height: 20px; max-width: none; vertical-align: middle; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; object-fit: scale-down; } .uk-scope .uk-icon-link { text-decoration: none!important; color: #999; } .uk-scope .uk-icon-link:hover { color: #666; } .uk-scope .uk-active > .uk-icon-link, .uk-scope .uk-icon-link:active { color: #595959; } .uk-scope .uk-icon-button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 36px; height: 36px; border-radius: 500px; vertical-align: middle; color: #999; background: #f8f8f8; transition: .1s ease-in-out; transition-property: color,background-color; } .uk-scope .uk-icon-button:hover { color: #666; background-color: #ebebeb; } .uk-scope .uk-active > .uk-icon-button, .uk-scope .uk-icon-button:active { color: #666; background-color: #dfdfdf; } .uk-scope .uk-button { display: inline-block; -webkit-appearance: none; box-sizing: border-box; margin: 0; padding: 0 30px; border: none; border-radius: 0; overflow: visible; text-align: center; text-decoration: none; text-transform: none; text-transform: uppercase; font: inherit; font-size: 14px; line-height: 38px; vertical-align: middle; color: inherit; transition: .1s ease-in-out; transition-property: color,background-color,border-color; } .uk-scope .uk-button:not(:disabled) { cursor: pointer; } .uk-scope .uk-button::-moz-focus-inner { padding: 0; border: 0; } .uk-scope .uk-button:hover { text-decoration: none; } .uk-scope .uk-button-default { border: 1px solid #e5e5e5; color: #333; background-color: transparent; } .uk-scope .uk-button-default:hover { border-color: #b2b2b2; color: #333; background-color: transparent; } .uk-scope .uk-button-default.uk-active, .uk-scope .uk-button-default:active { border-color: #999; color: #333; background-color: transparent; } .uk-scope .uk-button-primary { border: 1px solid transparent; color: #fff; background-color: #1e87f0; } .uk-scope .uk-button-primary:hover { color: #fff; background-color: #0f7ae5; } .uk-scope .uk-button-primary.uk-active, .uk-scope .uk-button-primary:active { color: #fff; background-color: #0e6dcd; } .uk-scope .uk-button-secondary { border: 1px solid transparent; color: #fff; background-color: #222; } .uk-scope .uk-button-secondary:hover { color: #fff; background-color: #151515; } .uk-scope .uk-button-secondary.uk-active, .uk-scope .uk-button-secondary:active { color: #fff; background-color: #080808; } .uk-scope .uk-button-danger { border: 1px solid transparent; color: #fff; background-color: #f0506e; } .uk-scope .uk-button-danger:hover { color: #fff; background-color: #ee395b; } .uk-scope .uk-button-danger.uk-active, .uk-scope .uk-button-danger:active { color: #fff; background-color: #ec2147; } .uk-scope .uk-button-danger:disabled, .uk-scope .uk-button-default:disabled, .uk-scope .uk-button-primary:disabled, .uk-scope .uk-button-secondary:disabled { border-color: #e5e5e5; color: #999; background-color: transparent; } .uk-scope .uk-button-small { padding: 0 15px; font-size: 14px; line-height: 28px; } .uk-scope .uk-button-large { padding: 0 40px; font-size: 14px; line-height: 53px; } .uk-scope .uk-button-text { position: relative; padding: 0; line-height: 1.5; color: #333; background: 0 0; } .uk-scope .uk-button-text::before { content: ""; position: absolute; right: 100%; bottom: 0; left: 0; border-bottom: 1px solid currentColor; transition: right .3s ease-out; } .uk-scope .uk-button-text:hover { color: #333; } .uk-scope .uk-button-text:hover::before { right: 0; } .uk-scope .uk-button-text:disabled { color: #999; } .uk-scope .uk-button-text:disabled::before { display: none; } .uk-scope .uk-button-link { padding: 0; line-height: 1.5; color: #333; background: 0 0; } .uk-scope .uk-button-link:hover { text-decoration: none; color: #999; } .uk-scope .uk-button-link:disabled { text-decoration: none; color: #999; } .uk-scope .uk-button-group { display: inline-flex; position: relative; vertical-align: middle; } .uk-scope .uk-button-group>.uk-button:nth-child(n+2) , .uk-scope .uk-button-group>div:nth-child(n+2) .uk-button { margin-left: -1px; } .uk-scope .uk-button-group .uk-button.uk-active, .uk-scope .uk-button-group .uk-button:active, .uk-scope .uk-button-group .uk-button:focus, .uk-scope .uk-button-group .uk-button:hover { z-index: 1; position: relative; } .uk-scope .uk-card { position: relative; box-sizing: border-box; transition: box-shadow .1s ease-in-out; } .uk-scope .uk-card-body { display: flow-root; padding: 30px 30px; } .uk-scope .uk-card-header { display: flow-root; padding: 15px 30px; } .uk-scope .uk-card-footer { display: flow-root; padding: 15px 30px; } @media (min-width:1200px) { .uk-scope .uk-card-body { padding: 40px 40px; } .uk-scope .uk-card-header { padding: 20px 40px; } .uk-scope .uk-card-footer { padding: 20px 40px; } } .uk-scope .uk-card-body > :last-child, .uk-scope .uk-card-footer > :last-child, .uk-scope .uk-card-header>:last-child { margin-bottom: 0; } .uk-scope .uk-card-title { font-size: 24px; line-height: 1.4; } .uk-scope .uk-card-badge { display: flex; z-index: 1; position: absolute; top: 15px; right: 15px; align-items: center; justify-content: center; height: 22px; padding: 0 10px; border-radius: 2px; text-transform: uppercase; font-size: 14px; line-height: 0; color: #fff; background: #1e87f0; } .uk-scope .uk-card-badge:first-child + * { margin-top: 0; } .uk-scope .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { background-color: #fff; box-shadow: 0 14px 25px rgba(0,0,0,.16); } .uk-scope .uk-card-default { color: #666; background-color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.08); } .uk-scope .uk-card-default .uk-card-title { color: #333; } .uk-scope .uk-card-default.uk-card-hover:hover { background-color: #fff; box-shadow: 0 14px 25px rgba(0,0,0,.16); } .uk-scope .uk-card-default .uk-card-header { border-bottom: 1px solid #e5e5e5; } .uk-scope .uk-card-default .uk-card-footer { border-top: 1px solid #e5e5e5; } .uk-scope .uk-card-primary { color: #fff; background-color: #1e87f0; box-shadow: 0 5px 15px rgba(0,0,0,.08); } .uk-scope .uk-card-primary .uk-card-title { color: #fff; } .uk-scope .uk-card-primary.uk-card-hover:hover { background-color: #1e87f0; box-shadow: 0 14px 25px rgba(0,0,0,.16); } .uk-scope .uk-card-secondary { color: #fff; background-color: #222; box-shadow: 0 5px 15px rgba(0,0,0,.08); } .uk-scope .uk-card-secondary .uk-card-title { color: #fff; } .uk-scope .uk-card-secondary.uk-card-hover:hover { background-color: #222; box-shadow: 0 14px 25px rgba(0,0,0,.16); } .uk-scope .uk-card-small .uk-card-body, .uk-scope .uk-card-small.uk-card-body { padding: 20px 20px; } .uk-scope .uk-card-small .uk-card-header { padding: 13px 20px; } .uk-scope .uk-card-small .uk-card-footer { padding: 13px 20px; } @media (min-width:1200px) { .uk-scope .uk-card-large .uk-card-body, .uk-scope .uk-card-large.uk-card-body { padding: 70px 70px; } .uk-scope .uk-card-large .uk-card-header { padding: 35px 70px; } .uk-scope .uk-card-large .uk-card-footer { padding: 35px 70px; } } .uk-scope .uk-card-body > .uk-nav-default { margin-right: -30px; margin-left: -30px; } .uk-scope .uk-card-body > .uk-nav-default:only-child { margin-top: -15px; margin-bottom: -15px; } .uk-scope .uk-card-body > .uk-nav-default .uk-nav-divider, .uk-scope .uk-card-body > .uk-nav-default .uk-nav-header, .uk-scope .uk-card-body>.uk-nav-default>li>a { padding-right: 30px; padding-left: 30px; } .uk-scope .uk-card-body > .uk-nav-default .uk-nav-sub { padding-left: 45px; } @media (min-width:1200px) { .uk-scope .uk-card-body > .uk-nav-default { margin-right: -40px; margin-left: -40px; } .uk-scope .uk-card-body > .uk-nav-default:only-child { margin-top: -25px; margin-bottom: -25px; } .uk-scope .uk-card-body > .uk-nav-default .uk-nav-divider, .uk-scope .uk-card-body > .uk-nav-default .uk-nav-header, .uk-scope .uk-card-body>.uk-nav-default>li>a { padding-right: 40px; padding-left: 40px; } .uk-scope .uk-card-body > .uk-nav-default .uk-nav-sub { padding-left: 55px; } } .uk-scope .uk-card-small > .uk-nav-default { margin-right: -20px; margin-left: -20px; } .uk-scope .uk-card-small > .uk-nav-default:only-child { margin-top: -5px; margin-bottom: -5px; } .uk-scope .uk-card-small > .uk-nav-default .uk-nav-divider, .uk-scope .uk-card-small > .uk-nav-default .uk-nav-header, .uk-scope .uk-card-small>.uk-nav-default>li>a { padding-right: 20px; padding-left: 20px; } .uk-scope .uk-card-small > .uk-nav-default .uk-nav-sub { padding-left: 35px; } @media (min-width:1200px) { .uk-scope .uk-card-large > .uk-nav-default { margin: 0; } .uk-scope .uk-card-large > .uk-nav-default:only-child { margin: 0; } .uk-scope .uk-card-large > .uk-nav-default .uk-nav-divider, .uk-scope .uk-card-large > .uk-nav-default .uk-nav-header, .uk-scope .uk-card-large>.uk-nav-default>li>a { padding-right: 0; padding-left: 0; } .uk-scope .uk-card-large > .uk-nav-default .uk-nav-sub { padding-left: 15px; } } .uk-scope .uk-close { color: #999; transition: .1s ease-in-out; transition-property: color,opacity; } .uk-scope .uk-close:hover { color: #666; } .uk-scope .uk-spinner > * { animation: uk-spinner-rotate 1.4s linear infinite; } @keyframes uk-spinner-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(270deg); } } .uk-scope .uk-spinner > * > * { animation: uk-spinner-dash 1.4s ease-in-out infinite; transform-origin: center; stroke-dasharray: 88px; stroke-dashoffset: 0; stroke-width: 1; stroke-linecap: round; } @keyframes uk-spinner-dash { 0% { stroke-dashoffset: 88px; } 50% { transform: rotate(135deg); stroke-dashoffset: 22px; } 100% { transform: rotate(450deg); stroke-dashoffset: 88px; } } .uk-scope .uk-marker { padding: 5px; border-radius: 500px; color: #fff; background: #222; } .uk-scope .uk-marker:hover { color: #fff; } .uk-scope .uk-badge { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 18px; padding: 0 5px; min-width: 18px; border-radius: 500px; font-size: 11px; line-height: 0; vertical-align: middle; color: #fff!important; background: #1e87f0; } .uk-scope .uk-badge:hover { text-decoration: none; } .uk-scope .uk-label { display: inline-block; padding: 0 10px; border-radius: 2px; text-transform: uppercase; font-size: 14px; line-height: 1.5; white-space: nowrap; vertical-align: middle; color: #fff; background: #1e87f0; } .uk-scope .uk-label-success { color: #fff; background-color: #32d296; } .uk-scope .uk-label-warning { color: #fff; background-color: #faa05a; } .uk-scope .uk-label-danger { color: #fff; background-color: #f0506e; } .uk-scope .uk-overlay { padding: 30px 30px; } .uk-scope .uk-overlay > :last-child { margin-bottom: 0; } .uk-scope .uk-overlay-default { background: rgba(255,255,255,.8); } .uk-scope .uk-overlay-primary { background: rgba(34,34,34,.8); } .uk-scope .uk-accordion { padding: 0; list-style: none; } .uk-scope .uk-accordion>:nth-child(n+2) { margin-top: 20px; } .uk-scope .uk-accordion-title { display: block; overflow: hidden; font-size: 20px; line-height: 1.4; color: #333; } .uk-scope .uk-accordion-title::before { content: ""; float: right; width: 1.4em; height: 1.4em; margin-left: 10px; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); background-position: 50% 50%; background-repeat: no-repeat; } .uk-open > .uk-scope .uk-accordion-title::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); } .uk-scope .uk-accordion-title:hover { text-decoration: none; color: #666; } .uk-scope .uk-accordion-content { display: flow-root; margin-top: 20px; } .uk-scope .uk-accordion-content > :last-child { margin-bottom: 0; } .uk-scope .uk-drop { --uk-position-offset: 20px; --uk-position-viewport-offset: 15px; display: none; z-index: 1020; position: absolute; box-sizing: border-box; width: 300px; } .uk-scope .uk-drop.uk-open { display: block; } .uk-scope .uk-drop-stack .uk-drop-grid > * { width: 100%!important; } .uk-scope .uk-drop-parent-icon { margin-left: .25em; transition: transform .3s ease-out; } .uk-scope [aria-expanded=true] > .uk-drop-parent-icon { transform: rotateX(180deg); } .uk-scope .uk-dropdown { --uk-position-offset: 10px; --uk-position-viewport-offset: 15px; width: auto; padding: 25px; min-width: 200px; color: #666; background: #fff; box-shadow: 0 5px 12px rgba(0,0,0,.15); } .uk-scope .uk-dropdown > :last-child { margin-bottom: 0; } .uk-scope .uk-dropdown:focus-visible { outline-color: #333!important; } .uk-scope .uk-dropdown-large { padding: 40px; } .uk-scope .uk-dropdown-dropbar { --uk-position-viewport-offset: 15px; width: auto; padding: 5px 0 25px 0; background: 0 0; box-shadow: none; } @media (min-width:640px) { .uk-scope .uk-dropdown-dropbar { --uk-position-viewport-offset: 30px; } } @media (min-width:960px) { .uk-scope .uk-dropdown-dropbar { --uk-position-viewport-offset: 40px; } } .uk-scope .uk-dropdown-dropbar-large { padding-top: 40px; padding-bottom: 40px; } .uk-scope .uk-dropdown-nav { font-size: 14px; } .uk-scope .uk-dropdown-nav > li > a { color: #999; } .uk-scope .uk-dropdown-nav > li.uk-active > a, .uk-scope .uk-dropdown-nav>li>a:hover { color: #666; } .uk-scope .uk-dropdown-nav .uk-nav-subtitle { font-size: 12px; } .uk-scope .uk-dropdown-nav .uk-nav-header { color: #333; } .uk-scope .uk-dropdown-nav .uk-nav-divider { border-top: 1px solid #e5e5e5; } .uk-scope .uk-dropdown-nav .uk-nav-sub a { color: #999; } .uk-scope .uk-dropdown-nav .uk-nav-sub a:hover, .uk-scope .uk-dropdown-nav .uk-nav-sub li.uk-active > a { color: #666; } .uk-scope .uk-modal { display: none; z-index: 1010; position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 15px 15px; overflow-y: auto; opacity: 0; background: rgba(0,0,0,.6); transition: opacity .15s linear; } @media (min-width:640px) { .uk-scope .uk-modal { padding: 50px 30px; } } @media (min-width:960px) { .uk-scope .uk-modal { padding-right: 40px; padding-left: 40px; } } .uk-scope .uk-modal.uk-open { opacity: 1; } .uk-modal-page { overflow: hidden; } .uk-scope .uk-modal-dialog { position: relative; box-sizing: border-box; width: 600px; margin: 0 auto; max-width: 100%!important; opacity: 0; background: #fff; transition: .3s linear; transform: translateY(-100px); transition-property: opacity,transform; } .uk-scope .uk-open > .uk-modal-dialog { opacity: 1; transform: translateY(0); } .uk-scope .uk-modal-container .uk-modal-dialog { width: 1200px; } .uk-scope .uk-modal-full { padding: 0; background: 0 0; } .uk-scope .uk-modal-full .uk-modal-dialog { width: 100%; margin: 0; max-width: 100%; transform: translateY(0); } .uk-scope .uk-modal-body { display: flow-root; padding: 20px 20px; } .uk-scope .uk-modal-header { display: flow-root; padding: 10px 20px; border-bottom: 1px solid #e5e5e5; background: #fff; } .uk-scope .uk-modal-footer { display: flow-root; padding: 10px 20px; border-top: 1px solid #e5e5e5; background: #fff; } @media (min-width:640px) { .uk-scope .uk-modal-body { padding: 30px 30px; } .uk-scope .uk-modal-header { padding: 15px 30px; } .uk-scope .uk-modal-footer { padding: 15px 30px; } } .uk-scope .uk-modal-body > :last-child, .uk-scope .uk-modal-footer > :last-child, .uk-scope .uk-modal-header>:last-child { margin-bottom: 0; } .uk-scope .uk-modal-title { font-size: 32px; line-height: 1.3; } .uk-scope [class*=uk-modal-close-] { z-index: 1010; position: absolute; top: 10px; right: 10px; padding: 5px; } .uk-scope [class*=uk-modal-close-]:first-child + * { margin-top: 0; } .uk-scope .uk-modal-close-outside { top: 0; right: -5px; color: #fff; transform: translate(0,-100%); } .uk-scope .uk-modal-close-outside:hover { color: #fff; } @media (min-width:960px) { .uk-scope .uk-modal-close-outside { right: 0; transform: translate(100%,-100%); } } .uk-scope .uk-modal-close-full { top: 0; right: 0; padding: 10px; background: #fff; } @media (min-width:960px) { .uk-scope .uk-modal-close-full { padding: 20px; } } .uk-scope .uk-slideshow { -webkit-tap-highlight-color: transparent; } .uk-scope .uk-slideshow-items { z-index: 0; position: relative; margin: 0; padding: 0; overflow: hidden; list-style: none; -webkit-touch-callout: none; touch-action: pan-y; } .uk-scope .uk-slideshow-items > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; will-change: transform,opacity; } .uk-scope .uk-slideshow-items>:not(.uk-active) { display: none; } .uk-scope .uk-slider { -webkit-tap-highlight-color: transparent; } .uk-scope .uk-slider-container { overflow: hidden; } .uk-scope .uk-slider-container-offset { margin: -11px -25px -39px -25px; padding: 11px 25px 39px 25px; } .uk-scope .uk-slider-items { position: relative; will-change: transform; touch-action: pan-y; } .uk-scope .uk-slider-items:not(.uk-grid) { display: flex; margin: 0; padding: 0; list-style: none; -webkit-touch-callout: none; } .uk-scope .uk-slider-items.uk-grid { flex-wrap: nowrap; } .uk-scope .uk-slider-items > * { position: relative; flex: none; max-width: 100%; } .uk-scope .uk-switcher { margin: 0; padding: 0; list-style: none; } .uk-scope .uk-switcher>:not(.uk-active) { display: none; } .uk-scope .uk-switcher > * > :last-child { margin-bottom: 0; } .uk-scope .uk-grid { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .uk-scope .uk-grid > * { margin: 0; } .uk-scope .uk-grid > * > :last-child { margin-bottom: 0; } .uk-scope .uk-grid { margin-left: -30px; } .uk-scope .uk-grid > * { padding-left: 30px; } .uk-scope * + .uk-grid-margin, .uk-scope .uk-grid + .uk-grid, .uk-scope .uk-grid>.uk-grid-margin { margin-top: 30px; } @media (min-width:1200px) { .uk-scope .uk-grid { margin-left: -40px; } .uk-scope .uk-grid > * { padding-left: 40px; } .uk-scope * + .uk-grid-margin, .uk-scope .uk-grid + .uk-grid, .uk-scope .uk-grid>.uk-grid-margin { margin-top: 40px; } } .uk-scope .uk-grid-column-small, .uk-scope .uk-grid-small { margin-left: -15px; } .uk-scope .uk-grid-column-small > *, .uk-scope .uk-grid-small > * { padding-left: 2px; } .uk-scope * + .uk-grid-margin-small, .uk-scope .uk-grid + .uk-grid-row-small, .uk-scope .uk-grid+.uk-grid-small, .uk-scope .uk-grid-row-small>.uk-grid-margin, .uk-scope .uk-grid-small>.uk-grid-margin { margin-top: 15px; } .uk-scope .uk-grid-column-medium, .uk-scope .uk-grid-medium { margin-left: -30px; } .uk-scope .uk-grid-column-medium > *, .uk-scope .uk-grid-medium > * { padding-left: 30px; } .uk-scope * + .uk-grid-margin-medium, .uk-scope .uk-grid + .uk-grid-medium, .uk-scope .uk-grid+.uk-grid-row-medium, .uk-scope .uk-grid-medium>.uk-grid-margin, .uk-scope .uk-grid-row-medium>.uk-grid-margin { margin-top: 30px; } .uk-scope .uk-grid-column-large, .uk-scope .uk-grid-large { margin-left: -40px; } .uk-scope .uk-grid-column-large > *, .uk-scope .uk-grid-large > * { padding-left: 40px; } .uk-scope * + .uk-grid-margin-large, .uk-scope .uk-grid + .uk-grid-large, .uk-scope .uk-grid+.uk-grid-row-large, .uk-scope .uk-grid-large>.uk-grid-margin, .uk-scope .uk-grid-row-large>.uk-grid-margin { margin-top: 40px; } @media (min-width:1200px) { .uk-scope .uk-grid-column-large, .uk-scope .uk-grid-large { margin-left: -70px; } .uk-scope .uk-grid-column-large > *, .uk-scope .uk-grid-large > * { padding-left: 70px; } .uk-scope * + .uk-grid-margin-large, .uk-scope .uk-grid + .uk-grid-large, .uk-scope .uk-grid+.uk-grid-row-large, .uk-scope .uk-grid-large>.uk-grid-margin, .uk-scope .uk-grid-row-large>.uk-grid-margin { margin-top: 70px; } } .uk-scope .uk-grid-collapse, .uk-scope .uk-grid-column-collapse { margin-left: 0; } .uk-scope .uk-grid-collapse > *, .uk-scope .uk-grid-column-collapse > * { padding-left: 0; } .uk-scope .uk-grid + .uk-grid-collapse, .uk-scope .uk-grid + .uk-grid-row-collapse, .uk-scope .uk-grid-collapse>.uk-grid-margin, .uk-scope .uk-grid-row-collapse>.uk-grid-margin { margin-top: 0; } .uk-scope .uk-grid-divider > * { position: relative; } .uk-scope .uk-grid-divider>:not(.uk-first-column)::before { content: ""; position: absolute; top: 0; bottom: 0; border-left: 1px solid #e5e5e5; } .uk-scope .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { content: ""; position: absolute; right: 0; left: 0; border-top: 1px solid #e5e5e5; } .uk-scope .uk-grid-divider { margin-left: -60px; } .uk-scope .uk-grid-divider > * { padding-left: 60px; } .uk-scope .uk-grid-divider>:not(.uk-first-column)::before { left: 30px; } .uk-scope .uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: 60px; } .uk-scope .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { top: -30px; left: 60px; } @media (min-width:1200px) { .uk-scope .uk-grid-divider { margin-left: -80px; } .uk-scope .uk-grid-divider > * { padding-left: 80px; } .uk-scope .uk-grid-divider>:not(.uk-first-column)::before { left: 40px; } .uk-scope .uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: 80px; } .uk-scope .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { top: -40px; left: 80px; } } .uk-scope .uk-grid-divider.uk-grid-column-small, .uk-scope .uk-grid-divider.uk-grid-small { margin-left: -30px; } .uk-scope .uk-grid-divider.uk-grid-column-small > *, .uk-scope .uk-grid-divider.uk-grid-small > * { padding-left: 30px; } .uk-scope .uk-grid-divider.uk-grid-column-small>:not(.uk-first-column)::before, .uk-scope .uk-grid-divider.uk-grid-small>:not(.uk-first-column)::before { left: 15px; } .uk-scope .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin, .uk-scope .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin { margin-top: 30px; } .uk-scope .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { top: -15px; left: 30px; } .uk-scope .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before { top: -15px; } .uk-scope .uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before { left: 30px; } .uk-scope .uk-grid-divider.uk-grid-column-medium, .uk-scope .uk-grid-divider.uk-grid-medium { margin-left: -60px; } .uk-scope .uk-grid-divider.uk-grid-column-medium > *, .uk-scope .uk-grid-divider.uk-grid-medium > * { padding-left: 60px; } .uk-scope .uk-grid-divider.uk-grid-column-medium>:not(.uk-first-column)::before, .uk-scope .uk-grid-divider.uk-grid-medium>:not(.uk-first-column)::before { left: 30px; } .uk-scope .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, .uk-scope .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin { margin-top: 60px; } .uk-scope .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { top: -30px; left: 60px; } .uk-scope .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before { top: -30px; } .uk-scope .uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before { left: 60px; } .uk-scope .uk-grid-divider.uk-grid-column-large, .uk-scope .uk-grid-divider.uk-grid-large { margin-left: -80px; } .uk-scope .uk-grid-divider.uk-grid-column-large > *, .uk-scope .uk-grid-divider.uk-grid-large > * { padding-left: 80px; } .uk-scope .uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before, .uk-scope .uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before { left: 40px; } .uk-scope .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-scope .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { margin-top: 80px; } .uk-scope .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { top: -40px; left: 80px; } .uk-scope .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { top: -40px; } .uk-scope .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { left: 80px; } @media (min-width:1200px) { .uk-scope .uk-grid-divider.uk-grid-column-large, .uk-scope .uk-grid-divider.uk-grid-large { margin-left: -140px; } .uk-scope .uk-grid-divider.uk-grid-column-large > *, .uk-scope .uk-grid-divider.uk-grid-large > * { padding-left: 140px; } .uk-scope .uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before, .uk-scope .uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before { left: 70px; } .uk-scope .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-scope .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { margin-top: 140px; } .uk-scope .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { top: -70px; left: 140px; } .uk-scope .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { top: -70px; } .uk-scope .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { left: 140px; } } .uk-scope .uk-grid-item-match, .uk-scope .uk-grid-match > * { display: flex; flex-wrap: wrap; } .uk-scope .uk-grid-item-match>:not([class*=uk-width]) , .uk-scope .uk-grid-match>*>:not([class*=uk-width]) { flex: auto; box-sizing: border-box; width: 100%; } .uk-scope .uk-nav, .uk-scope .uk-nav ul { margin: 0; padding: 0; list-style: none; } .uk-scope .uk-nav li > a { display: flex; align-items: center; column-gap: .25em; text-decoration: none; } .uk-scope .uk-nav > li > a { padding: 5px 0; } .uk-scope ul.uk-nav-sub { padding: 5px 0 5px 15px; } .uk-scope .uk-nav-sub ul { padding-left: 15px; } .uk-scope .uk-nav-sub a { padding: 2px 0; } .uk-scope .uk-nav-parent-icon { margin-left: auto; transition: transform .3s ease-out; } .uk-scope .uk-nav > li.uk-open > a .uk-nav-parent-icon { transform: rotateX(180deg); } .uk-scope .uk-nav-header { padding: 5px 0; text-transform: uppercase; font-size: 14px; } .uk-scope .uk-nav-header:not(:first-child) { margin-top: 20px; } .uk-scope .uk-nav .uk-nav-divider { margin: 5px 0; } .uk-scope .uk-nav-default { font-size: 14px; line-height: 1.5; } .uk-scope .uk-nav-default > li > a { color: #999; } .uk-scope .uk-nav-default > li > a:hover { color: #666; } .uk-scope .uk-nav-default > li.uk-active > a { color: #333; } .uk-scope .uk-nav-default .uk-nav-subtitle { font-size: 12px; } .uk-scope .uk-nav-default .uk-nav-header { color: #333; } .uk-scope .uk-nav-default .uk-nav-divider { border-top: 1px solid #e5e5e5; } .uk-scope .uk-nav-default .uk-nav-sub { font-size: 14px; line-height: 1.5; } .uk-scope .uk-nav-default .uk-nav-sub a { color: #999; } .uk-scope .uk-nav-default .uk-nav-sub a:hover { color: #666; } .uk-scope .uk-nav-default .uk-nav-sub li.uk-active > a { color: #333; } .uk-scope .uk-nav-primary { font-size: 24px; line-height: 1.5; } .uk-scope .uk-nav-primary > li > a { color: #999; } .uk-scope .uk-nav-primary > li > a:hover { color: #666; } .uk-scope .uk-nav-primary > li.uk-active > a { color: #333; } .uk-scope .uk-nav-primary .uk-nav-subtitle { font-size: 20px; } .uk-scope .uk-nav-primary .uk-nav-header { color: #333; } .uk-scope .uk-nav-primary .uk-nav-divider { border-top: 1px solid #e5e5e5; } .uk-scope .uk-nav-primary .uk-nav-sub { font-size: 20px; line-height: 1.5; } .uk-scope .uk-nav-primary .uk-nav-sub a { color: #999; } .uk-scope .uk-nav-primary .uk-nav-sub a:hover { color: #666; } .uk-scope .uk-nav-primary .uk-nav-sub li.uk-active > a { color: #333; } .uk-scope .uk-nav-secondary { font-size: 16px; line-height: 1.5; } .uk-scope .uk-nav-secondary>:not(.uk-nav-divider) +:not(.uk-nav-header,.uk-nav-divider) { margin-top: 0; } .uk-scope .uk-nav-secondary > li > a { padding: 10px 10px; color: #333; } .uk-scope .uk-nav-secondary > li > a:hover { color: #333; background-color: #f8f8f8; } .uk-scope .uk-nav-secondary > li.uk-active > a { color: #333; background-color: #f8f8f8; } .uk-scope .uk-nav-secondary .uk-nav-subtitle { font-size: 14px; color: #999; } .uk-scope .uk-nav-secondary > li > a:hover .uk-nav-subtitle { color: #666; } .uk-scope .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle { color: #333; } .uk-scope .uk-nav-secondary .uk-nav-header { color: #333; } .uk-scope .uk-nav-secondary .uk-nav-divider { border-top: 1px solid #e5e5e5; } .uk-scope .uk-nav-secondary .uk-nav-sub { font-size: 14px; line-height: 1.5; } .uk-scope .uk-nav-secondary .uk-nav-sub a { color: #999; } .uk-scope .uk-nav-secondary .uk-nav-sub a:hover { color: #666; } .uk-scope .uk-nav-secondary .uk-nav-sub li.uk-active > a { color: #333; } .uk-scope .uk-nav-center { text-align: center; } .uk-scope .uk-nav-center li > a { justify-content: center; } .uk-scope .uk-nav-center .uk-nav-sub, .uk-scope .uk-nav-center .uk-nav-sub ul { padding-left: 0; } .uk-scope .uk-nav-center .uk-nav-parent-icon { margin-left: .25em; } .uk-scope .uk-nav.uk-nav-divider>:not(.uk-nav-header,.uk-nav-divider) +:not(.uk-nav-header,.uk-nav-divider) { margin-top: 5px; padding-top: 5px; border-top: 1px solid #e5e5e5; } .uk-scope .uk-subnav { display: flex; flex-wrap: wrap; align-items: center; margin-left: -20px; padding: 0; list-style: none; } .uk-scope .uk-subnav > * { position: relative; flex: none; padding-left: 20px; } .uk-scope .uk-subnav > * > :first-child { display: flex; align-items: center; column-gap: .25em; text-transform: uppercase; font-size: 14px; color: #999; transition: .1s ease-in-out; transition-property: color,background-color; } .uk-scope .uk-subnav > * > a:hover { text-decoration: none; color: #666; } .uk-scope .uk-subnav > .uk-active > a { color: #333; } .uk-scope .uk-subnav-divider { margin-left: -41px; } .uk-scope .uk-subnav-divider > * { display: flex; align-items: center; } .uk-scope .uk-subnav-divider > ::before { content: ""; height: 1.5em; margin-right: 20px; margin-left: 0; border-left: 1px solid transparent; } .uk-scope .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before { border-left-color: #e5e5e5; } .uk-scope .uk-subnav-pill > * > :first-child { padding: 5px 10px; color: #999; background: 0 0; } .uk-scope .uk-subnav-pill > * > a:hover { color: #666; background-color: #f8f8f8; } .uk-scope .uk-subnav-pill > * > a:active { color: #666; background-color: #f8f8f8; } .uk-scope .uk-subnav-pill > .uk-active > a { color: #fff; background-color: #1e87f0; } .uk-scope .uk-subnav > .uk-disabled > a { color: #999; } .uk-scope .uk-breadcrumb { padding: 0; list-style: none; } .uk-scope .uk-breadcrumb > * { display: contents; } .uk-scope .uk-breadcrumb > * > * { font-size: 14px; color: #999; } .uk-scope .uk-breadcrumb > * > :hover { text-decoration: none; color: #666; } .uk-scope .uk-breadcrumb>:last-child>a:not([href]) , .uk-scope .uk-breadcrumb > :last-child > span { color: #666; } .uk-scope .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before { content: "/"; display: inline-block; margin: 0 20px 0 calc(20px - 4px); font-size: 14px; color: #999; } .uk-scope .uk-tab { display: flex; position: relative; flex-wrap: wrap; margin-left: -20px; padding: 0; list-style: none; } .uk-scope .uk-tab::before { content: ""; position: absolute; right: 0; bottom: 0; left: 20px; border-bottom: 1px solid #e5e5e5; } .uk-scope .uk-tab > * { position: relative; flex: none; padding-left: 20px; } .uk-scope .uk-tab > * > a { display: flex; align-items: center; justify-content: center; column-gap: .25em; padding: 5px 10px; border-bottom: 1px solid transparent; text-transform: uppercase; font-size: 14px; color: #999; transition: color .1s ease-in-out; } .uk-scope .uk-tab > * > a:hover { text-decoration: none; color: #666; } .uk-scope .uk-tab > .uk-active > a { border-color: #1e87f0; color: #333; } .uk-scope .uk-tab > .uk-disabled > a { color: #999; } .uk-scope .uk-tab-bottom::before { top: 0; bottom: auto; } .uk-scope .uk-tab-bottom > * > a { border-top: 1px solid transparent; border-bottom: none; } .uk-scope .uk-tab-left, .uk-scope .uk-tab-right { flex-direction: column; margin-left: 0; } .uk-scope .uk-tab-left > *, .uk-scope .uk-tab-right > * { padding-left: 0; } .uk-scope .uk-tab-left::before { top: 0; right: 0; bottom: 0; left: auto; border-bottom: none; border-left: 1px solid #e5e5e5; } .uk-scope .uk-tab-right::before { top: 0; right: auto; bottom: 0; left: 0; border-bottom: none; border-left: 1px solid #e5e5e5; } .uk-scope .uk-tab-left > * > a { justify-content: left; border-right: 1px solid transparent; border-bottom: none; } .uk-scope .uk-tab-right > * > a { justify-content: left; border-bottom: none; border-left: 1px solid transparent; } .uk-scope .uk-tab .uk-dropdown { margin-left: 30px; } .uk-scope .uk-slidenav { padding: 5px 10px; color: rgba(102,102,102,.5); transition: color .1s ease-in-out; } .uk-scope .uk-slidenav:hover { color: rgba(102,102,102,.9); } .uk-scope .uk-slidenav:active { color: rgba(102,102,102,.5); } .uk-scope .uk-slidenav-large { padding: 10px 10px; } .uk-scope .uk-slidenav-container { display: flex; } .uk-scope .uk-dotnav { display: flex; flex-wrap: wrap; margin: 0; margin-left: -12px; padding: 0; list-style: none; } .uk-scope .uk-dotnav > * { flex: none; padding-left: 12px; } .uk-scope .uk-dotnav > * > * { display: block; box-sizing: border-box; width: 10px; height: 10px; border: 1px solid rgba(102,102,102,.4); border-radius: 50%; overflow: hidden; text-indent: 100%; white-space: nowrap; background: 0 0; transition: .2s ease-in-out; transition-property: background-color,border-color; } .uk-scope .uk-dotnav > * > :hover { border-color: transparent; background-color: rgba(102,102,102,.6); } .uk-scope .uk-dotnav > * > :active { border-color: transparent; background-color: rgba(102,102,102,.2); } .uk-scope .uk-dotnav > .uk-active > * { border-color: transparent; background-color: rgba(102,102,102,.6); } .uk-scope .uk-dotnav-vertical { flex-direction: column; margin-top: -12px; margin-left: 0; } .uk-scope .uk-dotnav-vertical > * { padding-top: 12px; padding-left: 0; } .uk-scope .uk-thumbnav { display: flex; flex-wrap: wrap; margin: 0; margin-left: -15px; padding: 0; list-style: none; } .uk-scope .uk-thumbnav > * { padding-left: 15px; } .uk-scope .uk-thumbnav > * > * { display: inline-block; position: relative; } .uk-scope .uk-thumbnav > * > ::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(180deg,rgba(255,255,255,0), rgba(255,255,255,.4)); transition: opacity .1s ease-in-out; } .uk-scope .uk-thumbnav > * > :hover::after { opacity: 0; } .uk-scope .uk-thumbnav > .uk-active > ::after { opacity: 0; } .uk-scope .uk-thumbnav-vertical { flex-direction: column; margin-top: -15px; margin-left: 0; } .uk-scope .uk-thumbnav-vertical > * { padding-top: 15px; padding-left: 0; } .uk-scope .uk-iconnav { display: flex; flex-wrap: wrap; margin: 0; margin-left: -10px; padding: 0; list-style: none; } .uk-scope .uk-iconnav > * { padding-left: 10px; } .uk-scope .uk-iconnav > * > a { display: flex; align-items: center; column-gap: .25em; text-decoration: none; font-size: 14px; line-height: 0; color: #999; transition: .1s ease-in-out; transition-property: color,background-color; } .uk-scope .uk-iconnav > * > a:hover { color: #666; } .uk-scope .uk-iconnav > .uk-active > a { color: #666; } .uk-scope .uk-iconnav-vertical { flex-direction: column; margin-top: -10px; margin-left: 0; } .uk-scope .uk-iconnav-vertical > * { padding-top: 10px; padding-left: 0; } .uk-scope .uk-lightbox { display: none; z-index: 1010; position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; background: #000; transition: opacity .15s linear; touch-action: pinch-zoom; } .uk-scope .uk-lightbox.uk-open { display: block; opacity: 1; } .uk-scope .uk-lightbox:focus-visible { outline-color: rgba(255,255,255,.7); } .uk-scope .uk-lightbox-page { overflow: hidden; } .uk-scope .uk-lightbox-items > * { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center; color: rgba(255,255,255,.7); will-change: transform,opacity; } .uk-scope .uk-lightbox-items > * > * { max-height: 100vh; max-width: 100vw; } .uk-scope .uk-lightbox-items>*>:not(iframe) { width: auto; height: auto; } .uk-scope .uk-lightbox-items > .uk-active { display: flex; } .uk-scope .uk-lightbox-toolbar { padding: 10px 10px; color: rgba(255,255,255,.7); background: rgba(0,0,0,.3); } .uk-scope .uk-lightbox-toolbar > * { color: rgba(255,255,255,.7); } .uk-scope .uk-lightbox-toolbar-icon { padding: 5px; color: rgba(255,255,255,.7); } .uk-scope .uk-lightbox-toolbar-icon:hover { color: #fff; } .uk-scope .uk-lightbox-button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 50px; height: 50px; color: rgba(255,255,255,.7); background: rgba(0,0,0,.3); } .uk-scope .uk-lightbox-button:hover { color: #fff; } .uk-scope .uk-lightbox-caption:empty { display: none; } .uk-scope .uk-lightbox-iframe { width: 80%; height: 80%; } .uk-scope [class*=uk-animation-] { animation: .5s ease-out both; } .uk-scope .uk-animation-fade { animation-name: uk-fade; animation-duration: .8s; animation-timing-function: linear; } .uk-scope .uk-animation-scale-up { animation-name: uk-fade,uk-scale-up; } .uk-scope .uk-animation-scale-down { animation-name: uk-fade,uk-scale-down; } .uk-scope .uk-animation-slide-top { animation-name: uk-fade,uk-slide-top; } .uk-scope .uk-animation-slide-bottom { animation-name: uk-fade,uk-slide-bottom; } .uk-scope .uk-animation-slide-left { animation-name: uk-fade,uk-slide-left; } .uk-scope .uk-animation-slide-right { animation-name: uk-fade,uk-slide-right; } .uk-scope .uk-animation-slide-top-small { animation-name: uk-fade,uk-slide-top-small; } .uk-scope .uk-animation-slide-bottom-small { animation-name: uk-fade,uk-slide-bottom-small; } .uk-scope .uk-animation-slide-left-small { animation-name: uk-fade,uk-slide-left-small; } .uk-scope .uk-animation-slide-right-small { animation-name: uk-fade,uk-slide-right-small; } .uk-scope .uk-animation-slide-top-medium { animation-name: uk-fade,uk-slide-top-medium; } .uk-scope .uk-animation-slide-bottom-medium { animation-name: uk-fade,uk-slide-bottom-medium; } .uk-scope .uk-animation-slide-left-medium { animation-name: uk-fade,uk-slide-left-medium; } .uk-scope .uk-animation-slide-right-medium { animation-name: uk-fade,uk-slide-right-medium; } .uk-scope .uk-animation-kenburns { animation-name: uk-kenburns; animation-duration: 15s; } .uk-scope .uk-animation-shake { animation-name: uk-shake; } .uk-scope .uk-animation-stroke { animation-name: uk-stroke; animation-duration: 2s; stroke-dasharray: var(--uk-animation-stroke); } .uk-scope .uk-animation-reverse { animation-direction: reverse; animation-timing-function: ease-in; } .uk-scope .uk-animation-fast { animation-duration: .1s; } .uk-scope .uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-] { animation-name: none; } @keyframes uk-fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes uk-scale-up { 0% { transform: scale(.9); } 100% { transform: scale(1); } } @keyframes uk-scale-down { 0% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes uk-slide-top { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes uk-slide-bottom { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } @keyframes uk-slide-left { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes uk-slide-right { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } @keyframes uk-slide-top-small { 0% { transform: translateY(-10px); } 100% { transform: translateY(0); } } @keyframes uk-slide-bottom-small { 0% { transform: translateY(10px); } 100% { transform: translateY(0); } } @keyframes uk-slide-left-small { 0% { transform: translateX(-10px); } 100% { transform: translateX(0); } } @keyframes uk-slide-right-small { 0% { transform: translateX(10px); } 100% { transform: translateX(0); } } @keyframes uk-slide-top-medium { 0% { transform: translateY(-50px); } 100% { transform: translateY(0); } } @keyframes uk-slide-bottom-medium { 0% { transform: translateY(50px); } 100% { transform: translateY(0); } } @keyframes uk-slide-left-medium { 0% { transform: translateX(-50px); } 100% { transform: translateX(0); } } @keyframes uk-slide-right-medium { 0% { transform: translateX(50px); } 100% { transform: translateX(0); } } @keyframes uk-kenburns { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } @keyframes uk-shake { 0%, 100% { transform: translateX(0); } 10% { transform: translateX(-9px); } 20% { transform: translateX(8px); } 30% { transform: translateX(-7px); } 40% { transform: translateX(6px); } 50% { transform: translateX(-5px); } 60% { transform: translateX(4px); } 70% { transform: translateX(-3px); } 80% { transform: translateX(2px); } 90% { transform: translateX(-1px); } } @keyframes uk-stroke { 0% { stroke-dashoffset: var(--uk-animation-stroke); } 100% { stroke-dashoffset: 0; } } .uk-scope [class*=uk-child-width] > * { box-sizing: border-box; width: 100%; } .uk-scope .uk-child-width-1-2 > * { width: 50%; } .uk-scope .uk-child-width-1-3 > * { width: calc(100% * 1 / 3.001); } .uk-scope .uk-child-width-1-4 > * { width: 25%; } .uk-scope .uk-child-width-1-5 > * { width: 20%; } .uk-scope .uk-child-width-1-6 > * { width: calc(100% * 1 / 6.001); } .uk-scope .uk-child-width-auto > * { width: auto; } .uk-scope .uk-child-width-expand>:not([class*=uk-width]) { flex: 1; min-width: 1px; } @media (min-width:640px) { .uk-scope .uk-child-width-1-1\@s > * { width: 100%; } .uk-scope .uk-child-width-1-2\@s > * { width: 50%; } .uk-scope .uk-child-width-1-3\@s > * { width: calc(100% * 1 / 3.001); } .uk-scope .uk-child-width-1-4\@s > * { width: 25%; } .uk-scope .uk-child-width-1-5\@s > * { width: 20%; } .uk-scope .uk-child-width-1-6\@s > * { width: calc(100% * 1 / 6.001); } .uk-scope .uk-child-width-auto\@s > * { width: auto; } .uk-scope .uk-child-width-expand\@s>:not([class*=uk-width]) { flex: 1; min-width: 1px; } } @media (min-width:992px) { .uk-scope .uk-child-width-1-1\@m > * { width: 100%; } .uk-scope .uk-child-width-1-2\@m > * { width: 50%; } .uk-scope .uk-child-width-1-3\@m > * { /* width: calc(100% * 1 / 3.001); original*/ width: 100%; } .uk-scope .uk-child-width-1-4\@m > * { width: 25%; } .uk-scope .uk-child-width-1-5\@m > * { width: 20%; } .uk-scope .uk-child-width-1-6\@m > * { width: calc(100% * 1 / 6.001); } .uk-scope .uk-child-width-auto\@m > * { width: auto; } .uk-scope .uk-child-width-expand\@m>:not([class*=uk-width]) { flex: 1; min-width: 1px; } } @media (min-width:1200px) { .uk-scope .uk-child-width-1-1\@l > * { width: 100%; } .uk-scope .uk-child-width-1-2\@l > * { width: 50%; } .uk-scope .uk-child-width-1-3\@l > * { width: calc(100% * 1 / 3.001); } .uk-scope .uk-child-width-1-4\@l > * { width: 25%; } .uk-scope .uk-child-width-1-5\@l > * { width: 20%; } .uk-scope .uk-child-width-1-6\@l > * { width: calc(100% * 1 / 6.001); } .uk-scope .uk-child-width-auto\@l > * { width: auto; } .uk-scope .uk-child-width-expand\@l>:not([class*=uk-width]) { flex: 1; min-width: 1px; } } @media (min-width:1600px) { .uk-scope .uk-child-width-1-1\@xl > * { width: 100%; } .uk-scope .uk-child-width-1-2\@xl > * { width: 50%; } .uk-scope .uk-child-width-1-3\@xl > * { width: calc(100% * 1 / 3.001); } .uk-scope .uk-child-width-1-4\@xl > * { width: 25%; } .uk-scope .uk-child-width-1-5\@xl > * { width: 20%; } .uk-scope .uk-child-width-1-6\@xl > * { width: calc(100% * 1 / 6.001); } .uk-scope .uk-child-width-auto\@xl > * { width: auto; } .uk-scope .uk-child-width-expand\@xl>:not([class*=uk-width]) { flex: 1; min-width: 1px; } } .uk-scope [class*=uk-width] { box-sizing: border-box; width: 100%; max-width: 100%; } .uk-scope .uk-width-1-2 { width: 50%; } .uk-scope .uk-width-1-3 { width: calc(100% * 1 / 3.001); } .uk-scope .uk-width-2-3 { width: calc(100% * 2 / 3.001); } .uk-scope .uk-width-1-4 { width: 25%; } .uk-scope .uk-width-3-4 { width: 75%; } .uk-scope .uk-width-1-5 { width: 20%; } .uk-scope .uk-width-2-5 { width: 40%; } .uk-scope .uk-width-3-5 { width: 60%; } .uk-scope .uk-width-4-5 { width: 80%; } .uk-scope .uk-width-1-6 { width: calc(100% * 1 / 6.001); } .uk-scope .uk-width-5-6 { width: calc(100% * 5 / 6.001); } .uk-scope .uk-width-small { width: 150px; } .uk-scope .uk-width-medium { width: 300px; } .uk-scope .uk-width-large { width: 450px; } .uk-scope .uk-width-xlarge { width: 600px; } .uk-scope .uk-width-2xlarge { width: 750px; } .uk-scope .uk-width-auto { width: auto; } .uk-scope .uk-width-expand { flex: 1; min-width: 1px; } @media (min-width:640px) { .uk-scope .uk-width-1-1\@s { width: 100%; } .uk-scope .uk-width-1-2\@s { width: 50%; } .uk-scope .uk-width-1-3\@s { width: calc(100% * 1 / 3.001); } .uk-scope .uk-width-2-3\@s { width: calc(100% * 2 / 3.001); } .uk-scope .uk-width-1-4\@s { width: 25%; } .uk-scope .uk-width-3-4\@s { width: 75%; } .uk-scope .uk-width-1-5\@s { width: 20%; } .uk-scope .uk-width-2-5\@s { width: 40%; } .uk-scope .uk-width-3-5\@s { width: 60%; } .uk-scope .uk-width-4-5\@s { width: 80%; } .uk-scope .uk-width-1-6\@s { width: calc(100% * 1 / 6.001); } .uk-scope .uk-width-5-6\@s { width: calc(100% * 5 / 6.001); } .uk-scope .uk-width-small\@s { width: 150px; } .uk-scope .uk-width-medium\@s { width: 300px; } .uk-scope .uk-width-large\@s { width: 450px; } .uk-scope .uk-width-xlarge\@s { width: 600px; } .uk-scope .uk-width-2xlarge\@s { width: 750px; } .uk-scope .uk-width-auto\@s { width: auto; } .uk-scope .uk-width-expand\@s { flex: 1; min-width: 1px; } } @media (min-width:960px) { .uk-scope .uk-width-1-1\@m { width: 100%; } .uk-scope .uk-width-1-2\@m { width: 50%; } .uk-scope .uk-width-1-3\@m { width: calc(100% * 1 / 3.001); } .uk-scope .uk-width-2-3\@m { width: calc(100% * 2 / 3.001); } .uk-scope .uk-width-1-4\@m { width: 25%; } .uk-scope .uk-width-3-4\@m { width: 75%; } .uk-scope .uk-width-1-5\@m { width: 20%; } .uk-scope .uk-width-2-5\@m { width: 40%; } .uk-scope .uk-width-3-5\@m { width: 60%; } .uk-scope .uk-width-4-5\@m { width: 80%; } .uk-scope .uk-width-1-6\@m { width: calc(100% * 1 / 6.001); } .uk-scope .uk-width-5-6\@m { width: calc(100% * 5 / 6.001); } .uk-scope .uk-width-small\@m { width: 150px; } .uk-scope .uk-width-medium\@m { width: 300px; } .uk-scope .uk-width-large\@m { width: 450px; } .uk-scope .uk-width-xlarge\@m { width: 600px; } .uk-scope .uk-width-2xlarge\@m { width: 750px; } .uk-scope .uk-width-auto\@m { width: auto; } .uk-scope .uk-width-expand\@m { flex: 1; min-width: 1px; } } @media (min-width:1200px) { .uk-scope .uk-width-1-1\@l { width: 100%; } .uk-scope .uk-width-1-2\@l { width: 50%; } .uk-scope .uk-width-1-3\@l { width: calc(100% * 1 / 3.001); } .uk-scope .uk-width-2-3\@l { width: calc(100% * 2 / 3.001); } .uk-scope .uk-width-1-4\@l { width: 25%; } .uk-scope .uk-width-3-4\@l { width: 75%; } .uk-scope .uk-width-1-5\@l { width: 20%; } .uk-scope .uk-width-2-5\@l { width: 40%; } .uk-scope .uk-width-3-5\@l { width: 60%; } .uk-scope .uk-width-4-5\@l { width: 80%; } .uk-scope .uk-width-1-6\@l { width: calc(100% * 1 / 6.001); } .uk-scope .uk-width-5-6\@l { width: calc(100% * 5 / 6.001); } .uk-scope .uk-width-small\@l { width: 150px; } .uk-scope .uk-width-medium\@l { width: 300px; } .uk-scope .uk-width-large\@l { width: 450px; } .uk-scope .uk-width-xlarge\@l { width: 600px; } .uk-scope .uk-width-2xlarge\@l { width: 750px; } .uk-scope .uk-width-auto\@l { width: auto; } .uk-scope .uk-width-expand\@l { flex: 1; min-width: 1px; } } @media (min-width:1600px) { .uk-scope .uk-width-1-1\@xl { width: 100%; } .uk-scope .uk-width-1-2\@xl { width: 50%; } .uk-scope .uk-width-1-3\@xl { width: calc(100% * 1 / 3.001); } .uk-scope .uk-width-2-3\@xl { width: calc(100% * 2 / 3.001); } .uk-scope .uk-width-1-4\@xl { width: 25%; } .uk-scope .uk-width-3-4\@xl { width: 75%; } .uk-scope .uk-width-1-5\@xl { width: 20%; } .uk-scope .uk-width-2-5\@xl { width: 40%; } .uk-scope .uk-width-3-5\@xl { width: 60%; } .uk-scope .uk-width-4-5\@xl { width: 80%; } .uk-scope .uk-width-1-6\@xl { width: calc(100% * 1 / 6.001); } .uk-scope .uk-width-5-6\@xl { width: calc(100% * 5 / 6.001); } .uk-scope .uk-width-small\@xl { width: 150px; } .uk-scope .uk-width-medium\@xl { width: 300px; } .uk-scope .uk-width-large\@xl { width: 450px; } .uk-scope .uk-width-xlarge\@xl { width: 600px; } .uk-scope .uk-width-2xlarge\@xl { width: 750px; } .uk-scope .uk-width-auto\@xl { width: auto; } .uk-scope .uk-width-expand\@xl { flex: 1; min-width: 1px; } } .uk-scope .uk-width-max-content { width: max-content; } .uk-scope .uk-width-min-content { width: min-content; } .uk-scope [class*=uk-height] { box-sizing: border-box; } .uk-scope .uk-height-1-1 { height: 100%; } .uk-scope .uk-height-viewport { min-height: 100vh; } .uk-scope .uk-height-viewport-2 { min-height: 200vh; } .uk-scope .uk-height-viewport-3 { min-height: 300vh; } .uk-scope .uk-height-viewport-4 { min-height: 400vh; } .uk-scope .uk-height-small { height: 150px; } .uk-scope .uk-height-medium { height: 300px; } .uk-scope .uk-height-large { height: 450px; } .uk-scope .uk-height-max-small { max-height: 150px; } .uk-scope .uk-height-max-medium { max-height: 300px; } .uk-scope .uk-height-max-large { max-height: 450px; } .uk-scope .uk-text-lead { font-size: 24px; line-height: 1.5; color: #333; } .uk-scope .uk-text-meta { font-size: 14px; line-height: 1.4; color: #999; } .uk-scope .uk-text-meta > a { color: #999; } .uk-scope .uk-text-meta > a:hover { text-decoration: none; color: #666; } .uk-scope .uk-text-small { font-size: 14px; line-height: 1.5; } .uk-scope .uk-text-large { font-size: 24px; line-height: 1.5; } .uk-scope .uk-text-default { font-size: 16px; line-height: 1.5; } .uk-scope .uk-text-light { font-weight: 300; } .uk-scope .uk-text-normal { font-weight: 400; } .uk-scope .uk-text-bold { font-weight: 700; } .uk-scope .uk-text-lighter { font-weight: lighter; } .uk-scope .uk-text-bolder { font-weight: bolder; } .uk-scope .uk-text-italic { font-style: italic; } .uk-scope .uk-text-capitalize { text-transform: capitalize!important; } .uk-scope .uk-text-uppercase { text-transform: uppercase!important; } .uk-scope .uk-text-lowercase { text-transform: lowercase!important; } .uk-scope .uk-text-decoration-none { text-decoration: none!important; } .uk-scope .uk-text-muted { color: #999!important; } .uk-scope .uk-text-emphasis { color: #333!important; } .uk-scope .uk-text-primary { color: #1e87f0!important; } .uk-scope .uk-text-secondary { color: #222!important; } .uk-scope .uk-text-success { color: #32d296!important; } .uk-scope .uk-text-warning { color: #faa05a!important; } .uk-scope .uk-text-danger { color: #f0506e!important; } .uk-scope .uk-text-background { display: inline-block; color: transparent!important; background-color: #1e87f0; background-image: linear-gradient(90deg,#1e87f0 0,#411ef0 100%); -webkit-background-clip: text; } .uk-scope .uk-text-left { text-align: left!important; } .uk-scope .uk-text-right { text-align: right!important; } .uk-scope .uk-text-center { text-align: center!important; } .uk-scope .uk-text-justify { text-align: justify!important; } @media (min-width:640px) { .uk-scope .uk-text-left\@s { text-align: left!important; } .uk-scope .uk-text-right\@s { text-align: right!important; } .uk-scope .uk-text-center\@s { text-align: center!important; } } @media (min-width:960px) { .uk-scope .uk-text-left\@m { text-align: left!important; } .uk-scope .uk-text-right\@m { text-align: right!important; } .uk-scope .uk-text-center\@m { text-align: center!important; } } @media (min-width:1200px) { .uk-scope .uk-text-left\@l { text-align: left!important; } .uk-scope .uk-text-right\@l { text-align: right!important; } .uk-scope .uk-text-center\@l { text-align: center!important; } } @media (min-width:1600px) { .uk-scope .uk-text-left\@xl { text-align: left!important; } .uk-scope .uk-text-right\@xl { text-align: right!important; } .uk-scope .uk-text-center\@xl { text-align: center!important; } } .uk-scope .uk-text-top { vertical-align: top!important; } .uk-scope .uk-text-middle { vertical-align: middle!important; } .uk-scope .uk-text-bottom { vertical-align: bottom!important; } .uk-scope .uk-text-baseline { vertical-align: baseline!important; } .uk-scope .uk-text-nowrap { white-space: nowrap; } .uk-scope .uk-text-truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uk-scope td.uk-text-truncate, .uk-scope th.uk-text-truncate { max-width: 0; } .uk-scope .uk-text-break { overflow-wrap: break-word; } .uk-scope td.uk-text-break, .uk-scope th.uk-text-break { word-break: break-word; } .uk-scope [class*=uk-column-] { column-gap: 30px; } @media (min-width:1200px) { .uk-scope [class*=uk-column-] { column-gap: 40px; } } .uk-scope [class*=uk-column-] img { transform: translate3d(0,0,0); } .uk-scope .uk-column-divider { column-gap: 60px; column-rule: 1px solid #e5e5e5; } @media (min-width:1200px) { .uk-scope .uk-column-divider { column-gap: 80px; } } .uk-scope .uk-column-1-2 { column-count: 2; } .uk-scope .uk-column-1-3 { column-count: 3; } .uk-scope .uk-column-1-4 { column-count: 4; } .uk-scope .uk-column-1-5 { column-count: 5; } .uk-scope .uk-column-1-6 { column-count: 6; } @media (min-width:640px) { .uk-scope .uk-column-1-2\@s { column-count: 2; } .uk-scope .uk-column-1-3\@s { column-count: 3; } .uk-scope .uk-column-1-4\@s { column-count: 4; } .uk-scope .uk-column-1-5\@s { column-count: 5; } .uk-scope .uk-column-1-6\@s { column-count: 6; } } @media (min-width:960px) { .uk-scope .uk-column-1-2\@m { column-count: 2; } .uk-scope .uk-column-1-3\@m { column-count: 3; } .uk-scope .uk-column-1-4\@m { column-count: 4; } .uk-scope .uk-column-1-5\@m { column-count: 5; } .uk-scope .uk-column-1-6\@m { column-count: 6; } } @media (min-width:1200px) { .uk-scope .uk-column-1-2\@l { column-count: 2; } .uk-scope .uk-column-1-3\@l { column-count: 3; } .uk-scope .uk-column-1-4\@l { column-count: 4; } .uk-scope .uk-column-1-5\@l { column-count: 5; } .uk-scope .uk-column-1-6\@l { column-count: 6; } } @media (min-width:1600px) { .uk-scope .uk-column-1-2\@xl { column-count: 2; } .uk-scope .uk-column-1-3\@xl { column-count: 3; } .uk-scope .uk-column-1-4\@xl { column-count: 4; } .uk-scope .uk-column-1-5\@xl { column-count: 5; } .uk-scope .uk-column-1-6\@xl { column-count: 6; } } .uk-scope .uk-column-span { column-span: all; } .uk-scope [data-uk-cover], .uk-scope [uk-cover] { --uk-position-translate-x: -50%; --uk-position-translate-y: -50%; position: absolute; top: 50%; left: 50%; max-width: none; transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); } .uk-scope iframe[data-uk-cover], .uk-scope iframe[uk-cover] { pointer-events: none; } .uk-scope .uk-cover-container { position: relative; overflow: hidden; } .uk-scope .uk-background-default { background-color: #fff; } .uk-scope .uk-background-muted { background-color: #f8f8f8; } .uk-scope .uk-background-primary { background-color: #1e87f0; } .uk-scope .uk-background-secondary { background-color: #222; } .uk-scope .uk-background-contain, .uk-scope .uk-background-cover, .uk-scope .uk-background-height-1-1, .uk-scope .uk-background-width-1-1 { background-position: 50% 50%; background-repeat: no-repeat; } .uk-scope .uk-background-cover { background-size: cover; } .uk-scope .uk-background-contain { background-size: contain; } .uk-scope .uk-background-width-1-1 { background-size: 100%; } .uk-scope .uk-background-height-1-1 { background-size: auto 100%; } .uk-scope .uk-background-top-left { background-position: 0 0; } .uk-scope .uk-background-top-center { background-position: 50% 0; } .uk-scope .uk-background-top-right { background-position: 100% 0; } .uk-scope .uk-background-center-left { background-position: 0 50%; } .uk-scope .uk-background-center-center { background-position: 50% 50%; } .uk-scope .uk-background-center-right { background-position: 100% 50%; } .uk-scope .uk-background-bottom-left { background-position: 0 100%; } .uk-scope .uk-background-bottom-center { background-position: 50% 100%; } .uk-scope .uk-background-bottom-right { background-position: 100% 100%; } .uk-scope .uk-background-norepeat { background-repeat: no-repeat; } .uk-scope .uk-background-fixed { background-attachment: fixed; backface-visibility: hidden; } @media (pointer:coarse) { .uk-scope .uk-background-fixed { background-attachment: scroll; } } @media (max-width:639px) { .uk-scope .uk-background-image\@s { background-image: none!important; } } @media (max-width:959px) { .uk-scope .uk-background-image\@m { background-image: none!important; } } @media (max-width:1199px) { .uk-scope .uk-background-image\@l { background-image: none!important; } } @media (max-width:1599px) { .uk-scope .uk-background-image\@xl { background-image: none!important; } } .uk-scope .uk-background-blend-multiply { background-blend-mode: multiply; } .uk-scope .uk-background-blend-screen { background-blend-mode: screen; } .uk-scope .uk-background-blend-overlay { background-blend-mode: overlay; } .uk-scope .uk-background-blend-darken { background-blend-mode: darken; } .uk-scope .uk-background-blend-lighten { background-blend-mode: lighten; } .uk-scope .uk-background-blend-color-dodge { background-blend-mode: color-dodge; } .uk-scope .uk-background-blend-color-burn { background-blend-mode: color-burn; } .uk-scope .uk-background-blend-hard-light { background-blend-mode: hard-light; } .uk-scope .uk-background-blend-soft-light { background-blend-mode: soft-light; } .uk-scope .uk-background-blend-difference { background-blend-mode: difference; } .uk-scope .uk-background-blend-exclusion { background-blend-mode: exclusion; } .uk-scope .uk-background-blend-hue { background-blend-mode: hue; } .uk-scope .uk-background-blend-saturation { background-blend-mode: saturation; } .uk-scope .uk-background-blend-color { background-blend-mode: color; } .uk-scope .uk-background-blend-luminosity { background-blend-mode: luminosity; } .uk-scope [class*=uk-align] { display: block; margin-bottom: 30px; } .uk-scope * + [class*=uk-align] { margin-top: 30px; } .uk-scope .uk-align-center { margin-right: auto; margin-left: auto; } .uk-scope .uk-align-left { float: left; margin-top: 0; margin-right: 30px; } .uk-scope .uk-align-right { float: right; margin-top: 0; margin-left: 30px; } @media (min-width:640px) { .uk-scope .uk-align-left\@s { float: left; margin-top: 0; margin-right: 30px; } .uk-scope .uk-align-right\@s { float: right; margin-top: 0; margin-left: 30px; } } @media (min-width:960px) { .uk-scope .uk-align-left\@m { float: left; margin-top: 0; margin-right: 30px; } .uk-scope .uk-align-right\@m { float: right; margin-top: 0; margin-left: 30px; } } @media (min-width:1200px) { .uk-scope .uk-align-left\@l { float: left; margin-top: 0; } .uk-scope .uk-align-right\@l { float: right; margin-top: 0; } .uk-scope .uk-align-left, .uk-scope .uk-align-left\@l, .uk-scope .uk-align-left\@m, .uk-scope .uk-align-left\@s { margin-right: 40px; } .uk-scope .uk-align-right, .uk-scope .uk-align-right\@l, .uk-scope .uk-align-right\@m, .uk-scope .uk-align-right\@s { margin-left: 40px; } } @media (min-width:1600px) { .uk-scope .uk-align-left\@xl { float: left; margin-top: 0; margin-right: 40px; } .uk-scope .uk-align-right\@xl { float: right; margin-top: 0; margin-left: 40px; } } .uk-scope .uk-svg, .uk-scope .uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { fill: currentcolor; } .uk-scope .uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke: currentcolor; } .uk-scope .uk-svg { transform: translate(0,0); } .uk-scope .uk-panel { display: flow-root; position: relative; box-sizing: border-box; } .uk-scope .uk-panel > :last-child { margin-bottom: 0; } .uk-scope .uk-panel-scrollable { height: 170px; padding: 10px; border: 1px solid #e5e5e5; overflow: auto; resize: both; } .uk-scope .uk-clearfix::before { content: ""; display: table-cell; } .uk-scope .uk-clearfix::after { content: ""; display: table; clear: both; } .uk-scope .uk-float-left { float: left; } .uk-scope .uk-float-right { float: right; } .uk-scope [class*=uk-float-] { max-width: 100%; } .uk-scope .uk-overflow-hidden { overflow: hidden; } .uk-scope .uk-overflow-auto { overflow: auto; } .uk-scope .uk-overflow-auto > :last-child { margin-bottom: 0; } .uk-scope .uk-box-sizing-content { box-sizing: content-box; } .uk-scope .uk-box-sizing-border { box-sizing: border-box; } .uk-scope .uk-resize { resize: both; } .uk-scope .uk-resize-horizontal { resize: horizontal; } .uk-scope .uk-resize-vertical { resize: vertical; } .uk-scope .uk-display-block { display: block!important; } .uk-scope .uk-display-inline { display: inline!important; } .uk-scope .uk-display-inline-block { display: inline-block!important; } .uk-scope [class*=uk-inline] { display: inline-block; position: relative; max-width: 100%; vertical-align: middle; -webkit-backface-visibility: hidden; } .uk-scope .uk-inline-clip { overflow: hidden; } .uk-scope .uk-preserve-width, .uk-scope .uk-preserve-width canvas, .uk-scope .uk-preserve-width img, .uk-scope .uk-preserve-width svg, .uk-scope .uk-preserve-width video { max-width: none; } .uk-scope .uk-responsive-height, .uk-scope .uk-responsive-width { box-sizing: border-box; } .uk-scope .uk-responsive-width { height: auto; max-width: 100%!important; } .uk-scope .uk-responsive-height { width: auto; max-height: 100%; max-width: none; } .uk-scope [data-uk-responsive], .uk-scope [uk-responsive] { max-width: 100%; } .uk-scope .uk-object-cover { object-fit: cover; } .uk-scope .uk-object-contain { object-fit: contain; } .uk-scope .uk-object-fill { object-fit: fill; } .uk-scope .uk-object-none { object-fit: none; } .uk-scope .uk-object-scale-down { object-fit: scale-down; } .uk-scope .uk-object-top-left { object-position: 0 0; } .uk-scope .uk-object-top-center { object-position: 50% 0; } .uk-scope .uk-object-top-right { object-position: 100% 0; } .uk-scope .uk-object-center-left { object-position: 0 50%; } .uk-scope .uk-object-center-center { object-position: 50% 50%; } .uk-scope .uk-object-center-right { object-position: 100% 50%; } .uk-scope .uk-object-bottom-left { object-position: 0 100%; } .uk-scope .uk-object-bottom-center { object-position: 50% 100%; } .uk-scope .uk-object-bottom-right { object-position: 100% 100%; } .uk-scope .uk-border-circle { border-radius: 50%; } .uk-scope .uk-border-pill { border-radius: 500px; } .uk-scope .uk-border-rounded { border-radius: 5px; } .uk-scope .uk-inline-clip[class*=uk-border-] { -webkit-transform: translateZ(0); } .uk-scope .uk-box-shadow-small { box-shadow: 0 2px 8px rgba(0,0,0,.08); } .uk-scope .uk-box-shadow-medium { box-shadow: 0 5px 15px rgba(0,0,0,.08); } .uk-scope .uk-box-shadow-large { box-shadow: 0 14px 25px rgba(0,0,0,.16); } .uk-scope .uk-box-shadow-xlarge { box-shadow: 0 28px 50px rgba(0,0,0,.16); } .uk-scope [class*=uk-box-shadow-hover] { transition: box-shadow .1s ease-in-out; } .uk-scope .uk-box-shadow-hover-small:hover { box-shadow: 0 2px 8px rgba(0,0,0,.08); } .uk-scope .uk-box-shadow-hover-medium:hover { box-shadow: 0 5px 15px rgba(0,0,0,.08); } .uk-scope .uk-box-shadow-hover-large:hover { box-shadow: 0 14px 25px rgba(0,0,0,.16); } .uk-scope .uk-box-shadow-hover-xlarge:hover { box-shadow: 0 28px 50px rgba(0,0,0,.16); } @supports (filter:blur(0)) { .uk-scope .uk-box-shadow-bottom { display: inline-block; z-index: 0; position: relative; max-width: 100%; vertical-align: middle; } .uk-scope .uk-box-shadow-bottom::after { content: ""; z-index: -1; position: absolute; right: 0; bottom: -30px; left: 0; height: 30px; border-radius: 100%; background: #444; filter: blur(20px); will-change: filter; } } .uk-scope .uk-dropcap::first-letter, .uk-scope .uk-dropcap > p:first-of-type::first-letter { display: block; float: left; margin-right: 10px; margin-bottom: -2px; font-size: 4.5em; line-height: 1; } @-moz-document url-prefix() { .uk-scope .uk-dropcap::first-letter, .uk-scope .uk-dropcap > p:first-of-type::first-letter { margin-top: 1.1%; } } .uk-scope .uk-logo { text-decoration: none; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 24px; color: #333; } .uk-scope:where(.uk-logo) { display: inline-block; vertical-align: middle; } .uk-scope .uk-logo:hover { text-decoration: none; color: #333; } .uk-scope .uk-logo:where(img, svg, video) { display: block; } .uk-scope .uk-logo-inverse { display: none; } .uk-scope .uk-disabled { pointer-events: none; } .uk-drag, .uk-drag * { cursor: move; } .uk-drag iframe { pointer-events: none; } .uk-dragover { box-shadow: 0 0 20px rgba(100,100,100,.3); } .uk-scope .uk-blend-multiply { mix-blend-mode: multiply; } .uk-scope .uk-blend-screen { mix-blend-mode: screen; } .uk-scope .uk-blend-overlay { mix-blend-mode: overlay; } .uk-scope .uk-blend-darken { mix-blend-mode: darken; } .uk-scope .uk-blend-lighten { mix-blend-mode: lighten; } .uk-scope .uk-blend-color-dodge { mix-blend-mode: color-dodge; } .uk-scope .uk-blend-color-burn { mix-blend-mode: color-burn; } .uk-scope .uk-blend-hard-light { mix-blend-mode: hard-light; } .uk-scope .uk-blend-soft-light { mix-blend-mode: soft-light; } .uk-scope .uk-blend-difference { mix-blend-mode: difference; } .uk-scope .uk-blend-exclusion { mix-blend-mode: exclusion; } .uk-scope .uk-blend-hue { mix-blend-mode: hue; } .uk-scope .uk-blend-saturation { mix-blend-mode: saturation; } .uk-scope .uk-blend-color { mix-blend-mode: color; } .uk-scope .uk-blend-luminosity { mix-blend-mode: luminosity; } .uk-scope .uk-transform-center { transform: translate(-50%,-50%); } .uk-scope .uk-transform-origin-top-left { transform-origin: 0 0; } .uk-scope .uk-transform-origin-top-center { transform-origin: 50% 0; } .uk-scope .uk-transform-origin-top-right { transform-origin: 100% 0; } .uk-scope .uk-transform-origin-center-left { transform-origin: 0 50%; } .uk-scope .uk-transform-origin-center-right { transform-origin: 100% 50%; } .uk-scope .uk-transform-origin-bottom-left { transform-origin: 0 100%; } .uk-scope .uk-transform-origin-bottom-center { transform-origin: 50% 100%; } .uk-scope .uk-transform-origin-bottom-right { transform-origin: 100% 100%; } .uk-scope .uk-flex { display: flex; } .uk-scope .uk-flex-inline { display: inline-flex; } .uk-scope .uk-flex-left { justify-content: flex-start; } .uk-scope .uk-flex-center { justify-content: center; } .uk-scope .uk-flex-right { justify-content: flex-end; } .uk-scope .uk-flex-between { justify-content: space-between; } .uk-scope .uk-flex-around { justify-content: space-around; } @media (min-width:640px) { .uk-scope .uk-flex-left\@s { justify-content: flex-start; } .uk-scope .uk-flex-center\@s { justify-content: center; } .uk-scope .uk-flex-right\@s { justify-content: flex-end; } .uk-scope .uk-flex-between\@s { justify-content: space-between; } .uk-scope .uk-flex-around\@s { justify-content: space-around; } } @media (min-width:960px) { .uk-scope .uk-flex-left\@m { justify-content: flex-start; } .uk-scope .uk-flex-center\@m { justify-content: center; } .uk-scope .uk-flex-right\@m { justify-content: flex-end; } .uk-scope .uk-flex-between\@m { justify-content: space-between; } .uk-scope .uk-flex-around\@m { justify-content: space-around; } } @media (min-width:1200px) { .uk-scope .uk-flex-left\@l { justify-content: flex-start; } .uk-scope .uk-flex-center\@l { justify-content: center; } .uk-scope .uk-flex-right\@l { justify-content: flex-end; } .uk-scope .uk-flex-between\@l { justify-content: space-between; } .uk-scope .uk-flex-around\@l { justify-content: space-around; } } @media (min-width:1600px) { .uk-scope .uk-flex-left\@xl { justify-content: flex-start; } .uk-scope .uk-flex-center\@xl { justify-content: center; } .uk-scope .uk-flex-right\@xl { justify-content: flex-end; } .uk-scope .uk-flex-between\@xl { justify-content: space-between; } .uk-scope .uk-flex-around\@xl { justify-content: space-around; } } .uk-scope .uk-flex-stretch { align-items: stretch; } .uk-scope .uk-flex-top { align-items: flex-start; } .uk-scope .uk-flex-middle { align-items: center; } .uk-scope .uk-flex-bottom { align-items: flex-end; } .uk-scope .uk-flex-row { flex-direction: row; } .uk-scope .uk-flex-row-reverse { flex-direction: row-reverse; } .uk-scope .uk-flex-column { flex-direction: column; } .uk-scope .uk-flex-column-reverse { flex-direction: column-reverse; } .uk-scope .uk-flex-nowrap { flex-wrap: nowrap; } .uk-scope .uk-flex-wrap { flex-wrap: wrap; } .uk-scope .uk-flex-wrap-reverse { flex-wrap: wrap-reverse; } .uk-scope .uk-flex-wrap-stretch { align-content: stretch; } .uk-scope .uk-flex-wrap-top { align-content: flex-start; } .uk-scope .uk-flex-wrap-middle { align-content: center; } .uk-scope .uk-flex-wrap-bottom { align-content: flex-end; } .uk-scope .uk-flex-wrap-between { align-content: space-between; } .uk-scope .uk-flex-wrap-around { align-content: space-around; } .uk-scope .uk-flex-first { order: -1; } .uk-scope .uk-flex-last { order: 99; } @media (min-width:640px) { .uk-scope .uk-flex-first\@s { order: -1; } .uk-scope .uk-flex-last\@s { order: 99; } } @media (min-width:960px) { .uk-scope .uk-flex-first\@m { order: -1; } .uk-scope .uk-flex-last\@m { order: 99; } } @media (min-width:1200px) { .uk-scope .uk-flex-first\@l { order: -1; } .uk-scope .uk-flex-last\@l { order: 99; } } @media (min-width:1600px) { .uk-scope .uk-flex-first\@xl { order: -1; } .uk-scope .uk-flex-last\@xl { order: 99; } } .uk-scope .uk-flex-none { flex: none; } .uk-scope .uk-flex-auto { flex: auto; } .uk-scope .uk-flex-1 { flex: 1; } .uk-scope .uk-margin { margin-bottom: 20px; } .uk-scope * + .uk-margin { margin-top: 20px!important; } .uk-scope .uk-margin-top { margin-top: 20px!important; } .uk-scope .uk-margin-bottom { margin-bottom: 20px!important; } .uk-scope .uk-margin-left { margin-left: 20px!important; } .uk-scope .uk-margin-right { margin-right: 20px!important; } .uk-scope .uk-margin-small { margin-bottom: 10px; } .uk-scope * + .uk-margin-small { margin-top: 10px!important; } .uk-scope .uk-margin-small-top { margin-top: 10px!important; } .uk-scope .uk-margin-small-bottom { margin-bottom: 10px!important; } .uk-scope .uk-margin-small-left { margin-left: 10px!important; } .uk-scope .uk-margin-small-right { margin-right: 10px!important; } .uk-scope .uk-margin-medium { margin-bottom: 40px; } .uk-scope * + .uk-margin-medium { margin-top: 40px!important; } .uk-scope .uk-margin-medium-top { margin-top: 40px!important; } .uk-scope .uk-margin-medium-bottom { margin-bottom: 40px!important; } .uk-scope .uk-margin-medium-left { margin-left: 40px!important; } .uk-scope .uk-margin-medium-right { margin-right: 40px!important; } .uk-scope .uk-margin-large { margin-bottom: 40px; } .uk-scope * + .uk-margin-large { margin-top: 40px!important; } .uk-scope .uk-margin-large-top { margin-top: 40px!important; } .uk-scope .uk-margin-large-bottom { margin-bottom: 40px!important; } .uk-scope .uk-margin-large-left { margin-left: 40px!important; } .uk-scope .uk-margin-large-right { margin-right: 40px!important; } @media (min-width:1200px) { .uk-scope .uk-margin-large { margin-bottom: 70px; } .uk-scope * + .uk-margin-large { margin-top: 70px!important; } .uk-scope .uk-margin-large-top { margin-top: 70px!important; } .uk-scope .uk-margin-large-bottom { margin-bottom: 70px!important; } .uk-scope .uk-margin-large-left { margin-left: 70px!important; } .uk-scope .uk-margin-large-right { margin-right: 70px!important; } } .uk-scope .uk-margin-xlarge { margin-bottom: 70px; } .uk-scope * + .uk-margin-xlarge { margin-top: 70px!important; } .uk-scope .uk-margin-xlarge-top { margin-top: 70px!important; } .uk-scope .uk-margin-xlarge-bottom { margin-bottom: 70px!important; } .uk-scope .uk-margin-xlarge-left { margin-left: 70px!important; } .uk-scope .uk-margin-xlarge-right { margin-right: 70px!important; } @media (min-width:1200px) { .uk-scope .uk-margin-xlarge { margin-bottom: 140px; } .uk-scope * + .uk-margin-xlarge { margin-top: 140px!important; } .uk-scope .uk-margin-xlarge-top { margin-top: 140px!important; } .uk-scope .uk-margin-xlarge-bottom { margin-bottom: 140px!important; } .uk-scope .uk-margin-xlarge-left { margin-left: 140px!important; } .uk-scope .uk-margin-xlarge-right { margin-right: 140px!important; } } .uk-scope .uk-margin-auto { margin-right: auto!important; margin-left: auto!important; } .uk-scope .uk-margin-auto-top { margin-top: auto!important; } .uk-scope .uk-margin-auto-bottom { margin-bottom: auto!important; } .uk-scope .uk-margin-auto-left { margin-left: auto!important; } .uk-scope .uk-margin-auto-right { margin-right: auto!important; } .uk-scope .uk-margin-auto-vertical { margin-top: auto!important; margin-bottom: auto!important; } @media (min-width:640px) { .uk-scope .uk-margin-auto\@s { margin-right: auto!important; margin-left: auto!important; } .uk-scope .uk-margin-auto-left\@s { margin-left: auto!important; } .uk-scope .uk-margin-auto-right\@s { margin-right: auto!important; } } @media (min-width:960px) { .uk-scope .uk-margin-auto\@m { margin-right: auto!important; margin-left: auto!important; } .uk-scope .uk-margin-auto-left\@m { margin-left: auto!important; } .uk-scope .uk-margin-auto-right\@m { margin-right: auto!important; } } @media (min-width:1200px) { .uk-scope .uk-margin-auto\@l { margin-right: auto!important; margin-left: auto!important; } .uk-scope .uk-margin-auto-left\@l { margin-left: auto!important; } .uk-scope .uk-margin-auto-right\@l { margin-right: auto!important; } } @media (min-width:1600px) { .uk-scope .uk-margin-auto\@xl { margin-right: auto!important; margin-left: auto!important; } .uk-scope .uk-margin-auto-left\@xl { margin-left: auto!important; } .uk-scope .uk-margin-auto-right\@xl { margin-right: auto!important; } } .uk-scope .uk-margin-remove { margin: 0!important; } .uk-scope .uk-margin-remove-top { margin-top: 0!important; } .uk-scope .uk-margin-remove-bottom { margin-bottom: 0!important; } .uk-scope .uk-margin-remove-left { margin-left: 0!important; } .uk-scope .uk-margin-remove-right { margin-right: 0!important; } .uk-scope .uk-margin-remove-vertical { margin-top: 0!important; margin-bottom: 0!important; } .uk-scope .uk-margin-remove-adjacent + *, .uk-scope .uk-margin-remove-first-child > :first-child { margin-top: 0!important; } .uk-scope .uk-margin-remove-last-child > :last-child { margin-bottom: 0!important; } @media (min-width:640px) { .uk-scope .uk-margin-remove-left\@s { margin-left: 0!important; } .uk-scope .uk-margin-remove-right\@s { margin-right: 0!important; } } @media (min-width:960px) { .uk-scope .uk-margin-remove-left\@m { margin-left: 0!important; } .uk-scope .uk-margin-remove-right\@m { margin-right: 0!important; } } @media (min-width:1200px) { .uk-scope .uk-margin-remove-left\@l { margin-left: 0!important; } .uk-scope .uk-margin-remove-right\@l { margin-right: 0!important; } } @media (min-width:1600px) { .uk-scope .uk-margin-remove-left\@xl { margin-left: 0!important; } .uk-scope .uk-margin-remove-right\@xl { margin-right: 0!important; } } .uk-scope .uk-padding { padding: 30px; } @media (min-width:1200px) { .uk-scope .uk-padding { padding: 40px; } } .uk-scope .uk-padding-small { padding: 15px; } .uk-scope .uk-padding-large { padding: 40px; } @media (min-width:1200px) { .uk-scope .uk-padding-large { padding: 70px; } } .uk-scope .uk-padding-remove { padding: 0!important; } .uk-scope .uk-padding-remove-top { padding-top: 0!important; } .uk-scope .uk-padding-remove-bottom { padding-bottom: 0!important; } .uk-scope .uk-padding-remove-left { padding-left: 0!important; } .uk-scope .uk-padding-remove-right { padding-right: 0!important; } .uk-scope .uk-padding-remove-vertical { padding-top: 0!important; padding-bottom: 0!important; } .uk-scope .uk-padding-remove-horizontal { padding-right: 0!important; padding-left: 0!important; } .uk-scope:root { --uk-position-margin-offset: 0; } .uk-scope [class*=uk-position-bottom], .uk-scope [class*=uk-position-center], .uk-scope [class*=uk-position-left], .uk-scope [class*=uk-position-right], .uk-scope [class*=uk-position-top] { position: absolute!important; box-sizing: border-box; max-width: calc(100% - (var(--uk-position-margin-offset) * 2)); } .uk-scope .uk-position-top { top: 0; right: 0; left: 0; } .uk-scope .uk-position-bottom { right: 0; bottom: 0; left: 0; } .uk-scope .uk-position-left { top: 0; bottom: 0; left: 0; } .uk-scope .uk-position-right { top: 0; right: 0; bottom: 0; } .uk-scope .uk-position-top-left { top: 0; left: 0; } .uk-scope .uk-position-top-right { top: 0; right: 0; } .uk-scope .uk-position-bottom-left { bottom: 0; left: 0; } .uk-scope .uk-position-bottom-right { right: 0; bottom: 0; } .uk-scope .uk-position-center { --uk-position-translate-x: -50%; --uk-position-translate-y: -50%; top: calc(50% - var(--uk-position-margin-offset)); left: calc(50% - var(--uk-position-margin-offset)); width: max-content; transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)); } .uk-scope [class*=uk-position-center-left], .uk-scope [class*=uk-position-center-right] { --uk-position-translate-y: -50%; top: calc(50% - var(--uk-position-margin-offset)); transform: translate(0,var(--uk-position-translate-y)); } .uk-scope .uk-position-center-left { left: 0; } .uk-scope .uk-position-center-right { right: 0; } .uk-scope .uk-position-center-left-out { right: 100%; width: max-content; } .uk-scope .uk-position-center-right-out { left: 100%; width: max-content; } .uk-scope .uk-position-bottom-center, .uk-scope .uk-position-top-center { --uk-position-translate-x: -50%; left: calc(50% - var(--uk-position-margin-offset)); width: max-content; transform: translate(var(--uk-position-translate-x) ,0); } .uk-scope .uk-position-top-center { top: 0; } .uk-scope .uk-position-bottom-center { bottom: 0; } .uk-scope .uk-position-cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .uk-scope .uk-position-small { --uk-position-margin-offset: 15px; margin: 15px; } .uk-scope .uk-position-medium { --uk-position-margin-offset: 30px; margin: 30px; } .uk-scope .uk-position-large { --uk-position-margin-offset: 30px; margin: 30px; } @media (min-width:1200px) { .uk-scope .uk-position-large { --uk-position-margin-offset: 50px; margin: 50px; } } .uk-scope .uk-position-relative { position: relative!important; } .uk-scope .uk-position-absolute { position: absolute!important; } .uk-scope .uk-position-fixed { position: fixed!important; } .uk-scope .uk-position-sticky { position: sticky!important; } .uk-scope .uk-position-z-index { z-index: 1; } .uk-scope .uk-position-z-index-zero { z-index: 0; } .uk-scope .uk-position-z-index-negative { z-index: -1; } .uk-scope:where(.uk-transition-fade) , .uk-scope:where([class*=uk-transition-scale]) , .uk-scope:where([class*=uk-transition-slide]) { --uk-position-translate-x: 0; --uk-position-translate-y: 0; } .uk-scope .uk-transition-fade, .uk-scope [class*=uk-transition-scale], .uk-scope [class*=uk-transition-slide] { --uk-translate-x: 0; --uk-translate-y: 0; --uk-scale-x: 1; --uk-scale-y: 1; opacity: 0; transition: .3s ease-out; transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y)) translate(var(--uk-translate-x), var(--uk-translate-y)) scale(var(--uk-scale-x), var(--uk-scale-y)); transition-property: opacity,transform,filter; } .uk-scope .uk-transition-active.uk-active .uk-transition-fade, .uk-scope .uk-transition-toggle .uk-transition-fade:focus-within, .uk-scope .uk-transition-toggle:focus .uk-transition-fade, .uk-scope .uk-transition-toggle:hover .uk-transition-fade { opacity: 1; } .uk-scope [class*=uk-transition-scale] { -webkit-backface-visibility: hidden; } .uk-scope .uk-transition-scale-up { --uk-scale-x: 1; --uk-scale-y: 1; } .uk-scope .uk-transition-scale-down { --uk-scale-x: 1.03; --uk-scale-y: 1.03; } .uk-scope .uk-transition-active.uk-active .uk-transition-scale-up, .uk-scope .uk-transition-toggle .uk-transition-scale-up:focus-within, .uk-scope .uk-transition-toggle:focus .uk-transition-scale-up, .uk-scope .uk-transition-toggle:hover .uk-transition-scale-up { --uk-scale-x: 1.03; --uk-scale-y: 1.03; opacity: 1; } .uk-scope .uk-transition-active.uk-active .uk-transition-scale-down, .uk-scope .uk-transition-toggle .uk-transition-scale-down:focus-within, .uk-scope .uk-transition-toggle:focus .uk-transition-scale-down, .uk-scope .uk-transition-toggle:hover .uk-transition-scale-down { --uk-scale-x: 1; --uk-scale-y: 1; opacity: 1; } .uk-scope .uk-transition-slide-top { --uk-translate-y: -100%; } .uk-scope .uk-transition-slide-bottom { --uk-translate-y: 100%; } .uk-scope .uk-transition-slide-left { --uk-translate-x: -100%; } .uk-scope .uk-transition-slide-right { --uk-translate-x: 100%; } .uk-scope .uk-transition-slide-top-small { --uk-translate-y: calc(-1 * 10px); } .uk-scope .uk-transition-slide-bottom-small { --uk-translate-y: 10px; } .uk-scope .uk-transition-slide-left-small { --uk-translate-x: calc(-1 * 10px); } .uk-scope .uk-transition-slide-right-small { --uk-translate-x: 10px; } .uk-scope .uk-transition-slide-top-medium { --uk-translate-y: calc(-1 * 50px); } .uk-scope .uk-transition-slide-bottom-medium { --uk-translate-y: 50px; } .uk-scope .uk-transition-slide-left-medium { --uk-translate-x: calc(-1 * 50px); } .uk-scope .uk-transition-slide-right-medium { --uk-translate-x: 50px; } .uk-scope .uk-transition-active.uk-active [class*=uk-transition-slide], .uk-scope .uk-transition-toggle [class*=uk-transition-slide]:focus-within, .uk-scope .uk-transition-toggle:focus [class*=uk-transition-slide], .uk-scope .uk-transition-toggle:hover [class*=uk-transition-slide] { --uk-translate-x: 0; --uk-translate-y: 0; opacity: 1; } .uk-scope .uk-transition-opaque { opacity: 1; } .uk-scope .uk-transition-slow { transition-duration: .7s; } .uk-scope .uk-hidden, .uk-scope [hidden] { display: none!important; } @media (min-width:640px) { .uk-scope .uk-hidden\@s { display: none!important; } } @media (min-width:960px) { .uk-scope .uk-hidden\@m { display: none!important; } } @media (min-width:1200px) { .uk-scope .uk-hidden\@l { display: none!important; } } @media (min-width:1600px) { .uk-scope .uk-hidden\@xl { display: none!important; } } @media (max-width:639px) { .uk-scope .uk-visible\@s { display: none!important; } } @media (max-width:959px) { .uk-scope .uk-visible\@m { display: none!important; } } @media (max-width:1199px) { .uk-scope .uk-visible\@l { display: none!important; } } @media (max-width:1599px) { .uk-scope .uk-visible\@xl { display: none!important; } } .uk-scope .uk-invisible { visibility: hidden!important; } .uk-scope .uk-hidden-visually:not(:focus):not(:active):not(:focus-within) , .uk-scope .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) { position: absolute!important; width: 1px!important; height: 1px!important; margin: 0!important; padding: 0!important; border: 0!important; overflow: hidden!important; white-space: nowrap!important; clip-path: inset(50%) !important; } .uk-scope .uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { opacity: 0!important; } @media (hover:none) { .uk-scope .uk-hidden-touch { display: none!important; } } @media (hover) { .uk-scope .uk-hidden-notouch { display: none!important; } } .uk-scope .uk-card-primary.uk-card-body, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) , .uk-scope .uk-card-secondary.uk-card-body, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) , .uk-scope .uk-light, .uk-scope .uk-overlay-primary { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-link, .uk-scope .uk-card-primary.uk-card-body a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-link, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) a, .uk-scope .uk-card-secondary.uk-card-body .uk-link, .uk-scope .uk-card-secondary.uk-card-body a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-link, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) a, .uk-scope .uk-light .uk-link, .uk-scope .uk-light a, .uk-scope .uk-overlay-primary .uk-link, .uk-scope .uk-overlay-primary a { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link, .uk-scope .uk-card-primary.uk-card-body .uk-link:hover, .uk-scope .uk-card-primary.uk-card-body a:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-link:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) a:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link, .uk-scope .uk-card-secondary.uk-card-body .uk-link:hover, .uk-scope .uk-card-secondary.uk-card-body a:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-link:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) a:hover, .uk-scope .uk-light .uk-link-toggle:hover .uk-link, .uk-scope .uk-light .uk-link:hover, .uk-scope .uk-light a:hover, .uk-scope .uk-overlay-primary .uk-link-toggle:hover .uk-link, .uk-scope .uk-overlay-primary .uk-link:hover, .uk-scope .uk-overlay-primary a:hover { color: #fff; } .uk-scope .uk-card-primary.uk-card-body :not(pre) >code, .uk-scope .uk-card-primary.uk-card-body :not(pre) >kbd, .uk-scope .uk-card-primary.uk-card-body :not(pre) >samp, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) :not(pre) >code, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) :not(pre) >kbd, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) :not(pre) >samp, .uk-scope .uk-card-secondary.uk-card-body :not(pre) >code, .uk-scope .uk-card-secondary.uk-card-body :not(pre) >kbd, .uk-scope .uk-card-secondary.uk-card-body :not(pre) >samp, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) :not(pre) >code, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) :not(pre) >kbd, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) :not(pre) >samp, .uk-scope .uk-light :not(pre) >code, .uk-scope .uk-light :not(pre) >kbd, .uk-scope .uk-light :not(pre) >samp, .uk-scope .uk-overlay-primary :not(pre) >code, .uk-scope .uk-overlay-primary :not(pre) >kbd, .uk-scope .uk-overlay-primary :not(pre) > samp { color: rgba(255,255,255,.7); background-color: rgba(255,255,255,.1); } .uk-scope .uk-card-primary.uk-card-body em, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) em, .uk-scope .uk-card-secondary.uk-card-body em, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) em, .uk-scope .uk-light em, .uk-scope .uk-overlay-primary em { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-h1, .uk-scope .uk-card-primary.uk-card-body .uk-h2, .uk-scope .uk-card-primary.uk-card-body .uk-h3, .uk-scope .uk-card-primary.uk-card-body .uk-h4, .uk-scope .uk-card-primary.uk-card-body .uk-h5, .uk-scope .uk-card-primary.uk-card-body .uk-h6, .uk-scope .uk-card-primary.uk-card-body .uk-heading-2xlarge, .uk-scope .uk-card-primary.uk-card-body .uk-heading-large, .uk-scope .uk-card-primary.uk-card-body .uk-heading-medium, .uk-scope .uk-card-primary.uk-card-body .uk-heading-small, .uk-scope .uk-card-primary.uk-card-body .uk-heading-xlarge, .uk-scope .uk-card-primary.uk-card-body h1, .uk-scope .uk-card-primary.uk-card-body h2, .uk-scope .uk-card-primary.uk-card-body h3, .uk-scope .uk-card-primary.uk-card-body h4, .uk-scope .uk-card-primary.uk-card-body h5, .uk-scope .uk-card-primary.uk-card-body h6, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-h1, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-h2, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-h3, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-h4, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-h5, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-h6, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-2xlarge, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-large, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-medium, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-small, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-xlarge, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) h1, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) h2, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) h3, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) h4, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) h5, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) h6, .uk-scope .uk-card-secondary.uk-card-body .uk-h1, .uk-scope .uk-card-secondary.uk-card-body .uk-h2, .uk-scope .uk-card-secondary.uk-card-body .uk-h3, .uk-scope .uk-card-secondary.uk-card-body .uk-h4, .uk-scope .uk-card-secondary.uk-card-body .uk-h5, .uk-scope .uk-card-secondary.uk-card-body .uk-h6, .uk-scope .uk-card-secondary.uk-card-body .uk-heading-2xlarge, .uk-scope .uk-card-secondary.uk-card-body .uk-heading-large, .uk-scope .uk-card-secondary.uk-card-body .uk-heading-medium, .uk-scope .uk-card-secondary.uk-card-body .uk-heading-small, .uk-scope .uk-card-secondary.uk-card-body .uk-heading-xlarge, .uk-scope .uk-card-secondary.uk-card-body h1, .uk-scope .uk-card-secondary.uk-card-body h2, .uk-scope .uk-card-secondary.uk-card-body h3, .uk-scope .uk-card-secondary.uk-card-body h4, .uk-scope .uk-card-secondary.uk-card-body h5, .uk-scope .uk-card-secondary.uk-card-body h6, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-h1, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-h2, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-h3, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-h4, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-h5, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-h6, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-2xlarge, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-large, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-medium, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-small, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-xlarge, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) h1, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) h2, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) h3, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) h4, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) h5, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) h6, .uk-scope .uk-light .uk-h1, .uk-scope .uk-light .uk-h2, .uk-scope .uk-light .uk-h3, .uk-scope .uk-light .uk-h4, .uk-scope .uk-light .uk-h5, .uk-scope .uk-light .uk-h6, .uk-scope .uk-light .uk-heading-2xlarge, .uk-scope .uk-light .uk-heading-large, .uk-scope .uk-light .uk-heading-medium, .uk-scope .uk-light .uk-heading-small, .uk-scope .uk-light .uk-heading-xlarge, .uk-scope .uk-light h1, .uk-scope .uk-light h2, .uk-scope .uk-light h3, .uk-scope .uk-light h4, .uk-scope .uk-light h5, .uk-scope .uk-light h6, .uk-scope .uk-overlay-primary .uk-h1, .uk-scope .uk-overlay-primary .uk-h2, .uk-scope .uk-overlay-primary .uk-h3, .uk-scope .uk-overlay-primary .uk-h4, .uk-scope .uk-overlay-primary .uk-h5, .uk-scope .uk-overlay-primary .uk-h6, .uk-scope .uk-overlay-primary .uk-heading-2xlarge, .uk-scope .uk-overlay-primary .uk-heading-large, .uk-scope .uk-overlay-primary .uk-heading-medium, .uk-scope .uk-overlay-primary .uk-heading-small, .uk-scope .uk-overlay-primary .uk-heading-xlarge, .uk-scope .uk-overlay-primary h1, .uk-scope .uk-overlay-primary h2, .uk-scope .uk-overlay-primary h3, .uk-scope .uk-overlay-primary h4, .uk-scope .uk-overlay-primary h5, .uk-scope .uk-overlay-primary h6 { color: #fff; } .uk-scope .uk-card-primary.uk-card-body blockquote, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) blockquote, .uk-scope .uk-card-secondary.uk-card-body blockquote, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) blockquote, .uk-scope .uk-light blockquote, .uk-scope .uk-overlay-primary blockquote { color: #fff; } .uk-scope .uk-card-primary.uk-card-body blockquote footer, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) blockquote footer, .uk-scope .uk-card-secondary.uk-card-body blockquote footer, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) blockquote footer, .uk-scope .uk-light blockquote footer, .uk-scope .uk-overlay-primary blockquote footer { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-hr, .uk-scope .uk-card-primary.uk-card-body hr, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-hr, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) hr, .uk-scope .uk-card-secondary.uk-card-body .uk-hr, .uk-scope .uk-card-secondary.uk-card-body hr, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-hr, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) hr, .uk-scope .uk-light .uk-hr, .uk-scope .uk-light hr, .uk-scope .uk-overlay-primary .uk-hr, .uk-scope .uk-overlay-primary hr { border-top-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body:focus-visible, .uk-scope .uk-card-primary>:not([class*=uk-card-media]):focus-visible, .uk-scope .uk-card-secondary.uk-card-body:focus-visible, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]):focus-visible, .uk-scope .uk-light:focus-visible, .uk-scope .uk-overlay-primary:focus-visible { outline-color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-link-muted a, .uk-scope .uk-card-primary.uk-card-body a.uk-link-muted, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted, .uk-scope .uk-card-secondary.uk-card-body .uk-link-muted a, .uk-scope .uk-card-secondary.uk-card-body a.uk-link-muted, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted, .uk-scope .uk-light .uk-link-muted a, .uk-scope .uk-light a.uk-link-muted, .uk-scope .uk-overlay-primary .uk-link-muted a, .uk-scope .uk-overlay-primary a.uk-link-muted { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-link-muted a:hover, .uk-scope .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted, .uk-scope .uk-card-primary.uk-card-body a.uk-link-muted:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-link-muted a:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted, .uk-scope .uk-card-secondary.uk-card-body a.uk-link-muted:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted:hover, .uk-scope .uk-light .uk-link-muted a:hover, .uk-scope .uk-light .uk-link-toggle:hover .uk-link-muted, .uk-scope .uk-light a.uk-link-muted:hover, .uk-scope .uk-overlay-primary .uk-link-muted a:hover, .uk-scope .uk-overlay-primary .uk-link-toggle:hover .uk-link-muted, .uk-scope .uk-overlay-primary a.uk-link-muted:hover { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-link-text a:hover, .uk-scope .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text, .uk-scope .uk-card-primary.uk-card-body a.uk-link-text:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-link-text a:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) a.uk-link-text:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-link-text a:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text, .uk-scope .uk-card-secondary.uk-card-body a.uk-link-text:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-text a:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-text:hover, .uk-scope .uk-light .uk-link-text a:hover, .uk-scope .uk-light .uk-link-toggle:hover .uk-link-text, .uk-scope .uk-light a.uk-link-text:hover, .uk-scope .uk-overlay-primary .uk-link-text a:hover, .uk-scope .uk-overlay-primary .uk-link-toggle:hover .uk-link-text, .uk-scope .uk-overlay-primary a.uk-link-text:hover { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-link-heading a:hover, .uk-scope .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading, .uk-scope .uk-card-primary.uk-card-body a.uk-link-heading:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-link-heading a:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) a.uk-link-heading:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-link-heading a:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading, .uk-scope .uk-card-secondary.uk-card-body a.uk-link-heading:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-heading a:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-heading:hover, .uk-scope .uk-light .uk-link-heading a:hover, .uk-scope .uk-light .uk-link-toggle:hover .uk-link-heading, .uk-scope .uk-light a.uk-link-heading:hover, .uk-scope .uk-overlay-primary .uk-link-heading a:hover, .uk-scope .uk-overlay-primary .uk-link-toggle:hover .uk-link-heading, .uk-scope .uk-overlay-primary a.uk-link-heading:hover { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-heading-divider, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-divider, .uk-scope .uk-card-secondary.uk-card-body .uk-heading-divider, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-divider, .uk-scope .uk-light .uk-heading-divider, .uk-scope .uk-overlay-primary .uk-heading-divider { border-bottom-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-heading-bullet::before, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-bullet::before, .uk-scope .uk-card-secondary.uk-card-body .uk-heading-bullet::before, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-bullet::before, .uk-scope .uk-light .uk-heading-bullet::before, .uk-scope .uk-overlay-primary .uk-heading-bullet::before { border-left-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-heading-line>::after, .uk-scope .uk-card-primary.uk-card-body .uk-heading-line>::before, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::after, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::before, .uk-scope .uk-card-secondary.uk-card-body .uk-heading-line>::after, .uk-scope .uk-card-secondary.uk-card-body .uk-heading-line>::before, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::after, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line > ::before, .uk-scope .uk-light .uk-heading-line > ::after, .uk-scope .uk-light .uk-heading-line>::before, .uk-scope .uk-overlay-primary .uk-heading-line>::after, .uk-scope .uk-overlay-primary .uk-heading-line>::before { border-bottom-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-divider-icon, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon, .uk-scope .uk-card-secondary.uk-card-body .uk-divider-icon, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon, .uk-scope .uk-light .uk-divider-icon, .uk-scope .uk-overlay-primary .uk-divider-icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); } .uk-scope .uk-card-primary.uk-card-body .uk-divider-icon::after, .uk-scope .uk-card-primary.uk-card-body .uk-divider-icon::before, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::after, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::before, .uk-scope .uk-card-secondary.uk-card-body .uk-divider-icon::after, .uk-scope .uk-card-secondary.uk-card-body .uk-divider-icon::before, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::after, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::before, .uk-scope .uk-light .uk-divider-icon::after, .uk-scope .uk-light .uk-divider-icon::before, .uk-scope .uk-overlay-primary .uk-divider-icon::after, .uk-scope .uk-overlay-primary .uk-divider-icon::before { border-bottom-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-divider-small::after, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-divider-small::after, .uk-scope .uk-card-secondary.uk-card-body .uk-divider-small::after, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-small::after, .uk-scope .uk-light .uk-divider-small::after, .uk-scope .uk-overlay-primary .uk-divider-small::after { border-top-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-divider-vertical, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-divider-vertical, .uk-scope .uk-card-secondary.uk-card-body .uk-divider-vertical, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-vertical, .uk-scope .uk-light .uk-divider-vertical, .uk-scope .uk-overlay-primary .uk-divider-vertical { border-left-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-list-muted>::before, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-list-muted>::before, .uk-scope .uk-card-secondary.uk-card-body .uk-list-muted>::before, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-muted > ::before, .uk-scope .uk-light .uk-list-muted > ::before, .uk-scope .uk-overlay-primary .uk-list-muted>::before { color: rgba(255,255,255,.5) !important; } .uk-scope .uk-card-primary.uk-card-body .uk-list-emphasis>::before, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-list-emphasis>::before, .uk-scope .uk-card-secondary.uk-card-body .uk-list-emphasis>::before, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-emphasis > ::before, .uk-scope .uk-light .uk-list-emphasis > ::before, .uk-scope .uk-overlay-primary .uk-list-emphasis>::before { color: #fff!important; } .uk-scope .uk-card-primary.uk-card-body .uk-list-primary>::before, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-list-primary>::before, .uk-scope .uk-card-secondary.uk-card-body .uk-list-primary>::before, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-primary > ::before, .uk-scope .uk-light .uk-list-primary > ::before, .uk-scope .uk-overlay-primary .uk-list-primary>::before { color: #fff!important; } .uk-scope .uk-card-primary.uk-card-body .uk-list-secondary>::before, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-list-secondary>::before, .uk-scope .uk-card-secondary.uk-card-body .uk-list-secondary>::before, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-secondary > ::before, .uk-scope .uk-light .uk-list-secondary > ::before, .uk-scope .uk-overlay-primary .uk-list-secondary>::before { color: #fff!important; } .uk-scope .uk-card-primary.uk-card-body .uk-list-bullet>::before, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-list-bullet>::before, .uk-scope .uk-card-secondary.uk-card-body .uk-list-bullet>::before, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-bullet > ::before, .uk-scope .uk-light .uk-list-bullet > ::before, .uk-scope .uk-overlay-primary .uk-list-bullet>::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); } .uk-scope .uk-card-primary.uk-card-body .uk-list-divider>:nth-child(n+2) , .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2) , .uk-scope .uk-card-secondary.uk-card-body .uk-list-divider>:nth-child(n+2) , .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2) , .uk-scope .uk-light .uk-list-divider>:nth-child(n+2) , .uk-scope .uk-overlay-primary .uk-list-divider>:nth-child(n+2) { border-top-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd) , .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd) , .uk-scope .uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd) , .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd) , .uk-scope .uk-light .uk-list-striped>:nth-of-type(odd) , .uk-scope .uk-overlay-primary .uk-list-striped>:nth-of-type(odd) { border-top-color: rgba(255,255,255,.2); border-bottom-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd) , .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd) , .uk-scope .uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd) , .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd) , .uk-scope .uk-light .uk-list-striped>:nth-of-type(odd) , .uk-scope .uk-overlay-primary .uk-list-striped>:nth-of-type(odd) { background-color: rgba(255,255,255,.1); } .uk-scope .uk-card-primary.uk-card-body .uk-table th, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-table th, .uk-scope .uk-card-secondary.uk-card-body .uk-table th, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-table th, .uk-scope .uk-light .uk-table th, .uk-scope .uk-overlay-primary .uk-table th { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-table caption, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-table caption, .uk-scope .uk-card-secondary.uk-card-body .uk-table caption, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-table caption, .uk-scope .uk-light .uk-table caption, .uk-scope .uk-overlay-primary .uk-table caption { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-table tbody tr.uk-active, .uk-scope .uk-card-primary.uk-card-body .uk-table>tr.uk-active, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-table>tr.uk-active, .uk-scope .uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active, .uk-scope .uk-card-secondary.uk-card-body .uk-table>tr.uk-active, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-table > tr.uk-active, .uk-scope .uk-light .uk-table tbody tr.uk-active, .uk-scope .uk-light .uk-table > tr.uk-active, .uk-scope .uk-overlay-primary .uk-table tbody tr.uk-active, .uk-scope .uk-overlay-primary .uk-table>tr.uk-active { background: rgba(255,255,255,.08); } .uk-scope .uk-card-primary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child) , .uk-scope .uk-card-primary.uk-card-body .uk-table-divider>:not(:first-child) >tr, .uk-scope .uk-card-primary.uk-card-body .uk-table-divider>tr:not(:first-child) , .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child) , .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child) >tr, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child) , .uk-scope .uk-card-secondary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child) , .uk-scope .uk-card-secondary.uk-card-body .uk-table-divider>:not(:first-child) >tr, .uk-scope .uk-card-secondary.uk-card-body .uk-table-divider>tr:not(:first-child) , .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child) , .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child) >tr, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child) , .uk-scope .uk-light .uk-table-divider>:first-child>tr:not(:first-child) , .uk-scope .uk-light .uk-table-divider>:not(:first-child) >tr, .uk-scope .uk-light .uk-table-divider>tr:not(:first-child) , .uk-scope .uk-overlay-primary .uk-table-divider>:first-child>tr:not(:first-child) , .uk-scope .uk-overlay-primary .uk-table-divider>:not(:first-child) >tr, .uk-scope .uk-overlay-primary .uk-table-divider>tr:not(:first-child) { border-top-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd) , .uk-scope .uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(odd) , .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd) , .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd) , .uk-scope .uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd) , .uk-scope .uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(odd) , .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd) , .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd) , .uk-scope .uk-light .uk-table-striped tbody tr:nth-of-type(odd) , .uk-scope .uk-light .uk-table-striped>tr:nth-of-type(odd) , .uk-scope .uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd) , .uk-scope .uk-overlay-primary .uk-table-striped>tr:nth-of-type(odd) { border-top-color: rgba(255,255,255,.2); border-bottom-color: rgba(255,255,255,.2); background: rgba(255,255,255,.1); } .uk-scope .uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover, .uk-scope .uk-card-primary.uk-card-body .uk-table-hover>tr:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-table-hover>tr:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover > tr:hover, .uk-scope .uk-light .uk-table-hover tbody tr:hover, .uk-scope .uk-light .uk-table-hover > tr:hover, .uk-scope .uk-overlay-primary .uk-table-hover tbody tr:hover, .uk-scope .uk-overlay-primary .uk-table-hover>tr:hover { background: rgba(255,255,255,.08); } .uk-scope .uk-card-primary.uk-card-body .uk-icon-link, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link, .uk-scope .uk-card-secondary.uk-card-body .uk-icon-link, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link, .uk-scope .uk-light .uk-icon-link, .uk-scope .uk-overlay-primary .uk-icon-link { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-icon-link:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-icon-link:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:hover, .uk-scope .uk-light .uk-icon-link:hover, .uk-scope .uk-overlay-primary .uk-icon-link:hover { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-active>.uk-icon-link, .uk-scope .uk-card-primary.uk-card-body .uk-icon-link:active, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:active, .uk-scope .uk-card-secondary.uk-card-body .uk-active>.uk-icon-link, .uk-scope .uk-card-secondary.uk-card-body .uk-icon-link:active, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:active, .uk-scope .uk-light .uk-active > .uk-icon-link, .uk-scope .uk-light .uk-icon-link:active, .uk-scope .uk-overlay-primary .uk-active > .uk-icon-link, .uk-scope .uk-overlay-primary .uk-icon-link:active { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-icon-button, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button, .uk-scope .uk-card-secondary.uk-card-body .uk-icon-button, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button, .uk-scope .uk-light .uk-icon-button, .uk-scope .uk-overlay-primary .uk-icon-button { color: rgba(255,255,255,.5); background-color: rgba(255,255,255,.1); } .uk-scope .uk-card-primary.uk-card-body .uk-icon-button:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-icon-button:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:hover, .uk-scope .uk-light .uk-icon-button:hover, .uk-scope .uk-overlay-primary .uk-icon-button:hover { color: rgba(255,255,255,.7); background-color: rgba(255,255,255,.15); } .uk-scope .uk-card-primary.uk-card-body .uk-icon-button:active, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:active, .uk-scope .uk-card-secondary.uk-card-body .uk-icon-button:active, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:active, .uk-scope .uk-light .uk-icon-button:active, .uk-scope .uk-overlay-primary .uk-icon-button:active { color: rgba(255,255,255,.7); background-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-button-default, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-default, .uk-scope .uk-card-secondary.uk-card-body .uk-button-default, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default, .uk-scope .uk-light .uk-button-default, .uk-scope .uk-overlay-primary .uk-button-default { border-color: rgba(255,255,255,.7); color: #fff; background-color: transparent; } .uk-scope .uk-card-primary.uk-card-body .uk-button-default:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-button-default:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:hover, .uk-scope .uk-light .uk-button-default:hover, .uk-scope .uk-overlay-primary .uk-button-default:hover { border-color: #fff; color: #fff; background-color: transparent; } .uk-scope .uk-card-primary.uk-card-body .uk-button-default.uk-active, .uk-scope .uk-card-primary.uk-card-body .uk-button-default:active, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-default.uk-active, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:active, .uk-scope .uk-card-secondary.uk-card-body .uk-button-default.uk-active, .uk-scope .uk-card-secondary.uk-card-body .uk-button-default:active, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default.uk-active, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:active, .uk-scope .uk-light .uk-button-default.uk-active, .uk-scope .uk-light .uk-button-default:active, .uk-scope .uk-overlay-primary .uk-button-default.uk-active, .uk-scope .uk-overlay-primary .uk-button-default:active { border-color: #fff; color: #fff; background-color: transparent; } .uk-scope .uk-card-primary.uk-card-body .uk-button-primary, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary, .uk-scope .uk-card-secondary.uk-card-body .uk-button-primary, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary, .uk-scope .uk-light .uk-button-primary, .uk-scope .uk-overlay-primary .uk-button-primary { color: #666; background-color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-button-primary:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-button-primary:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:hover, .uk-scope .uk-light .uk-button-primary:hover, .uk-scope .uk-overlay-primary .uk-button-primary:hover { color: #666; background-color: #f2f2f2; } .uk-scope .uk-card-primary.uk-card-body .uk-button-primary.uk-active, .uk-scope .uk-card-primary.uk-card-body .uk-button-primary:active, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary.uk-active, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:active, .uk-scope .uk-card-secondary.uk-card-body .uk-button-primary.uk-active, .uk-scope .uk-card-secondary.uk-card-body .uk-button-primary:active, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary.uk-active, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:active, .uk-scope .uk-light .uk-button-primary.uk-active, .uk-scope .uk-light .uk-button-primary:active, .uk-scope .uk-overlay-primary .uk-button-primary.uk-active, .uk-scope .uk-overlay-primary .uk-button-primary:active { color: #666; background-color: #e6e6e6; } .uk-scope .uk-card-primary.uk-card-body .uk-button-secondary, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary, .uk-scope .uk-card-secondary.uk-card-body .uk-button-secondary, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary, .uk-scope .uk-light .uk-button-secondary, .uk-scope .uk-overlay-primary .uk-button-secondary { color: #666; background-color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-button-secondary:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-button-secondary:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:hover, .uk-scope .uk-light .uk-button-secondary:hover, .uk-scope .uk-overlay-primary .uk-button-secondary:hover { color: #666; background-color: #f2f2f2; } .uk-scope .uk-card-primary.uk-card-body .uk-button-secondary.uk-active, .uk-scope .uk-card-primary.uk-card-body .uk-button-secondary:active, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:active, .uk-scope .uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, .uk-scope .uk-card-secondary.uk-card-body .uk-button-secondary:active, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:active, .uk-scope .uk-light .uk-button-secondary.uk-active, .uk-scope .uk-light .uk-button-secondary:active, .uk-scope .uk-overlay-primary .uk-button-secondary.uk-active, .uk-scope .uk-overlay-primary .uk-button-secondary:active { color: #666; background-color: #e6e6e6; } .uk-scope .uk-card-primary.uk-card-body .uk-button-text, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-text, .uk-scope .uk-card-secondary.uk-card-body .uk-button-text, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text, .uk-scope .uk-light .uk-button-text, .uk-scope .uk-overlay-primary .uk-button-text { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-button-text::before, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-text::before, .uk-scope .uk-card-secondary.uk-card-body .uk-button-text::before, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text::before, .uk-scope .uk-light .uk-button-text::before, .uk-scope .uk-overlay-primary .uk-button-text::before { border-bottom-color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-button-text:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-button-text:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:hover, .uk-scope .uk-light .uk-button-text:hover, .uk-scope .uk-overlay-primary .uk-button-text:hover { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-button-text:disabled, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:disabled, .uk-scope .uk-card-secondary.uk-card-body .uk-button-text:disabled, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:disabled, .uk-scope .uk-light .uk-button-text:disabled, .uk-scope .uk-overlay-primary .uk-button-text:disabled { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-button-link, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-link, .uk-scope .uk-card-secondary.uk-card-body .uk-button-link, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link, .uk-scope .uk-light .uk-button-link, .uk-scope .uk-overlay-primary .uk-button-link { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-button-link:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-button-link:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-button-link:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link:hover, .uk-scope .uk-light .uk-button-link:hover, .uk-scope .uk-overlay-primary .uk-button-link:hover { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body.uk-card-badge, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-card-badge, .uk-scope .uk-card-secondary.uk-card-body.uk-card-badge, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-card-badge, .uk-scope .uk-light.uk-card-badge, .uk-scope .uk-overlay-primary.uk-card-badge { color: #666; background-color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-close, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-close, .uk-scope .uk-card-secondary.uk-card-body .uk-close, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-close, .uk-scope .uk-light .uk-close, .uk-scope .uk-overlay-primary .uk-close { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-close:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-close:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-close:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-close:hover, .uk-scope .uk-light .uk-close:hover, .uk-scope .uk-overlay-primary .uk-close:hover { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-marker, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-marker, .uk-scope .uk-card-secondary.uk-card-body .uk-marker, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-marker, .uk-scope .uk-light .uk-marker, .uk-scope .uk-overlay-primary .uk-marker { color: #666; background: #f8f8f8; } .uk-scope .uk-card-primary.uk-card-body .uk-marker:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-marker:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-marker:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-marker:hover, .uk-scope .uk-light .uk-marker:hover, .uk-scope .uk-overlay-primary .uk-marker:hover { color: #666; } .uk-scope .uk-card-primary.uk-card-body .uk-badge, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-badge, .uk-scope .uk-card-secondary.uk-card-body .uk-badge, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-badge, .uk-scope .uk-light .uk-badge, .uk-scope .uk-overlay-primary .uk-badge { color: #666!important; background-color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-label, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-label, .uk-scope .uk-card-secondary.uk-card-body .uk-label, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-label, .uk-scope .uk-light .uk-label, .uk-scope .uk-overlay-primary .uk-label { color: #666; background-color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-accordion-title, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title, .uk-scope .uk-card-secondary.uk-card-body .uk-accordion-title, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title, .uk-scope .uk-light .uk-accordion-title, .uk-scope .uk-overlay-primary .uk-accordion-title { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-accordion-title:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-accordion-title:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title:hover, .uk-scope .uk-light .uk-accordion-title:hover, .uk-scope .uk-overlay-primary .uk-accordion-title:hover { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before, .uk-scope .uk-card-secondary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before, .uk-scope .uk-light .uk-grid-divider>:not(.uk-first-column)::before, .uk-scope .uk-overlay-primary .uk-grid-divider>:not(.uk-first-column)::before { border-left-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before, .uk-scope .uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-scope .uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, .uk-scope .uk-overlay-primary .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before { border-top-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-default>li>a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-default>li>a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default > li > a, .uk-scope .uk-light .uk-nav-default>li>a, .uk-scope .uk-overlay-primary .uk-nav-default>li>a { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-default>li>a:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-default>li>a:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default > li > a:hover, .uk-scope .uk-light .uk-nav-default>li>a:hover, .uk-scope .uk-overlay-primary .uk-nav-default>li>a:hover { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-default>li.uk-active>a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-default>li.uk-active>a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default > li.uk-active > a, .uk-scope .uk-light .uk-nav-default>li.uk-active>a, .uk-scope .uk-overlay-primary .uk-nav-default>li.uk-active>a { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header, .uk-scope .uk-light .uk-nav-default .uk-nav-header, .uk-scope .uk-overlay-primary .uk-nav-default .uk-nav-header { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider, .uk-scope .uk-light .uk-nav-default .uk-nav-divider, .uk-scope .uk-overlay-primary .uk-nav-default .uk-nav-divider { border-top-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a, .uk-scope .uk-light .uk-nav-default .uk-nav-sub a, .uk-scope .uk-overlay-primary .uk-nav-default .uk-nav-sub a { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover, .uk-scope .uk-light .uk-nav-default .uk-nav-sub a:hover, .uk-scope .uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-scope .uk-light .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-scope .uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active>a { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-nav-primary>li>a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-primary>li>a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary > li > a, .uk-scope .uk-light .uk-nav-primary>li>a, .uk-scope .uk-overlay-primary .uk-nav-primary>li>a { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-primary>li>a:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-primary>li>a:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary > li > a:hover, .uk-scope .uk-light .uk-nav-primary>li>a:hover, .uk-scope .uk-overlay-primary .uk-nav-primary>li>a:hover { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-primary>li.uk-active>a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-primary>li.uk-active>a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary > li.uk-active > a, .uk-scope .uk-light .uk-nav-primary>li.uk-active>a, .uk-scope .uk-overlay-primary .uk-nav-primary>li.uk-active>a { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header, .uk-scope .uk-light .uk-nav-primary .uk-nav-header, .uk-scope .uk-overlay-primary .uk-nav-primary .uk-nav-header { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider, .uk-scope .uk-light .uk-nav-primary .uk-nav-divider, .uk-scope .uk-overlay-primary .uk-nav-primary .uk-nav-divider { border-top-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a, .uk-scope .uk-light .uk-nav-primary .uk-nav-sub a, .uk-scope .uk-overlay-primary .uk-nav-primary .uk-nav-sub a { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover, .uk-scope .uk-light .uk-nav-primary .uk-nav-sub a:hover, .uk-scope .uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-scope .uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-scope .uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active>a { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-nav-secondary>li>a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-secondary>li>a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary > li > a, .uk-scope .uk-light .uk-nav-secondary>li>a, .uk-scope .uk-overlay-primary .uk-nav-secondary>li>a { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary > li > a:hover, .uk-scope .uk-light .uk-nav-secondary>li>a:hover, .uk-scope .uk-overlay-primary .uk-nav-secondary>li>a:hover { color: #fff; background-color: rgba(255,255,255,.1); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary > li.uk-active > a, .uk-scope .uk-light .uk-nav-secondary>li.uk-active>a, .uk-scope .uk-overlay-primary .uk-nav-secondary>li.uk-active>a { color: #fff; background-color: rgba(255,255,255,.1); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-subtitle, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-subtitle, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-subtitle, .uk-scope .uk-light .uk-nav-secondary .uk-nav-subtitle, .uk-scope .uk-overlay-primary .uk-nav-secondary .uk-nav-subtitle { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li>a:hover .uk-nav-subtitle, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-secondary>li>a:hover .uk-nav-subtitle, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary > li > a:hover .uk-nav-subtitle, .uk-scope .uk-light .uk-nav-secondary>li>a:hover .uk-nav-subtitle, .uk-scope .uk-overlay-primary .uk-nav-secondary>li>a:hover .uk-nav-subtitle { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary > li.uk-active > a .uk-nav-subtitle, .uk-scope .uk-light .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle, .uk-scope .uk-overlay-primary .uk-nav-secondary>li.uk-active>a .uk-nav-subtitle { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-header, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-header, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-header, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-header, .uk-scope .uk-light .uk-nav-secondary .uk-nav-header, .uk-scope .uk-overlay-primary .uk-nav-secondary .uk-nav-header { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-divider, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-divider, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-divider, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-divider, .uk-scope .uk-light .uk-nav-secondary .uk-nav-divider, .uk-scope .uk-overlay-primary .uk-nav-secondary .uk-nav-divider { border-top-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a, .uk-scope .uk-light .uk-nav-secondary .uk-nav-sub a, .uk-scope .uk-overlay-primary .uk-nav-secondary .uk-nav-sub a { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub a:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub a:hover, .uk-scope .uk-light .uk-nav-secondary .uk-nav-sub a:hover, .uk-scope .uk-overlay-primary .uk-nav-secondary .uk-nav-sub a:hover { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub li.uk-active>a, .uk-scope .uk-card-secondary.uk-card-body .uk-nav-secondary .uk-nav-sub li.uk-active>a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-scope .uk-light .uk-nav-secondary .uk-nav-sub li.uk-active > a, .uk-scope .uk-overlay-primary .uk-nav-secondary .uk-nav-sub li.uk-active>a { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider) +:not(.uk-nav-header,.uk-nav-divider) , .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider) +:not(.uk-nav-header,.uk-nav-divider) , .uk-scope .uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider) +:not(.uk-nav-header,.uk-nav-divider) , .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider) +:not(.uk-nav-header,.uk-nav-divider) , .uk-scope .uk-light .uk-nav.uk-nav-divider>:not(.uk-nav-divider) +:not(.uk-nav-header,.uk-nav-divider) , .uk-scope .uk-overlay-primary .uk-nav.uk-nav-divider>:not(.uk-nav-divider) +:not(.uk-nav-header,.uk-nav-divider) { border-top-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-subnav>*>:first-child, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child, .uk-scope .uk-card-secondary.uk-card-body .uk-subnav>*>:first-child, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav > * > :first-child, .uk-scope .uk-light .uk-subnav>*>:first-child, .uk-scope .uk-overlay-primary .uk-subnav>*>:first-child { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-subnav>*>a:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-subnav>*>a:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav > * > a:hover, .uk-scope .uk-light .uk-subnav>*>a:hover, .uk-scope .uk-overlay-primary .uk-subnav>*>a:hover { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-subnav>.uk-active>a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a, .uk-scope .uk-card-secondary.uk-card-body .uk-subnav>.uk-active>a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav > .uk-active > a, .uk-scope .uk-light .uk-subnav>.uk-active>a, .uk-scope .uk-overlay-primary .uk-subnav>.uk-active>a { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, .uk-scope .uk-card-secondary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, .uk-scope .uk-light .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, .uk-scope .uk-overlay-primary .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before { border-left-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-subnav-pill>*>:first-child, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child, .uk-scope .uk-card-secondary.uk-card-body .uk-subnav-pill>*>:first-child, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill > * > :first-child, .uk-scope .uk-light .uk-subnav-pill>*>:first-child, .uk-scope .uk-overlay-primary .uk-subnav-pill>*>:first-child { color: rgba(255,255,255,.5); background-color: transparent; } .uk-scope .uk-card-primary.uk-card-body .uk-subnav-pill>*>a:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill > * > a:hover, .uk-scope .uk-light .uk-subnav-pill>*>a:hover, .uk-scope .uk-overlay-primary .uk-subnav-pill>*>a:hover { color: rgba(255,255,255,.7); background-color: rgba(255,255,255,.1); } .uk-scope .uk-card-primary.uk-card-body .uk-subnav-pill>*>a:active, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active, .uk-scope .uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:active, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill > * > a:active, .uk-scope .uk-light .uk-subnav-pill>*>a:active, .uk-scope .uk-overlay-primary .uk-subnav-pill>*>a:active { color: rgba(255,255,255,.7); background-color: rgba(255,255,255,.1); } .uk-scope .uk-card-primary.uk-card-body .uk-subnav-pill>.uk-active>a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a, .uk-scope .uk-card-secondary.uk-card-body .uk-subnav-pill>.uk-active>a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill > .uk-active > a, .uk-scope .uk-light .uk-subnav-pill>.uk-active>a, .uk-scope .uk-overlay-primary .uk-subnav-pill>.uk-active>a { color: #666; background-color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-subnav>.uk-disabled>a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a, .uk-scope .uk-card-secondary.uk-card-body .uk-subnav>.uk-disabled>a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav > .uk-disabled > a, .uk-scope .uk-light .uk-subnav>.uk-disabled>a, .uk-scope .uk-overlay-primary .uk-subnav>.uk-disabled>a { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-breadcrumb>*>*, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*, .uk-scope .uk-card-secondary.uk-card-body .uk-breadcrumb>*>*, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb > * > *, .uk-scope .uk-light .uk-breadcrumb>*>*, .uk-scope .uk-overlay-primary .uk-breadcrumb>*>* { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-breadcrumb>*>:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-breadcrumb>*>:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb > * > :hover, .uk-scope .uk-light .uk-breadcrumb>*>:hover, .uk-scope .uk-overlay-primary .uk-breadcrumb>*>:hover { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-breadcrumb>:last-child>*, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*, .uk-scope .uk-card-secondary.uk-card-body .uk-breadcrumb>:last-child>*, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb > :last-child > *, .uk-scope .uk-light .uk-breadcrumb>:last-child>*, .uk-scope .uk-overlay-primary .uk-breadcrumb>:last-child>* { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-scope .uk-card-secondary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-scope .uk-light .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-scope .uk-overlay-primary .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-tab::before, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-tab::before, .uk-scope .uk-card-secondary.uk-card-body .uk-tab::before, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-tab::before, .uk-scope .uk-light .uk-tab::before, .uk-scope .uk-overlay-primary .uk-tab::before { border-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-tab>*>a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a, .uk-scope .uk-card-secondary.uk-card-body .uk-tab>*>a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-tab > * > a, .uk-scope .uk-light .uk-tab>*>a, .uk-scope .uk-overlay-primary .uk-tab>*>a { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-tab>*>a:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-tab>*>a:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-tab > * > a:hover, .uk-scope .uk-light .uk-tab>*>a:hover, .uk-scope .uk-overlay-primary .uk-tab>*>a:hover { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-tab>.uk-active>a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a, .uk-scope .uk-card-secondary.uk-card-body .uk-tab>.uk-active>a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-tab > .uk-active > a, .uk-scope .uk-light .uk-tab>.uk-active>a, .uk-scope .uk-overlay-primary .uk-tab>.uk-active>a { border-color: #fff; color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-tab>.uk-disabled>a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a, .uk-scope .uk-card-secondary.uk-card-body .uk-tab>.uk-disabled>a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-tab > .uk-disabled > a, .uk-scope .uk-light .uk-tab>.uk-disabled>a, .uk-scope .uk-overlay-primary .uk-tab>.uk-disabled>a { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-slidenav, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav, .uk-scope .uk-card-secondary.uk-card-body .uk-slidenav, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav, .uk-scope .uk-light .uk-slidenav, .uk-scope .uk-overlay-primary .uk-slidenav { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-slidenav:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-slidenav:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:hover, .uk-scope .uk-light .uk-slidenav:hover, .uk-scope .uk-overlay-primary .uk-slidenav:hover { color: rgba(255,255,255,.95); } .uk-scope .uk-card-primary.uk-card-body .uk-slidenav:active, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:active, .uk-scope .uk-card-secondary.uk-card-body .uk-slidenav:active, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:active, .uk-scope .uk-light .uk-slidenav:active, .uk-scope .uk-overlay-primary .uk-slidenav:active { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-dotnav>*>*, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>*, .uk-scope .uk-card-secondary.uk-card-body .uk-dotnav>*>*, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav > * > *, .uk-scope .uk-light .uk-dotnav>*>*, .uk-scope .uk-overlay-primary .uk-dotnav>*>* { border-color: rgba(255,255,255,.9); background-color: transparent; } .uk-scope .uk-card-primary.uk-card-body .uk-dotnav>*>:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-dotnav>*>:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav > * > :hover, .uk-scope .uk-light .uk-dotnav>*>:hover, .uk-scope .uk-overlay-primary .uk-dotnav>*>:hover { border-color: transparent; background-color: rgba(255,255,255,.9); } .uk-scope .uk-card-primary.uk-card-body .uk-dotnav>*>:active, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:active, .uk-scope .uk-card-secondary.uk-card-body .uk-dotnav>*>:active, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav > * > :active, .uk-scope .uk-light .uk-dotnav>*>:active, .uk-scope .uk-overlay-primary .uk-dotnav>*>:active { border-color: transparent; background-color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-dotnav>.uk-active>*, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*, .uk-scope .uk-card-secondary.uk-card-body .uk-dotnav>.uk-active>*, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav > .uk-active > *, .uk-scope .uk-light .uk-dotnav>.uk-active>*, .uk-scope .uk-overlay-primary .uk-dotnav>.uk-active>* { border-color: transparent; background-color: rgba(255,255,255,.9); } .uk-scope .uk-card-primary.uk-card-body .uk-thumbnav>*>::after, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-thumbnav>*>::after, .uk-scope .uk-card-secondary.uk-card-body .uk-thumbnav>*>::after, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-thumbnav > * > ::after, .uk-scope .uk-light .uk-thumbnav>*>::after, .uk-scope .uk-overlay-primary .uk-thumbnav>*>::after { background-image: linear-gradient(180deg,rgba(0,0,0,0), rgba(0,0,0,.4)); } .uk-scope .uk-card-primary.uk-card-body .uk-iconnav>*>a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a, .uk-scope .uk-card-secondary.uk-card-body .uk-iconnav>*>a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav > * > a, .uk-scope .uk-light .uk-iconnav>*>a, .uk-scope .uk-overlay-primary .uk-iconnav>*>a { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-iconnav>*>a:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-iconnav>*>a:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav > * > a:hover, .uk-scope .uk-light .uk-iconnav>*>a:hover, .uk-scope .uk-overlay-primary .uk-iconnav>*>a:hover { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-iconnav>.uk-active>a, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a, .uk-scope .uk-card-secondary.uk-card-body .uk-iconnav>.uk-active>a, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav > .uk-active > a, .uk-scope .uk-light .uk-iconnav>.uk-active>a, .uk-scope .uk-overlay-primary .uk-iconnav>.uk-active>a { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-text-lead, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-text-lead, .uk-scope .uk-card-secondary.uk-card-body .uk-text-lead, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-lead, .uk-scope .uk-light .uk-text-lead, .uk-scope .uk-overlay-primary .uk-text-lead { color: rgba(255,255,255,.7); } .uk-scope .uk-card-primary.uk-card-body .uk-text-meta, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-text-meta, .uk-scope .uk-card-secondary.uk-card-body .uk-text-meta, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-meta, .uk-scope .uk-light .uk-text-meta, .uk-scope .uk-overlay-primary .uk-text-meta { color: rgba(255,255,255,.5); } .uk-scope .uk-card-primary.uk-card-body .uk-text-muted, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-text-muted, .uk-scope .uk-card-secondary.uk-card-body .uk-text-muted, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-muted, .uk-scope .uk-light .uk-text-muted, .uk-scope .uk-overlay-primary .uk-text-muted { color: rgba(255,255,255,.5) !important; } .uk-scope .uk-card-primary.uk-card-body .uk-text-emphasis, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-text-emphasis, .uk-scope .uk-card-secondary.uk-card-body .uk-text-emphasis, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-emphasis, .uk-scope .uk-light .uk-text-emphasis, .uk-scope .uk-overlay-primary .uk-text-emphasis { color: #fff!important; } .uk-scope .uk-card-primary.uk-card-body .uk-text-primary, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-text-primary, .uk-scope .uk-card-secondary.uk-card-body .uk-text-primary, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-primary, .uk-scope .uk-light .uk-text-primary, .uk-scope .uk-overlay-primary .uk-text-primary { color: #fff!important; } .uk-scope .uk-card-primary.uk-card-body .uk-text-secondary, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-text-secondary, .uk-scope .uk-card-secondary.uk-card-body .uk-text-secondary, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-secondary, .uk-scope .uk-light .uk-text-secondary, .uk-scope .uk-overlay-primary .uk-text-secondary { color: #fff!important; } .uk-scope .uk-card-primary.uk-card-body .uk-column-divider, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-column-divider, .uk-scope .uk-card-secondary.uk-card-body .uk-column-divider, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-column-divider, .uk-scope .uk-light .uk-column-divider, .uk-scope .uk-overlay-primary .uk-column-divider { column-rule-color: rgba(255,255,255,0.2); } .uk-scope .uk-card-primary.uk-card-body .uk-logo, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-logo, .uk-scope .uk-card-secondary.uk-card-body .uk-logo, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-logo, .uk-scope .uk-light .uk-logo, .uk-scope .uk-overlay-primary .uk-logo { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-logo:hover, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-logo:hover, .uk-scope .uk-card-secondary.uk-card-body .uk-logo:hover, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:hover, .uk-scope .uk-light .uk-logo:hover, .uk-scope .uk-overlay-primary .uk-logo:hover { color: #fff; } .uk-scope .uk-card-primary.uk-card-body .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type) , .uk-scope .uk-card-primary.uk-card-body .uk-logo>picture:not(:only-of-type) >:not(.uk-logo-inverse) , .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type) , .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-logo>picture:not(:only-of-type) >:not(.uk-logo-inverse) , .uk-scope .uk-card-secondary.uk-card-body .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type) , .uk-scope .uk-card-secondary.uk-card-body .uk-logo>picture:not(:only-of-type) >:not(.uk-logo-inverse) , .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type) , .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-logo>picture:not(:only-of-type) >:not(.uk-logo-inverse) , .uk-scope .uk-light .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type) , .uk-scope .uk-light .uk-logo>picture:not(:only-of-type) >:not(.uk-logo-inverse) , .uk-scope .uk-overlay-primary .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type) , .uk-scope .uk-overlay-primary .uk-logo>picture:not(:only-of-type) >:not(.uk-logo-inverse) { display: none; } .uk-scope .uk-card-primary.uk-card-body .uk-logo-inverse, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-logo-inverse, .uk-scope .uk-card-secondary.uk-card-body .uk-logo-inverse, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-logo-inverse, .uk-scope .uk-light .uk-logo-inverse, .uk-scope .uk-overlay-primary .uk-logo-inverse { display: block; } .uk-scope .uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(2n):last-child, .uk-scope .uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(2n):last-child, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(2n):last-child, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(2n):last-child, .uk-scope .uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(2n):last-child, .uk-scope .uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(2n):last-child, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(2n):last-child, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(2n):last-child, .uk-scope .uk-light .uk-table-striped tbody tr:nth-of-type(2n):last-child, .uk-scope .uk-light .uk-table-striped>tr:nth-of-type(2n):last-child, .uk-scope .uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(2n):last-child, .uk-scope .uk-overlay-primary .uk-table-striped>tr:nth-of-type(2n):last-child { border-bottom-color: rgba(255,255,255,.2); } .uk-scope .uk-card-primary.uk-card-body .uk-accordion-title::before, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title::before, .uk-scope .uk-card-secondary.uk-card-body .uk-accordion-title::before, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title::before, .uk-scope .uk-light .uk-accordion-title::before, .uk-scope .uk-overlay-primary .uk-accordion-title::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); } .uk-scope .uk-card-primary.uk-card-body .uk-open>.uk-accordion-title::before, .uk-scope .uk-card-primary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before, .uk-scope .uk-card-secondary.uk-card-body .uk-open>.uk-accordion-title::before, .uk-scope .uk-card-secondary>:not([class*=uk-card-media]) .uk-open > .uk-accordion-title::before, .uk-scope .uk-light .uk-open > .uk-accordion-title::before, .uk-scope .uk-overlay-primary .uk-open>.uk-accordion-title::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); } @media print { .uk-scope *, .uk-scope::after, .uk-scope::before { text-shadow: none!important; color: #000!important; background: 0 0!important; box-shadow: none!important; } .uk-scope a, .uk-scope a:visited { text-decoration: underline; } .uk-scope blockquote, .uk-scope pre { border: 1px solid #999; page-break-inside: avoid; } .uk-scope thead { display: table-header-group; } .uk-scope img, .uk-scope tr { page-break-inside: avoid; } .uk-scope img { max-width: 100%!important; } @page { margin: .5cm; } .uk-scope h2, .uk-scope h3, .uk-scope p { orphans: 3; widows: 3; } .uk-scope h2, .uk-scope h3 { page-break-after: avoid; } } @media screen and (max-width: 420px){ .content__container { float: right; } .content__container__list__item { text-align: right !important; } } .content__container__list__item::marker { color: #fff0 !important; } .w7readtime.time_est_container { text-align: right; margin-top: 14px; margin-bottom: 18px; height: 17px; } .iconc { font-size:15px; vertical-align: middle; } .fa-clock-o:before { content: "\f017"; font-size:15px; color: #8d888b; } .word_count { background-color: #8d888b; color: #FFFfff; } .trait { color: #000000; } .content { transform: translate(-50%, -50%); height: 16px; overflow: hidden; } .content__container { overflow: hidden; height: 17px; } .content__container__text { display: inline; margin: 0; } .content__container__list { margin-top: 0; text-align: right; list-style: none; -webkit-animation-name: change; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-name: change; animation-duration: 5s; animation-iteration-count: infinite; } .content__container__list__item { margin: 0; } @-webkit-keyframes opacity { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } @-webkit-keyframes change { 0%, 50%, 100% { transform: translate3d(0, 0, 0); } 0%, 100% { transform: translate3d(0, -50%, 0); } } @keyframes opacity { 0%, 100% { opacity: 0; } 100% { opacity: 1; } } @keyframes change { 0%, 50%, 100% { transform: translate3d(0, 0, 0); } 100%, 0% { transform: translate3d(0, -51%, 0); } }