/*! * Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\F26E"}.fa-accessible-icon:before{content:"\F368"}.fa-accusoft:before{content:"\F369"}.fa-acquisitions-incorporated:before{content:"\F6AF"}.fa-ad:before{content:"\F641"}.fa-address-book:before{content:"\F2B9"}.fa-address-card:before{content:"\F2BB"}.fa-adjust:before{content:"\F042"}.fa-adn:before{content:"\F170"}.fa-adobe:before{content:"\F778"}.fa-adversal:before{content:"\F36A"}.fa-affiliatetheme:before{content:"\F36B"}.fa-air-freshener:before{content:"\F5D0"}.fa-airbnb:before{content:"\F834"}.fa-algolia:before{content:"\F36C"}.fa-align-center:before{content:"\F037"}.fa-align-justify:before{content:"\F039"}.fa-align-left:before{content:"\F036"}.fa-align-right:before{content:"\F038"}.fa-alipay:before{content:"\F642"}.fa-allergies:before{content:"\F461"}.fa-amazon:before{content:"\F270"}.fa-amazon-pay:before{content:"\F42C"}.fa-ambulance:before{content:"\F0F9"}.fa-american-sign-language-interpreting:before{content:"\F2A3"}.fa-amilia:before{content:"\F36D"}.fa-anchor:before{content:"\F13D"}.fa-android:before{content:"\F17B"}.fa-angellist:before{content:"\F209"}.fa-angle-double-down:before{content:"\F103"}.fa-angle-double-left:before{content:"\F100"}.fa-angle-double-right:before{content:"\F101"}.fa-angle-double-up:before{content:"\F102"}.fa-angle-down:before{content:"\F107"}.fa-angle-left:before{content:"\F104"}.fa-angle-right:before{content:"\F105"}.fa-angle-up:before{content:"\F106"}.fa-angry:before{content:"\F556"}.fa-angrycreative:before{content:"\F36E"}.fa-angular:before{content:"\F420"}.fa-ankh:before{content:"\F644"}.fa-app-store:before{content:"\F36F"}.fa-app-store-ios:before{content:"\F370"}.fa-apper:before{content:"\F371"}.fa-apple:before{content:"\F179"}.fa-apple-alt:before{content:"\F5D1"}.fa-apple-pay:before{content:"\F415"}.fa-archive:before{content:"\F187"}.fa-archway:before{content:"\F557"}.fa-arrow-alt-circle-down:before{content:"\F358"}.fa-arrow-alt-circle-left:before{content:"\F359"}.fa-arrow-alt-circle-right:before{content:"\F35A"}.fa-arrow-alt-circle-up:before{content:"\F35B"}.fa-arrow-circle-down:before{content:"\F0AB"}.fa-arrow-circle-left:before{content:"\F0A8"}.fa-arrow-circle-right:before{content:"\F0A9"}.fa-arrow-circle-up:before{content:"\F0AA"}.fa-arrow-down:before{content:"\F063"}.fa-arrow-left:before{content:"\F060"}.fa-arrow-right:before{content:"\F061"}.fa-arrow-up:before{content:"\F062"}.fa-arrows-alt:before{content:"\F0B2"}.fa-arrows-alt-h:before{content:"\F337"}.fa-arrows-alt-v:before{content:"\F338"}.fa-artstation:before{content:"\F77A"}.fa-assistive-listening-systems:before{content:"\F2A2"}.fa-asterisk:before{content:"\F069"}.fa-asymmetrik:before{content:"\F372"}.fa-at:before{content:"\F1FA"}.fa-atlas:before{content:"\F558"}.fa-atlassian:before{content:"\F77B"}.fa-atom:before{content:"\F5D2"}.fa-audible:before{content:"\F373"}.fa-audio-description:before{content:"\F29E"}.fa-autoprefixer:before{content:"\F41C"}.fa-avianex:before{content:"\F374"}.fa-aviato:before{content:"\F421"}.fa-award:before{content:"\F559"}.fa-aws:before{content:"\F375"}.fa-baby:before{content:"\F77C"}.fa-baby-carriage:before{content:"\F77D"}.fa-backspace:before{content:"\F55A"}.fa-backward:before{content:"\F04A"}.fa-bacon:before{content:"\F7E5"}.fa-balance-scale:before{content:"\F24E"}.fa-ban:before{content:"\F05E"}.fa-band-aid:before{content:"\F462"}.fa-bandcamp:before{content:"\F2D5"}.fa-barcode:before{content:"\F02A"}.fa-bars:before{content:"\F0C9"}.fa-baseball-ball:before{content:"\F433"}.fa-basketball-ball:before{content:"\F434"}.fa-bath:before{content:"\F2CD"}.fa-battery-empty:before{content:"\F244"}.fa-battery-full:before{content:"\F240"}.fa-battery-half:before{content:"\F242"}.fa-battery-quarter:before{content:"\F243"}.fa-battery-three-quarters:before{content:"\F241"}.fa-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-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-bowling-ball:before{content:"\F436"}.fa-box:before{content:"\F466"}.fa-box-open:before{content:"\F49E"}.fa-boxes:before{content:"\F468"}.fa-braille:before{content:"\F2A1"}.fa-brain:before{content:"\F5DC"}.fa-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-buysellads:before{content:"\F20D"}.fa-calculator:before{content:"\F1EC"}.fa-calendar:before{content:"\F133"}.fa-calendar-alt:before{content:"\F073"}.fa-calendar-check:before{content:"\F274"}.fa-calendar-day:before{content:"\F783"}.fa-calendar-minus:before{content:"\F272"}.fa-calendar-plus:before{content:"\F271"}.fa-calendar-times:before{content:"\F273"}.fa-calendar-week:before{content:"\F784"}.fa-camera:before{content:"\F030"}.fa-camera-retro:before{content:"\F083"}.fa-campground:before{content:"\F6BB"}.fa-canadian-maple-leaf:before{content:"\F785"}.fa-candy-cane:before{content:"\F786"}.fa-cannabis:before{content:"\F55F"}.fa-capsules:before{content:"\F46B"}.fa-car:before{content:"\F1B9"}.fa-car-alt:before{content:"\F5DE"}.fa-car-battery:before{content:"\F5DF"}.fa-car-crash:before{content:"\F5E1"}.fa-car-side:before{content:"\F5E4"}.fa-caret-down:before{content:"\F0D7"}.fa-caret-left:before{content:"\F0D9"}.fa-caret-right:before{content:"\F0DA"}.fa-caret-square-down:before{content:"\F150"}.fa-caret-square-left:before{content:"\F191"}.fa-caret-square-right:before{content:"\F152"}.fa-caret-square-up:before{content:"\F151"}.fa-caret-up:before{content:"\F0D8"}.fa-carrot:before{content:"\F787"}.fa-cart-arrow-down:before{content:"\F218"}.fa-cart-plus:before{content:"\F217"}.fa-cash-register:before{content:"\F788"}.fa-cat:before{content:"\F6BE"}.fa-cc-amazon-pay:before{content:"\F42D"}.fa-cc-amex:before{content:"\F1F3"}.fa-cc-apple-pay:before{content:"\F416"}.fa-cc-diners-club:before{content:"\F24C"}.fa-cc-discover:before{content:"\F1F2"}.fa-cc-jcb:before{content:"\F24B"}.fa-cc-mastercard:before{content:"\F1F1"}.fa-cc-paypal:before{content:"\F1F4"}.fa-cc-stripe:before{content:"\F1F5"}.fa-cc-visa:before{content:"\F1F0"}.fa-centercode:before{content:"\F380"}.fa-centos:before{content:"\F789"}.fa-certificate:before{content:"\F0A3"}.fa-chair:before{content:"\F6C0"}.fa-chalkboard:before{content:"\F51B"}.fa-chalkboard-teacher:before{content:"\F51C"}.fa-charging-station:before{content:"\F5E7"}.fa-chart-area:before{content:"\F1FE"}.fa-chart-bar:before{content:"\F080"}.fa-chart-line:before{content:"\F201"}.fa-chart-pie:before{content:"\F200"}.fa-check:before{content:"\F00C"}.fa-check-circle:before{content:"\F058"}.fa-check-double:before{content:"\F560"}.fa-check-square:before{content:"\F14A"}.fa-cheese:before{content:"\F7EF"}.fa-chess:before{content:"\F439"}.fa-chess-bishop:before{content:"\F43A"}.fa-chess-board:before{content:"\F43C"}.fa-chess-king:before{content:"\F43F"}.fa-chess-knight:before{content:"\F441"}.fa-chess-pawn:before{content:"\F443"}.fa-chess-queen:before{content:"\F445"}.fa-chess-rook:before{content:"\F447"}.fa-chevron-circle-down:before{content:"\F13A"}.fa-chevron-circle-left:before{content:"\F137"}.fa-chevron-circle-right:before{content:"\F138"}.fa-chevron-circle-up:before{content:"\F139"}.fa-chevron-down:before{content:"\F078"}.fa-chevron-left:before{content:"\F053"}.fa-chevron-right:before{content:"\F054"}.fa-chevron-up:before{content:"\F077"}.fa-child:before{content:"\F1AE"}.fa-chrome:before{content:"\F268"}.fa-chromecast:before{content:"\F838"}.fa-church:before{content:"\F51D"}.fa-circle:before{content:"\F111"}.fa-circle-notch:before{content:"\F1CE"}.fa-city:before{content:"\F64F"}.fa-clinic-medical:before{content:"\F7F2"}.fa-clipboard:before{content:"\F328"}.fa-clipboard-check:before{content:"\F46C"}.fa-clipboard-list:before{content:"\F46D"}.fa-clock:before{content:"\F017"}.fa-clone:before{content:"\F24D"}.fa-closed-captioning:before{content:"\F20A"}.fa-cloud:before{content:"\F0C2"}.fa-cloud-download-alt:before{content:"\F381"}.fa-cloud-meatball:before{content:"\F73B"}.fa-cloud-moon:before{content:"\F6C3"}.fa-cloud-moon-rain:before{content:"\F73C"}.fa-cloud-rain:before{content:"\F73D"}.fa-cloud-showers-heavy:before{content:"\F740"}.fa-cloud-sun:before{content:"\F6C4"}.fa-cloud-sun-rain:before{content:"\F743"}.fa-cloud-upload-alt:before{content:"\F382"}.fa-cloudscale:before{content:"\F383"}.fa-cloudsmith:before{content:"\F384"}.fa-cloudversify:before{content:"\F385"}.fa-cocktail:before{content:"\F561"}.fa-code:before{content:"\F121"}.fa-code-branch:before{content:"\F126"}.fa-codepen:before{content:"\F1CB"}.fa-codiepie:before{content:"\F284"}.fa-coffee:before{content:"\F0F4"}.fa-cog:before{content:"\F013"}.fa-cogs:before{content:"\F085"}.fa-coins:before{content:"\F51E"}.fa-columns:before{content:"\F0DB"}.fa-comment:before{content:"\F075"}.fa-comment-alt:before{content:"\F27A"}.fa-comment-dollar:before{content:"\F651"}.fa-comment-dots:before{content:"\F4AD"}.fa-comment-medical:before{content:"\F7F5"}.fa-comment-slash:before{content:"\F4B3"}.fa-comments:before{content:"\F086"}.fa-comments-dollar:before{content:"\F653"}.fa-compact-disc:before{content:"\F51F"}.fa-compass:before{content:"\F14E"}.fa-compress:before{content:"\F066"}.fa-compress-arrows-alt:before{content:"\F78C"}.fa-concierge-bell:before{content:"\F562"}.fa-confluence:before{content:"\F78D"}.fa-connectdevelop:before{content:"\F20E"}.fa-contao:before{content:"\F26D"}.fa-cookie:before{content:"\F563"}.fa-cookie-bite:before{content:"\F564"}.fa-copy:before{content:"\F0C5"}.fa-copyright:before{content:"\F1F9"}.fa-couch:before{content:"\F4B8"}.fa-cpanel:before{content:"\F388"}.fa-creative-commons:before{content:"\F25E"}.fa-creative-commons-by:before{content:"\F4E7"}.fa-creative-commons-nc:before{content:"\F4E8"}.fa-creative-commons-nc-eu:before{content:"\F4E9"}.fa-creative-commons-nc-jp:before{content:"\F4EA"}.fa-creative-commons-nd:before{content:"\F4EB"}.fa-creative-commons-pd:before{content:"\F4EC"}.fa-creative-commons-pd-alt:before{content:"\F4ED"}.fa-creative-commons-remix:before{content:"\F4EE"}.fa-creative-commons-sa:before{content:"\F4EF"}.fa-creative-commons-sampling:before{content:"\F4F0"}.fa-creative-commons-sampling-plus:before{content:"\F4F1"}.fa-creative-commons-share:before{content:"\F4F2"}.fa-creative-commons-zero:before{content:"\F4F3"}.fa-credit-card:before{content:"\F09D"}.fa-critical-role:before{content:"\F6C9"}.fa-crop:before{content:"\F125"}.fa-crop-alt:before{content:"\F565"}.fa-cross:before{content:"\F654"}.fa-crosshairs:before{content:"\F05B"}.fa-crow:before{content:"\F520"}.fa-crown:before{content:"\F521"}.fa-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-dashcube:before{content:"\F210"}.fa-database:before{content:"\F1C0"}.fa-deaf:before{content:"\F2A4"}.fa-delicious:before{content:"\F1A5"}.fa-democrat:before{content:"\F747"}.fa-deploydog:before{content:"\F38E"}.fa-deskpro:before{content:"\F38F"}.fa-desktop:before{content:"\F108"}.fa-dev:before{content:"\F6CC"}.fa-deviantart:before{content:"\F1BD"}.fa-dharmachakra:before{content:"\F655"}.fa-dhl:before{content:"\F790"}.fa-diagnoses:before{content:"\F470"}.fa-diaspora:before{content:"\F791"}.fa-dice:before{content:"\F522"}.fa-dice-d20:before{content:"\F6CF"}.fa-dice-d6:before{content:"\F6D1"}.fa-dice-five:before{content:"\F523"}.fa-dice-four:before{content:"\F524"}.fa-dice-one:before{content:"\F525"}.fa-dice-six:before{content:"\F526"}.fa-dice-three:before{content:"\F527"}.fa-dice-two:before{content:"\F528"}.fa-digg:before{content:"\F1A6"}.fa-digital-ocean:before{content:"\F391"}.fa-digital-tachograph:before{content:"\F566"}.fa-directions:before{content:"\F5EB"}.fa-discord:before{content:"\F392"}.fa-discourse:before{content:"\F393"}.fa-divide:before{content:"\F529"}.fa-dizzy:before{content:"\F567"}.fa-dna:before{content:"\F471"}.fa-dochub:before{content:"\F394"}.fa-docker:before{content:"\F395"}.fa-dog:before{content:"\F6D3"}.fa-dollar-sign:before{content:"\F155"}.fa-dolly:before{content:"\F472"}.fa-dolly-flatbed:before{content:"\F474"}.fa-donate:before{content:"\F4B9"}.fa-door-closed:before{content:"\F52A"}.fa-door-open:before{content:"\F52B"}.fa-dot-circle:before{content:"\F192"}.fa-dove:before{content:"\F4BA"}.fa-download:before{content:"\F019"}.fa-draft2digital:before{content:"\F396"}.fa-drafting-compass:before{content:"\F568"}.fa-dragon:before{content:"\F6D5"}.fa-draw-polygon:before{content:"\F5EE"}.fa-dribbble:before{content:"\F17D"}.fa-dribbble-square:before{content:"\F397"}.fa-dropbox:before{content:"\F16B"}.fa-drum:before{content:"\F569"}.fa-drum-steelpan:before{content:"\F56A"}.fa-drumstick-bite:before{content:"\F6D7"}.fa-drupal:before{content:"\F1A9"}.fa-dumbbell:before{content:"\F44B"}.fa-dumpster:before{content:"\F793"}.fa-dumpster-fire:before{content:"\F794"}.fa-dungeon:before{content:"\F6D9"}.fa-dyalog:before{content:"\F399"}.fa-earlybirds:before{content:"\F39A"}.fa-ebay:before{content:"\F4F4"}.fa-edge:before{content:"\F282"}.fa-edit:before{content:"\F044"}.fa-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-arrows-alt:before{content:"\F31E"}.fa-expeditedssl:before{content:"\F23E"}.fa-external-link-alt:before{content:"\F35D"}.fa-external-link-square-alt:before{content:"\F360"}.fa-eye:before{content:"\F06E"}.fa-eye-dropper:before{content:"\F1FB"}.fa-eye-slash:before{content:"\F070"}.fa-facebook:before{content:"\F09A"}.fa-facebook-f:before{content:"\F39E"}.fa-facebook-messenger:before{content:"\F39F"}.fa-facebook-square:before{content:"\F082"}.fa-fantasy-flight-games:before{content:"\F6DC"}.fa-fast-backward:before{content:"\F049"}.fa-fast-forward:before{content:"\F050"}.fa-fax:before{content:"\F1AC"}.fa-feather:before{content:"\F52D"}.fa-feather-alt:before{content:"\F56B"}.fa-fedex:before{content:"\F797"}.fa-fedora:before{content:"\F798"}.fa-female:before{content:"\F182"}.fa-fighter-jet:before{content:"\F0FB"}.fa-figma:before{content:"\F799"}.fa-file:before{content:"\F15B"}.fa-file-alt:before{content:"\F15C"}.fa-file-archive:before{content:"\F1C6"}.fa-file-audio:before{content:"\F1C7"}.fa-file-code:before{content:"\F1C9"}.fa-file-contract:before{content:"\F56C"}.fa-file-csv:before{content:"\F6DD"}.fa-file-download:before{content:"\F56D"}.fa-file-excel:before{content:"\F1C3"}.fa-file-export:before{content:"\F56E"}.fa-file-image:before{content:"\F1C5"}.fa-file-import:before{content:"\F56F"}.fa-file-invoice:before{content:"\F570"}.fa-file-invoice-dollar:before{content:"\F571"}.fa-file-medical:before{content:"\F477"}.fa-file-medical-alt:before{content:"\F478"}.fa-file-pdf:before{content:"\F1C1"}.fa-file-powerpoint:before{content:"\F1C4"}.fa-file-prescription:before{content:"\F572"}.fa-file-signature:before{content:"\F573"}.fa-file-upload:before{content:"\F574"}.fa-file-video:before{content:"\F1C8"}.fa-file-word:before{content:"\F1C2"}.fa-fill:before{content:"\F575"}.fa-fill-drip:before{content:"\F576"}.fa-film:before{content:"\F008"}.fa-filter:before{content:"\F0B0"}.fa-fingerprint:before{content:"\F577"}.fa-fire:before{content:"\F06D"}.fa-fire-alt:before{content:"\F7E4"}.fa-fire-extinguisher:before{content:"\F134"}.fa-firefox:before{content:"\F269"}.fa-first-aid:before{content:"\F479"}.fa-first-order:before{content:"\F2B0"}.fa-first-order-alt:before{content:"\F50A"}.fa-firstdraft:before{content:"\F3A1"}.fa-fish:before{content:"\F578"}.fa-fist-raised:before{content:"\F6DE"}.fa-flag:before{content:"\F024"}.fa-flag-checkered:before{content:"\F11E"}.fa-flag-usa:before{content:"\F74D"}.fa-flask:before{content:"\F0C3"}.fa-flickr:before{content:"\F16E"}.fa-flipboard:before{content:"\F44D"}.fa-flushed:before{content:"\F579"}.fa-fly:before{content:"\F417"}.fa-folder:before{content:"\F07B"}.fa-folder-minus:before{content:"\F65D"}.fa-folder-open:before{content:"\F07C"}.fa-folder-plus:before{content:"\F65E"}.fa-font:before{content:"\F031"}.fa-font-awesome:before{content:"\F2B4"}.fa-font-awesome-alt:before{content:"\F35C"}.fa-font-awesome-flag:before{content:"\F425"}.fa-font-awesome-logo-full:before{content:"\F4E6"}.fa-fonticons:before{content:"\F280"}.fa-fonticons-fi:before{content:"\F3A2"}.fa-football-ball:before{content:"\F44E"}.fa-fort-awesome:before{content:"\F286"}.fa-fort-awesome-alt:before{content:"\F3A3"}.fa-forumbee:before{content:"\F211"}.fa-forward:before{content:"\F04E"}.fa-foursquare:before{content:"\F180"}.fa-free-code-camp:before{content:"\F2C5"}.fa-freebsd:before{content:"\F3A4"}.fa-frog:before{content:"\F52E"}.fa-frown:before{content:"\F119"}.fa-frown-open:before{content:"\F57A"}.fa-fulcrum:before{content:"\F50B"}.fa-funnel-dollar:before{content:"\F662"}.fa-futbol:before{content:"\F1E3"}.fa-galactic-republic:before{content:"\F50C"}.fa-galactic-senate:before{content:"\F50D"}.fa-gamepad:before{content:"\F11B"}.fa-gas-pump:before{content:"\F52F"}.fa-gavel:before{content:"\F0E3"}.fa-gem:before{content:"\F3A5"}.fa-genderless:before{content:"\F22D"}.fa-get-pocket:before{content:"\F265"}.fa-gg:before{content:"\F260"}.fa-gg-circle:before{content:"\F261"}.fa-ghost:before{content:"\F6E2"}.fa-gift:before{content:"\F06B"}.fa-gifts:before{content:"\F79C"}.fa-git:before{content:"\F1D3"}.fa-git-square:before{content:"\F1D2"}.fa-github:before{content:"\F09B"}.fa-github-alt:before{content:"\F113"}.fa-github-square:before{content:"\F092"}.fa-gitkraken:before{content:"\F3A6"}.fa-gitlab:before{content:"\F296"}.fa-gitter:before{content:"\F426"}.fa-glass-cheers:before{content:"\F79F"}.fa-glass-martini:before{content:"\F000"}.fa-glass-martini-alt:before{content:"\F57B"}.fa-glass-whiskey:before{content:"\F7A0"}.fa-glasses:before{content:"\F530"}.fa-glide:before{content:"\F2A5"}.fa-glide-g:before{content:"\F2A6"}.fa-globe:before{content:"\F0AC"}.fa-globe-africa:before{content:"\F57C"}.fa-globe-americas:before{content:"\F57D"}.fa-globe-asia:before{content:"\F57E"}.fa-globe-europe:before{content:"\F7A2"}.fa-gofore:before{content:"\F3A7"}.fa-golf-ball:before{content:"\F450"}.fa-goodreads:before{content:"\F3A8"}.fa-goodreads-g:before{content:"\F3A9"}.fa-google:before{content:"\F1A0"}.fa-google-drive:before{content:"\F3AA"}.fa-google-play:before{content:"\F3AB"}.fa-google-plus:before{content:"\F2B3"}.fa-google-plus-g:before{content:"\F0D5"}.fa-google-plus-square:before{content:"\F0D4"}.fa-google-wallet:before{content:"\F1EE"}.fa-gopuram:before{content:"\F664"}.fa-graduation-cap:before{content:"\F19D"}.fa-gratipay:before{content:"\F184"}.fa-grav:before{content:"\F2D6"}.fa-greater-than:before{content:"\F531"}.fa-greater-than-equal:before{content:"\F532"}.fa-grimace:before{content:"\F57F"}.fa-grin:before{content:"\F580"}.fa-grin-alt:before{content:"\F581"}.fa-grin-beam:before{content:"\F582"}.fa-grin-beam-sweat:before{content:"\F583"}.fa-grin-hearts:before{content:"\F584"}.fa-grin-squint:before{content:"\F585"}.fa-grin-squint-tears:before{content:"\F586"}.fa-grin-stars:before{content:"\F587"}.fa-grin-tears:before{content:"\F588"}.fa-grin-tongue:before{content:"\F589"}.fa-grin-tongue-squint:before{content:"\F58A"}.fa-grin-tongue-wink:before{content:"\F58B"}.fa-grin-wink:before{content:"\F58C"}.fa-grip-horizontal:before{content:"\F58D"}.fa-grip-lines:before{content:"\F7A4"}.fa-grip-lines-vertical:before{content:"\F7A5"}.fa-grip-vertical:before{content:"\F58E"}.fa-gripfire:before{content:"\F3AC"}.fa-grunt:before{content:"\F3AD"}.fa-guitar:before{content:"\F7A6"}.fa-gulp:before{content:"\F3AE"}.fa-h-square:before{content:"\F0FD"}.fa-hacker-news:before{content:"\F1D4"}.fa-hacker-news-square:before{content:"\F3AF"}.fa-hackerrank:before{content:"\F5F7"}.fa-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-usd:before{content:"\F4C0"}.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-spock:before{content:"\F259"}.fa-hands:before{content:"\F4C2"}.fa-hands-helping:before{content:"\F4C4"}.fa-handshake:before{content:"\F2B5"}.fa-hanukiah:before{content:"\F6E6"}.fa-hard-hat:before{content:"\F807"}.fa-hashtag:before{content:"\F292"}.fa-hat-wizard:before{content:"\F6E8"}.fa-haykal:before{content:"\F666"}.fa-hdd:before{content:"\F0A0"}.fa-heading:before{content:"\F1DC"}.fa-headphones:before{content:"\F025"}.fa-headphones-alt:before{content:"\F58F"}.fa-headset:before{content:"\F590"}.fa-heart:before{content:"\F004"}.fa-heart-broken:before{content:"\F7A9"}.fa-heartbeat:before{content:"\F21E"}.fa-helicopter:before{content:"\F533"}.fa-highlighter:before{content:"\F591"}.fa-hiking:before{content:"\F6EC"}.fa-hippo:before{content:"\F6ED"}.fa-hips:before{content:"\F452"}.fa-hire-a-helper:before{content:"\F3B0"}.fa-history:before{content:"\F1DA"}.fa-hockey-puck:before{content:"\F453"}.fa-holly-berry:before{content:"\F7AA"}.fa-home:before{content:"\F015"}.fa-hooli:before{content:"\F427"}.fa-hornbill:before{content:"\F592"}.fa-horse:before{content:"\F6F0"}.fa-horse-head:before{content:"\F7AB"}.fa-hospital:before{content:"\F0F8"}.fa-hospital-alt:before{content:"\F47D"}.fa-hospital-symbol:before{content:"\F47E"}.fa-hot-tub:before{content:"\F593"}.fa-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-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-id-badge:before{content:"\F2C1"}.fa-id-card:before{content:"\F2C2"}.fa-id-card-alt:before{content:"\F47F"}.fa-igloo:before{content:"\F7AE"}.fa-image:before{content:"\F03E"}.fa-images:before{content:"\F302"}.fa-imdb:before{content:"\F2D8"}.fa-inbox:before{content:"\F01C"}.fa-indent:before{content:"\F03C"}.fa-industry:before{content:"\F275"}.fa-infinity:before{content:"\F534"}.fa-info:before{content:"\F129"}.fa-info-circle:before{content:"\F05A"}.fa-instagram:before{content:"\F16D"}.fa-intercom:before{content:"\F7AF"}.fa-internet-explorer:before{content:"\F26B"}.fa-invision:before{content:"\F7B0"}.fa-ioxhost:before{content:"\F208"}.fa-italic:before{content:"\F033"}.fa-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-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-lyft:before{content:"\F3C3"}.fa-magento:before{content:"\F3C4"}.fa-magic:before{content:"\F0D0"}.fa-magnet:before{content:"\F076"}.fa-mail-bulk:before{content:"\F674"}.fa-mailchimp:before{content:"\F59E"}.fa-male:before{content:"\F183"}.fa-mandalorian:before{content:"\F50F"}.fa-map:before{content:"\F279"}.fa-map-marked:before{content:"\F59F"}.fa-map-marked-alt:before{content:"\F5A0"}.fa-map-marker:before{content:"\F041"}.fa-map-marker-alt:before{content:"\F3C5"}.fa-map-pin:before{content:"\F276"}.fa-map-signs:before{content:"\F277"}.fa-markdown:before{content:"\F60F"}.fa-marker:before{content:"\F5A1"}.fa-mars:before{content:"\F222"}.fa-mars-double:before{content:"\F227"}.fa-mars-stroke:before{content:"\F229"}.fa-mars-stroke-h:before{content:"\F22B"}.fa-mars-stroke-v:before{content:"\F22A"}.fa-mask:before{content:"\F6FA"}.fa-mastodon:before{content:"\F4F6"}.fa-maxcdn:before{content:"\F136"}.fa-medal:before{content:"\F5A2"}.fa-medapps:before{content:"\F3C6"}.fa-medium:before{content:"\F23A"}.fa-medium-m:before{content:"\F3C7"}.fa-medkit:before{content:"\F0FA"}.fa-medrt:before{content:"\F3C8"}.fa-meetup:before{content:"\F2E0"}.fa-megaport:before{content:"\F5A3"}.fa-meh:before{content:"\F11A"}.fa-meh-blank:before{content:"\F5A4"}.fa-meh-rolling-eyes:before{content:"\F5A5"}.fa-memory:before{content:"\F538"}.fa-mendeley:before{content:"\F7B3"}.fa-menorah:before{content:"\F676"}.fa-mercury:before{content:"\F223"}.fa-meteor:before{content:"\F753"}.fa-microchip:before{content:"\F2DB"}.fa-microphone:before{content:"\F130"}.fa-microphone-alt:before{content:"\F3C9"}.fa-microphone-alt-slash:before{content:"\F539"}.fa-microphone-slash:before{content:"\F131"}.fa-microscope:before{content:"\F610"}.fa-microsoft:before{content:"\F3CA"}.fa-minus:before{content:"\F068"}.fa-minus-circle:before{content:"\F056"}.fa-minus-square:before{content:"\F146"}.fa-mitten:before{content:"\F7B5"}.fa-mix:before{content:"\F3CB"}.fa-mixcloud:before{content:"\F289"}.fa-mizuni:before{content:"\F3CC"}.fa-mobile:before{content:"\F10B"}.fa-mobile-alt:before{content:"\F3CD"}.fa-modx:before{content:"\F285"}.fa-monero:before{content:"\F3D0"}.fa-money-bill:before{content:"\F0D6"}.fa-money-bill-alt:before{content:"\F3D1"}.fa-money-bill-wave:before{content:"\F53A"}.fa-money-bill-wave-alt:before{content:"\F53B"}.fa-money-check:before{content:"\F53C"}.fa-money-check-alt:before{content:"\F53D"}.fa-monument:before{content:"\F5A6"}.fa-moon:before{content:"\F186"}.fa-mortar-pestle:before{content:"\F5A7"}.fa-mosque:before{content:"\F678"}.fa-motorcycle:before{content:"\F21C"}.fa-mountain:before{content:"\F6FC"}.fa-mouse-pointer:before{content:"\F245"}.fa-mug-hot:before{content:"\F7B6"}.fa-music:before{content:"\F001"}.fa-napster:before{content:"\F3D2"}.fa-neos:before{content:"\F612"}.fa-network-wired:before{content:"\F6FF"}.fa-neuter:before{content:"\F22C"}.fa-newspaper:before{content:"\F1EA"}.fa-nimblr:before{content:"\F5A8"}.fa-nintendo-switch:before{content:"\F418"}.fa-node:before{content:"\F419"}.fa-node-js:before{content:"\F3D3"}.fa-not-equal:before{content:"\F53E"}.fa-notes-medical:before{content:"\F481"}.fa-npm:before{content:"\F3D4"}.fa-ns8:before{content:"\F3D5"}.fa-nutritionix:before{content:"\F3D6"}.fa-object-group:before{content:"\F247"}.fa-object-ungroup:before{content:"\F248"}.fa-odnoklassniki:before{content:"\F263"}.fa-odnoklassniki-square:before{content:"\F264"}.fa-oil-can:before{content:"\F613"}.fa-old-republic:before{content:"\F510"}.fa-om:before{content:"\F679"}.fa-opencart:before{content:"\F23D"}.fa-openid:before{content:"\F19B"}.fa-opera:before{content:"\F26A"}.fa-optin-monster:before{content:"\F23C"}.fa-osi:before{content:"\F41A"}.fa-otter:before{content:"\F700"}.fa-outdent:before{content:"\F03B"}.fa-page4:before{content:"\F3D7"}.fa-pagelines:before{content:"\F18C"}.fa-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-carry:before{content:"\F4CE"}.fa-pepper-hot:before{content:"\F816"}.fa-percent:before{content:"\F295"}.fa-percentage:before{content:"\F541"}.fa-periscope:before{content:"\F3DA"}.fa-person-booth:before{content:"\F756"}.fa-phabricator:before{content:"\F3DB"}.fa-phoenix-framework:before{content:"\F3DC"}.fa-phoenix-squadron:before{content:"\F511"}.fa-phone:before{content:"\F095"}.fa-phone-slash:before{content:"\F3DD"}.fa-phone-square:before{content:"\F098"}.fa-phone-volume:before{content:"\F2A0"}.fa-php:before{content:"\F457"}.fa-pied-piper:before{content:"\F2AE"}.fa-pied-piper-alt:before{content:"\F1A8"}.fa-pied-piper-hat:before{content:"\F4E5"}.fa-pied-piper-pp:before{content:"\F1A7"}.fa-piggy-bank:before{content:"\F4D3"}.fa-pills:before{content:"\F484"}.fa-pinterest:before{content:"\F0D2"}.fa-pinterest-p:before{content:"\F231"}.fa-pinterest-square:before{content:"\F0D3"}.fa-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-play:before{content:"\F04B"}.fa-play-circle:before{content:"\F144"}.fa-playstation:before{content:"\F3DF"}.fa-plug:before{content:"\F1E6"}.fa-plus:before{content:"\F067"}.fa-plus-circle:before{content:"\F055"}.fa-plus-square:before{content:"\F0FE"}.fa-podcast:before{content:"\F2CE"}.fa-poll:before{content:"\F681"}.fa-poll-h:before{content:"\F682"}.fa-poo:before{content:"\F2FE"}.fa-poo-storm:before{content:"\F75A"}.fa-poop:before{content:"\F619"}.fa-portrait:before{content:"\F3E0"}.fa-pound-sign:before{content:"\F154"}.fa-power-off:before{content:"\F011"}.fa-pray:before{content:"\F683"}.fa-praying-hands:before{content:"\F684"}.fa-prescription:before{content:"\F5B1"}.fa-prescription-bottle:before{content:"\F485"}.fa-prescription-bottle-alt:before{content:"\F486"}.fa-print:before{content:"\F02F"}.fa-procedures:before{content:"\F487"}.fa-product-hunt:before{content:"\F288"}.fa-project-diagram:before{content:"\F542"}.fa-pushed:before{content:"\F3E1"}.fa-puzzle-piece:before{content:"\F12E"}.fa-python:before{content:"\F3E2"}.fa-qq:before{content:"\F1D6"}.fa-qrcode:before{content:"\F029"}.fa-question:before{content:"\F128"}.fa-question-circle:before{content:"\F059"}.fa-quidditch:before{content:"\F458"}.fa-quinscape:before{content:"\F459"}.fa-quora:before{content:"\F2C4"}.fa-quote-left:before{content:"\F10D"}.fa-quote-right:before{content:"\F10E"}.fa-quran:before{content:"\F687"}.fa-r-project:before{content:"\F4F7"}.fa-radiation:before{content:"\F7B9"}.fa-radiation-alt:before{content:"\F7BA"}.fa-rainbow:before{content:"\F75B"}.fa-random:before{content:"\F074"}.fa-raspberry-pi:before{content:"\F7BB"}.fa-ravelry:before{content:"\F2D9"}.fa-react:before{content:"\F41B"}.fa-reacteurope:before{content:"\F75D"}.fa-readme:before{content:"\F4D5"}.fa-rebel:before{content:"\F1D0"}.fa-receipt:before{content:"\F543"}.fa-recycle:before{content:"\F1B8"}.fa-red-river:before{content:"\F3E3"}.fa-reddit:before{content:"\F1A1"}.fa-reddit-alien:before{content:"\F281"}.fa-reddit-square:before{content:"\F1A2"}.fa-redhat:before{content:"\F7BC"}.fa-redo:before{content:"\F01E"}.fa-redo-alt:before{content:"\F2F9"}.fa-registered:before{content:"\F25D"}.fa-renren:before{content:"\F18B"}.fa-reply:before{content:"\F3E5"}.fa-reply-all:before{content:"\F122"}.fa-replyd:before{content:"\F3E6"}.fa-republican:before{content:"\F75E"}.fa-researchgate:before{content:"\F4F8"}.fa-resolving:before{content:"\F3E7"}.fa-restroom:before{content:"\F7BD"}.fa-retweet:before{content:"\F079"}.fa-rev:before{content:"\F5B2"}.fa-ribbon:before{content:"\F4D6"}.fa-ring:before{content:"\F70B"}.fa-road:before{content:"\F018"}.fa-robot:before{content:"\F544"}.fa-rocket:before{content:"\F135"}.fa-rocketchat:before{content:"\F3E8"}.fa-rockrms:before{content:"\F3E9"}.fa-route:before{content:"\F4D7"}.fa-rss:before{content:"\F09E"}.fa-rss-square:before{content:"\F143"}.fa-ruble-sign:before{content:"\F158"}.fa-ruler:before{content:"\F545"}.fa-ruler-combined:before{content:"\F546"}.fa-ruler-horizontal:before{content:"\F547"}.fa-ruler-vertical:before{content:"\F548"}.fa-running:before{content:"\F70C"}.fa-rupee-sign:before{content:"\F156"}.fa-sad-cry:before{content:"\F5B3"}.fa-sad-tear:before{content:"\F5B4"}.fa-safari:before{content:"\F267"}.fa-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-ship:before{content:"\F21A"}.fa-shipping-fast:before{content:"\F48B"}.fa-shirtsinbulk:before{content:"\F214"}.fa-shoe-prints:before{content:"\F54B"}.fa-shopping-bag:before{content:"\F290"}.fa-shopping-basket:before{content:"\F291"}.fa-shopping-cart:before{content:"\F07A"}.fa-shopware:before{content:"\F5B5"}.fa-shower:before{content:"\F2CC"}.fa-shuttle-van:before{content:"\F5B6"}.fa-sign:before{content:"\F4D9"}.fa-sign-in-alt:before{content:"\F2F6"}.fa-sign-language:before{content:"\F2A7"}.fa-sign-out-alt:before{content:"\F2F5"}.fa-signal:before{content:"\F012"}.fa-signature:before{content:"\F5B7"}.fa-sim-card:before{content:"\F7C4"}.fa-simplybuilt:before{content:"\F215"}.fa-sistrix:before{content:"\F3EE"}.fa-sitemap:before{content:"\F0E8"}.fa-sith:before{content:"\F512"}.fa-skating:before{content:"\F7C5"}.fa-sketch:before{content:"\F7C6"}.fa-skiing:before{content:"\F7C9"}.fa-skiing-nordic:before{content:"\F7CA"}.fa-skull:before{content:"\F54C"}.fa-skull-crossbones:before{content:"\F714"}.fa-skyatlas:before{content:"\F216"}.fa-skype:before{content:"\F17E"}.fa-slack:before{content:"\F198"}.fa-slack-hash:before{content:"\F3EF"}.fa-slash:before{content:"\F715"}.fa-sleigh:before{content:"\F7CC"}.fa-sliders-h:before{content:"\F1DE"}.fa-slideshare:before{content:"\F1E7"}.fa-smile:before{content:"\F118"}.fa-smile-beam:before{content:"\F5B8"}.fa-smile-wink:before{content:"\F4DA"}.fa-smog:before{content:"\F75F"}.fa-smoking:before{content:"\F48D"}.fa-smoking-ban:before{content:"\F54D"}.fa-sms:before{content:"\F7CD"}.fa-snapchat:before{content:"\F2AB"}.fa-snapchat-ghost:before{content:"\F2AC"}.fa-snapchat-square:before{content:"\F2AD"}.fa-snowboarding:before{content:"\F7CE"}.fa-snowflake:before{content:"\F2DC"}.fa-snowman:before{content:"\F7D0"}.fa-snowplow:before{content:"\F7D2"}.fa-socks:before{content:"\F696"}.fa-solar-panel:before{content:"\F5BA"}.fa-sort:before{content:"\F0DC"}.fa-sort-alpha-down:before{content:"\F15D"}.fa-sort-alpha-up:before{content:"\F15E"}.fa-sort-amount-down:before{content:"\F160"}.fa-sort-amount-up:before{content:"\F161"}.fa-sort-down:before{content:"\F0DD"}.fa-sort-numeric-down:before{content:"\F162"}.fa-sort-numeric-up:before{content:"\F163"}.fa-sort-up:before{content:"\F0DE"}.fa-soundcloud:before{content:"\F1BE"}.fa-sourcetree:before{content:"\F7D3"}.fa-spa:before{content:"\F5BB"}.fa-space-shuttle:before{content:"\F197"}.fa-speakap:before{content:"\F3F3"}.fa-speaker-deck:before{content:"\F83C"}.fa-spider:before{content:"\F717"}.fa-spinner:before{content:"\F110"}.fa-splotch:before{content:"\F5BC"}.fa-spotify:before{content:"\F1BC"}.fa-spray-can:before{content:"\F5BD"}.fa-square:before{content:"\F0C8"}.fa-square-full:before{content:"\F45C"}.fa-square-root-alt:before{content:"\F698"}.fa-squarespace:before{content:"\F5BE"}.fa-stack-exchange:before{content:"\F18D"}.fa-stack-overflow:before{content:"\F16C"}.fa-stamp:before{content:"\F5BF"}.fa-star:before{content:"\F005"}.fa-star-and-crescent:before{content:"\F699"}.fa-star-half:before{content:"\F089"}.fa-star-half-alt:before{content:"\F5C0"}.fa-star-of-david:before{content:"\F69A"}.fa-star-of-life:before{content:"\F621"}.fa-staylinked:before{content:"\F3F5"}.fa-steam:before{content:"\F1B6"}.fa-steam-square:before{content:"\F1B7"}.fa-steam-symbol:before{content:"\F3F6"}.fa-step-backward:before{content:"\F048"}.fa-step-forward:before{content:"\F051"}.fa-stethoscope:before{content:"\F0F1"}.fa-sticker-mule:before{content:"\F3F7"}.fa-sticky-note:before{content:"\F249"}.fa-stop:before{content:"\F04D"}.fa-stop-circle:before{content:"\F28D"}.fa-stopwatch:before{content:"\F2F2"}.fa-store:before{content:"\F54E"}.fa-store-alt:before{content:"\F54F"}.fa-strava:before{content:"\F428"}.fa-stream:before{content:"\F550"}.fa-street-view:before{content:"\F21D"}.fa-strikethrough:before{content:"\F0CC"}.fa-stripe:before{content:"\F429"}.fa-stripe-s:before{content:"\F42A"}.fa-stroopwafel:before{content:"\F551"}.fa-studiovinari:before{content:"\F3F8"}.fa-stumbleupon:before{content:"\F1A4"}.fa-stumbleupon-circle:before{content:"\F1A3"}.fa-subscript:before{content:"\F12C"}.fa-subway:before{content:"\F239"}.fa-suitcase:before{content:"\F0F2"}.fa-suitcase-rolling:before{content:"\F5C1"}.fa-sun:before{content:"\F185"}.fa-superpowers:before{content:"\F2DD"}.fa-superscript:before{content:"\F12B"}.fa-supple:before{content:"\F3F9"}.fa-surprise:before{content:"\F5C2"}.fa-suse:before{content:"\F7D6"}.fa-swatchbook:before{content:"\F5C3"}.fa-swimmer:before{content:"\F5C4"}.fa-swimming-pool:before{content:"\F5C5"}.fa-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-times:before{content:"\F00D"}.fa-times-circle:before{content:"\F057"}.fa-tint:before{content:"\F043"}.fa-tint-slash:before{content:"\F5C7"}.fa-tired:before{content:"\F5C8"}.fa-toggle-off:before{content:"\F204"}.fa-toggle-on:before{content:"\F205"}.fa-toilet:before{content:"\F7D8"}.fa-toilet-paper:before{content:"\F71E"}.fa-toolbox:before{content:"\F552"}.fa-tools:before{content:"\F7D9"}.fa-tooth:before{content:"\F5C9"}.fa-torah:before{content:"\F6A0"}.fa-torii-gate:before{content:"\F6A1"}.fa-tractor:before{content:"\F722"}.fa-trade-federation:before{content:"\F513"}.fa-trademark:before{content:"\F25C"}.fa-traffic-light:before{content:"\F637"}.fa-train:before{content:"\F238"}.fa-tram:before{content:"\F7DA"}.fa-transgender:before{content:"\F224"}.fa-transgender-alt:before{content:"\F225"}.fa-trash:before{content:"\F1F8"}.fa-trash-alt:before{content:"\F2ED"}.fa-trash-restore:before{content:"\F829"}.fa-trash-restore-alt:before{content:"\F82A"}.fa-tree:before{content:"\F1BB"}.fa-trello:before{content:"\F181"}.fa-tripadvisor:before{content:"\F262"}.fa-trophy:before{content:"\F091"}.fa-truck:before{content:"\F0D1"}.fa-truck-loading:before{content:"\F4DE"}.fa-truck-monster:before{content:"\F63B"}.fa-truck-moving:before{content:"\F4DF"}.fa-truck-pickup:before{content:"\F63C"}.fa-tshirt:before{content:"\F553"}.fa-tty:before{content:"\F1E4"}.fa-tumblr:before{content:"\F173"}.fa-tumblr-square:before{content:"\F174"}.fa-tv:before{content:"\F26C"}.fa-twitch:before{content:"\F1E8"}.fa-twitter:before{content:"\F099"}.fa-twitter-square:before{content:"\F081"}.fa-typo3:before{content:"\F42B"}.fa-uber:before{content:"\F402"}.fa-ubuntu:before{content:"\F7DF"}.fa-uikit:before{content:"\F403"}.fa-umbrella:before{content:"\F0E9"}.fa-umbrella-beach:before{content:"\F5CA"}.fa-underline:before{content:"\F0CD"}.fa-undo:before{content:"\F0E2"}.fa-undo-alt:before{content:"\F2EA"}.fa-uniregistry:before{content:"\F404"}.fa-universal-access:before{content:"\F29A"}.fa-university:before{content:"\F19C"}.fa-unlink:before{content:"\F127"}.fa-unlock:before{content:"\F09C"}.fa-unlock-alt:before{content:"\F13E"}.fa-untappd:before{content:"\F405"}.fa-upload:before{content:"\F093"}.fa-ups:before{content:"\F7E0"}.fa-usb:before{content:"\F287"}.fa-user:before{content:"\F007"}.fa-user-alt:before{content:"\F406"}.fa-user-alt-slash:before{content:"\F4FA"}.fa-user-astronaut:before{content:"\F4FB"}.fa-user-check:before{content:"\F4FC"}.fa-user-circle:before{content:"\F2BD"}.fa-user-clock:before{content:"\F4FD"}.fa-user-cog:before{content:"\F4FE"}.fa-user-edit:before{content:"\F4FF"}.fa-user-friends:before{content:"\F500"}.fa-user-graduate:before{content:"\F501"}.fa-user-injured:before{content:"\F728"}.fa-user-lock:before{content:"\F502"}.fa-user-md:before{content:"\F0F0"}.fa-user-minus:before{content:"\F503"}.fa-user-ninja:before{content:"\F504"}.fa-user-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-usps:before{content:"\F7E1"}.fa-ussunnah:before{content:"\F407"}.fa-utensil-spoon:before{content:"\F2E5"}.fa-utensils:before{content:"\F2E7"}.fa-vaadin:before{content:"\F408"}.fa-vector-square:before{content:"\F5CB"}.fa-venus:before{content:"\F221"}.fa-venus-double:before{content:"\F226"}.fa-venus-mars:before{content:"\F228"}.fa-viacoin:before{content:"\F237"}.fa-viadeo:before{content:"\F2A9"}.fa-viadeo-square:before{content:"\F2AA"}.fa-vial:before{content:"\F492"}.fa-vials:before{content:"\F493"}.fa-viber:before{content:"\F409"}.fa-video:before{content:"\F03D"}.fa-video-slash:before{content:"\F4E2"}.fa-vihara:before{content:"\F6A7"}.fa-vimeo:before{content:"\F40A"}.fa-vimeo-square:before{content:"\F194"}.fa-vimeo-v:before{content:"\F27D"}.fa-vine:before{content:"\F1CA"}.fa-vk:before{content:"\F189"}.fa-vnv:before{content:"\F40B"}.fa-volleyball-ball:before{content:"\F45F"}.fa-volume-down:before{content:"\F027"}.fa-volume-mute:before{content:"\F6A9"}.fa-volume-off:before{content:"\F026"}.fa-volume-up:before{content:"\F028"}.fa-vote-yea:before{content:"\F772"}.fa-vr-cardboard:before{content:"\F729"}.fa-vuejs:before{content:"\F41F"}.fa-walking:before{content:"\F554"}.fa-wallet:before{content:"\F555"}.fa-warehouse:before{content:"\F494"}.fa-water:before{content:"\F773"}.fa-wave-square:before{content:"\F83E"}.fa-waze:before{content:"\F83F"}.fa-weebly:before{content:"\F5CC"}.fa-weibo:before{content:"\F18A"}.fa-weight:before{content:"\F496"}.fa-weight-hanging:before{content:"\F5CD"}.fa-weixin:before{content:"\F1D7"}.fa-whatsapp:before{content:"\F232"}.fa-whatsapp-square:before{content:"\F40C"}.fa-wheelchair:before{content:"\F193"}.fa-whmcs:before{content:"\F40D"}.fa-wifi:before{content:"\F1EB"}.fa-wikipedia-w:before{content:"\F266"}.fa-wind:before{content:"\F72E"}.fa-window-close:before{content:"\F410"}.fa-window-maximize:before{content:"\F2D0"}.fa-window-minimize:before{content:"\F2D1"}.fa-window-restore:before{content:"\F2D2"}.fa-windows:before{content:"\F17A"}.fa-wine-bottle:before{content:"\F72F"}.fa-wine-glass:before{content:"\F4E3"}.fa-wine-glass-alt:before{content:"\F5CE"}.fa-wix:before{content:"\F5CF"}.fa-wizards-of-the-coast:before{content:"\F730"}.fa-wolf-pack-battalion:before{content:"\F514"}.fa-won-sign:before{content:"\F159"}.fa-wordpress:before{content:"\F19A"}.fa-wordpress-simple:before{content:"\F411"}.fa-wpbeginner:before{content:"\F297"}.fa-wpexplorer:before{content:"\F2DE"}.fa-wpforms:before{content:"\F298"}.fa-wpressr:before{content:"\F3E4"}.fa-wrench:before{content:"\F0AD"}.fa-x-ray:before{content:"\F497"}.fa-xbox:before{content:"\F412"}.fa-xing:before{content:"\F168"}.fa-xing-square:before{content:"\F169"}.fa-y-combinator:before{content:"\F23B"}.fa-yahoo:before{content:"\F19E"}.fa-yammer:before{content:"\F840"}.fa-yandex:before{content:"\F413"}.fa-yandex-international:before{content:"\F414"}.fa-yarn:before{content:"\F7E3"}.fa-yelp:before{content:"\F1E9"}.fa-yen-sign:before{content:"\F157"}.fa-yin-yang:before{content:"\F6AD"}.fa-yoast:before{content:"\F2B1"}.fa-youtube:before{content:"\F167"}.fa-youtube-square:before{content:"\F431"}.fa-zhihu:before{content:"\F63F"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(/fonts/fa-brands-400.eot?a7b95dbdd87e0c809570affaf366a434);src:url(/fonts/fa-brands-400.eot?a7b95dbdd87e0c809570affaf366a434?#iefix) format("embedded-opentype"),url(/fonts/fa-brands-400.woff2?5e2f92123d241cabecf0b289b9b08d4a) format("woff2"),url(/fonts/fa-brands-400.woff?2ef8ba3410dcc71578a880e7064acd7a) format("woff"),url(/fonts/fa-brands-400.ttf?98b6db59be947f563350d2284fc9ea36) format("truetype"),url(/fonts/fa-brands-400.svg?5bf145531213545e03ff41cd27df7d2b#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(/fonts/fa-regular-400.eot?dcce4b7fbd5e895561e18af4668265af);src:url(/fonts/fa-regular-400.eot?dcce4b7fbd5e895561e18af4668265af?#iefix) format("embedded-opentype"),url(/fonts/fa-regular-400.woff2?e6257a726a0cf6ec8c6fec22821c055f) format("woff2"),url(/fonts/fa-regular-400.woff?427d721b86fc9c68b2e85ad42b69238c) format("woff"),url(/fonts/fa-regular-400.ttf?65b9977aa23185e8964b36eddbce7a20) format("truetype"),url(/fonts/fa-regular-400.svg?5eb754ab7dbd2fee562360528db4c3c0#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(/fonts/fa-solid-900.eot?46e7cec623d8bd790d9fdbc8de2d3ee7);src:url(/fonts/fa-solid-900.eot?46e7cec623d8bd790d9fdbc8de2d3ee7?#iefix) format("embedded-opentype"),url(/fonts/fa-solid-900.woff2?418dad87601f9c8abd0e5798c0dc1feb) format("woff2"),url(/fonts/fa-solid-900.woff?a7140145ebaaf5fb14e40430af5d25c4) format("woff"),url(/fonts/fa-solid-900.ttf?ff8d9f8adb0d09f11d4816a152672f53) format("truetype"),url(/fonts/fa-solid-900.svg?49279363201ed19a840796e05a74a91b#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}/* * HS Mega Menu - jQuery Plugin * @version: 1.0.0 (Sun, 26 Feb 2017) * * @license: * * Copyright 2017 HtmlStream * */ .hs-menu-initialized { position: relative; z-index: 10; } .hs-menu-initialized .animated { -webkit-animation-duration: 300ms; animation-duration: 300ms; } .hs-overflow-x-locked { overflow-x: hidden; } .hs-sub-menu, .hs-mega-menu { display: none; position: absolute; left: 0; top: 100%; z-index: 2; margin-top: -.002rem; visibility: hidden; background-color: #fff; opacity: 1 !important; } .hs-sub-menu-opened > .hs-sub-menu, .hs-mega-menu-opened > .hs-mega-menu { visibility: visible; opacity: 1; } .hs-sub-menu { min-width: 180px; } .hs-has-sub-menu { overflow: hidden; position: relative; } .hs-sub-menu-opened { overflow: visible; } .hs-sub-menu .hs-sub-menu, .hs-mega-menu .hs-sub-menu, .hs-sub-menu .hs-mega-menu, .hs-mega-menu .hs-mega-menu { top: 0; left: 100%; margin-top: 0; } /*------------------------------------ Vertical Direction ------------------------------------*/ .hs-menu-vertical .hs-sub-menu, .hs-menu-vertical .hs-mega-menu { top: 0; left: 100%; margin-top: 0; } .hs-menu-vertical .hs-sub-menu { width: auto; } .hs-menu-vertical .hs-mega-menu { height: 100%; } /*------------------------------------ Mobile state ------------------------------------*/ .hs-mobile-state .hs-sub-menu, .hs-mobile-state .hs-mega-menu { position: static; visibility: visible; } .hs-mobile-state .hs-has-mega-menu[data-max-width] > .hs-mega-menu, .hs-mobile-state .hs-has-sub-menu[data-max-width] > .hs-sub-menu { max-width: initial !important; } /*------------------------------------ RTL ------------------------------------*/ .hs-menu-initialized.hs-rtl { direction: rtl; unicode-bidi: embed; } .hs-menu-initialized.hs-rtl .hs-sub-menu, .hs-menu-initialized.hs-rtl .hs-mega-menu { left: auto; right: 0; } .hs-menu-initialized.hs-rtl .hs-sub-menu .hs-sub-menu, .hs-menu-initialized.hs-rtl .hs-mega-menu .hs-sub-menu, .hs-menu-initialized.hs-rtl .hs-sub-menu .hs-mega-menu, .hs-menu-initialized.hs-rtl .hs-mega-menu .hs-mega-menu { left: auto; right: 100%; } /*------------------------------------ Smart Position ------------------------------------*/ .hs-menu-initialized:not(.hs-mobile-state) .hs-sub-menu.hs-reversed, .hs-menu-initialized:not(.hs-mobile-state) .hs-mega-menu.hs-reversed { left: auto; right: 0; } .hs-menu-initialized:not(.hs-mobile-state) .hs-sub-menu .hs-sub-menu.hs-reversed, .hs-menu-initialized:not(.hs-mobile-state) .hs-mega-menu .hs-sub-menu.hs-reversed, .hs-menu-initialized:not(.hs-mobile-state) .hs-sub-menu .hs-mega-menu.hs-reversed, .hs-menu-initialized:not(.hs-mobile-state) .hs-mega-menu .hs-mega-menu.hs-reversed { left: auto; right: 100%; } .hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-sub-menu.hs-reversed, .hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-mega-menu.hs-reversed { right: auto; left: 0; } .hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-sub-menu .hs-sub-menu.hs-reversed, .hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-mega-menu .hs-sub-menu.hs-reversed, .hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-sub-menu .hs-mega-menu.hs-reversed, .hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-mega-menu .hs-mega-menu.hs-reversed { right: auto; left: 100%; } /*------------------------------------ Positions (only 'horizontal' direction) ------------------------------------*/ .hs-menu-initialized.hs-menu-horizontal .hs-mega-menu.hs-position-left { left: 0; right: auto; } .hs-menu-initialized.hs-menu-horizontal .hs-mega-menu.hs-position-right { left: auto; right: 0; } .hs-menu-initialized.hs-menu-horizontal .hs-mega-menu.hs-position-center { right: auto; left: 50%; transform: translate(-50%, 0); } @charset "UTF-8"; /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{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%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;transform-origin:center}@-webkit-keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{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{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(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{0%{transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{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{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{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{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;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:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}/* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/images/vendor/malihu-custom-scrollbar-plugin/mCSB_buttons.png?3a8a4582fe1dbc77086eccca317c459e); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /*! * Bootstrap-select v1.13.18 (https://developer.snapappointments.com/bootstrap-select) * * Copyright 2012-2020 SnapAppointments, LLC * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE) */@-webkit-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@-o-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\0;vertical-align:middle}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(255,255,255,.5)}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#28a745}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto}:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0}.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}.form-inline .bootstrap-select .form-control{width:100%}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,.5)!important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\A0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}@charset "UTF-8"; @font-face { font-family: "font-electro"; src: url(/fonts/font-electro.eot?f73f50068797f110ae798259f953bed1); src: url(/fonts/font-electro.eot?f73f50068797f110ae798259f953bed1) format("embedded-opentype"), url(/fonts/font-electro.woff?9b2f99f18869f448ba8f2d6c7af416e6) format("woff"), url(/fonts/font-electro.ttf?3563831036c2f99be6cc8fc281632cbd) format("truetype"), url(/fonts/font-electro.svg?8639cda4935ba48b1ee452696ce8f2c6) format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "font-electro" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^=icon-]:before, [class*=" icon-"]:before { font-family: "font-electro" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ec { display: inline-block; font: normal normal normal 14px/1 font-electro; font-size: inherit; text-rendering: auto; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ec-menu:before { content: "a"; } .ec-list-view-medium:before { content: "b"; } .ec-transport:before { content: "c"; } .ec-add-to-cart:before { content: "d"; } .ec-arrow-right-categproes:before { content: "e"; } .ec-comment:before { content: "f"; } .ec-compare:before { content: "g"; } .ec-customers:before { content: "h"; } .ec-dollar:before { content: "i"; } .ec-favorites:before { content: "j"; } .ec-grid-view:before { content: "k"; } .ec-list-view:before { content: "l"; } .ec-blog-likes:before { content: "m"; } .ec-phone:before { content: "n"; } .ec-returning:before { content: "o"; } .ec-search:before { content: "p"; } .ec-shopping-bag:before { content: "q"; } .ec-support:before { content: "r"; } .ec-tag:before { content: "s"; } .ec-thing-arrow-right:before { content: "t"; } .ec-user:before { content: "u"; } .ec-category-icon:before { content: "v"; } .ec-mail:before { content: "w"; } .ec-map-pointer:before { content: "x"; } .ec-newsletter:before { content: "y"; } .ec-close-remove:before { content: "z"; } .ec-payment:before { content: "A"; } .ec-arrow-down-search:before { content: "B"; } .ec-list-view-small:before { content: "C"; } .ec-cameras:before { content: "D"; } .ec-drone:before { content: "E"; } .ec-gamepad:before { content: "F"; } .ec-headphones:before { content: "G"; } .ec-laptop:before { content: "H"; } .ec-printer:before { content: "I"; } .ec-smartphones:before { content: "J"; } .ec-smartwatch:before { content: "K"; } .ec-speaker:before { content: "L"; } .ec-tvs:before { content: "M"; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*------------------------------------ Variables ------------------------------------*/ /* EOC */ /*! * Bootstrap v4.5.3 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --blue: #0062bd; --indigo: #2d1582; --purple: #6f42c1; --pink: #e83e8c; --red: #ee0000; --orange: #fd7e14; --yellow: #fed700; --green: #5cb85c; --teal: #00c9a7; --cyan: #34bcec; --white: #fff; --gray: #8c98a4; --gray-dark: #343a40; --primary: #F21818; --secondary: #77838f; --success: #00c9a7; --info: #00dffc; --warning: #ffc107; --danger: #de4437; --light: #f8f9fa; --dark: #333e48; --cyan: #34bcec; --sale: #df3737; --black: #000000; --green: #5cb85c; --red: #ee0000; --gray-1: #f5f5f5; --gray-2: #383838; --gray-3: #eeeeee; --gray-4: #e6e6e6; --gray-5: #878787; --gray-6: #848484; --gray-7: #f9f9f9; --gray-8: #7b8186; --gray-9: #8f8f8f; --gray-13: #f8f8f8; --gray-14: #eaeaea; --gray-15: #9d9c9c; --gray-16: #606060; --gray-17: #ecedf2; --gray-18: #333e484d; --white: #fff; --indigo: #2d1582; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-wd: 1480px; --font-family-sans-serif: "Open Sans", Helvetica, Arial, sans-serif; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #333e48; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1.875rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 600; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #F21818; text-decoration: none; background-color: transparent; } a:hover { color: #333e48; text-decoration: none; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: rgba(0, 0, 0, 0.2); text-align: left; caption-side: bottom; } th { font-weight: 700; text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 300; line-height: 1.5; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.09375rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid #e7eaf3; } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1rem; } .blockquote-footer { display: block; font-size: 80%; color: #8c98a4; } .blockquote-footer::before { content: "\2014\A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #e7eaf3; border-radius: 0.3125rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #8c98a4; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #1e2022; border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #1e2022; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-wd, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1200px; } } @media (min-width: 1480px) { .container-wd, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1430px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-wd, .col-wd-auto, .col-wd-12, .col-wd-11, .col-wd-10, .col-wd-9, .col-wd-8, .col-wd-7, .col-wd-6, .col-wd-5, .col-wd-4, .col-wd-3, .col-wd-2, .col-wd-1, .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } @media (min-width: 1480px) { .col-wd { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-wd-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-wd-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-wd-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-wd-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-wd-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-wd-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-wd-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-wd-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-wd-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-wd-3 { flex: 0 0 25%; max-width: 25%; } .col-wd-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-wd-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-wd-6 { flex: 0 0 50%; max-width: 50%; } .col-wd-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-wd-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-wd-9 { flex: 0 0 75%; max-width: 75%; } .col-wd-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-wd-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-wd-12 { flex: 0 0 100%; max-width: 100%; } .order-wd-first { order: -1; } .order-wd-last { order: 13; } .order-wd-0 { order: 0; } .order-wd-1 { order: 1; } .order-wd-2 { order: 2; } .order-wd-3 { order: 3; } .order-wd-4 { order: 4; } .order-wd-5 { order: 5; } .order-wd-6 { order: 6; } .order-wd-7 { order: 7; } .order-wd-8 { order: 8; } .order-wd-9 { order: 9; } .order-wd-10 { order: 10; } .order-wd-11 { order: 11; } .order-wd-12 { order: 12; } .offset-wd-0 { margin-left: 0; } .offset-wd-1 { margin-left: 8.3333333333%; } .offset-wd-2 { margin-left: 16.6666666667%; } .offset-wd-3 { margin-left: 25%; } .offset-wd-4 { margin-left: 33.3333333333%; } .offset-wd-5 { margin-left: 41.6666666667%; } .offset-wd-6 { margin-left: 50%; } .offset-wd-7 { margin-left: 58.3333333333%; } .offset-wd-8 { margin-left: 66.6666666667%; } .offset-wd-9 { margin-left: 75%; } .offset-wd-10 { margin-left: 83.3333333333%; } .offset-wd-11 { margin-left: 91.6666666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #333e48; } .table th, .table td { padding: 0.5rem; vertical-align: top; border-top: 1px solid #ecedf2; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #ecedf2; } .table tbody + tbody { border-top: 2px solid #ecedf2; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #ecedf2; } .table-bordered th, .table-bordered td { border: 1px solid #ecedf2; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: #f8fafd; } .table-hover tbody tr:hover { color: #333e48; background-color: rgba(231, 234, 243, 0.4); } .table-primary, .table-primary > th, .table-primary > td { background-color: #fbbebe; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #f88787; } .table-hover .table-primary:hover { background-color: #faa6a6; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #faa6a6; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d9dce0; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b8bfc5; } .table-hover .table-secondary:hover { background-color: #cbcfd5; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #cbcfd5; } .table-success, .table-success > th, .table-success > td { background-color: #b8f0e6; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #7ae3d1; } .table-hover .table-success:hover { background-color: #a3ecdf; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #a3ecdf; } .table-info, .table-info > th, .table-info > td { background-color: #b8f6fe; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #7aeefd; } .table-hover .table-info:hover { background-color: #9ff3fe; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #9ff3fe; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f6cbc7; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ee9e97; } .table-hover .table-danger:hover { background-color: #f2b7b1; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f2b7b1; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c9cc; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #959ba0; } .table-hover .table-dark:hover { background-color: #b9bcc0; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bcc0; } .table-cyan, .table-cyan > th, .table-cyan > td { background-color: #c6ecfa; } .table-cyan th, .table-cyan td, .table-cyan thead th, .table-cyan tbody + tbody { border-color: #95dcf5; } .table-hover .table-cyan:hover { background-color: #afe4f8; } .table-hover .table-cyan:hover > td, .table-hover .table-cyan:hover > th { background-color: #afe4f8; } .table-sale, .table-sale > th, .table-sale > td { background-color: #f6c7c7; } .table-sale th, .table-sale td, .table-sale thead th, .table-sale tbody + tbody { border-color: #ee9797; } .table-hover .table-sale:hover { background-color: #f2b1b1; } .table-hover .table-sale:hover > td, .table-hover .table-sale:hover > th { background-color: #f2b1b1; } .table-black, .table-black > th, .table-black > td { background-color: #b8b8b8; } .table-black th, .table-black td, .table-black thead th, .table-black tbody + tbody { border-color: #7a7a7a; } .table-hover .table-black:hover { background-color: #ababab; } .table-hover .table-black:hover > td, .table-hover .table-black:hover > th { background-color: #ababab; } .table-green, .table-green > th, .table-green > td { background-color: #d1ebd1; } .table-green th, .table-green td, .table-green thead th, .table-green tbody + tbody { border-color: #aadaaa; } .table-hover .table-green:hover { background-color: #bfe3bf; } .table-hover .table-green:hover > td, .table-hover .table-green:hover > th { background-color: #bfe3bf; } .table-red, .table-red > th, .table-red > td { background-color: #fab8b8; } .table-red th, .table-red td, .table-red thead th, .table-red tbody + tbody { border-color: #f67a7a; } .table-hover .table-red:hover { background-color: #f8a0a0; } .table-hover .table-red:hover > td, .table-hover .table-red:hover > th { background-color: #f8a0a0; } .table-gray-1, .table-gray-1 > th, .table-gray-1 > td { background-color: #fcfcfc; } .table-gray-1 th, .table-gray-1 td, .table-gray-1 thead th, .table-gray-1 tbody + tbody { border-color: #fafafa; } .table-hover .table-gray-1:hover { background-color: #efefef; } .table-hover .table-gray-1:hover > td, .table-hover .table-gray-1:hover > th { background-color: #efefef; } .table-gray-2, .table-gray-2 > th, .table-gray-2 > td { background-color: #c7c7c7; } .table-gray-2 th, .table-gray-2 td, .table-gray-2 thead th, .table-gray-2 tbody + tbody { border-color: #989898; } .table-hover .table-gray-2:hover { background-color: #bababa; } .table-hover .table-gray-2:hover > td, .table-hover .table-gray-2:hover > th { background-color: #bababa; } .table-gray-3, .table-gray-3 > th, .table-gray-3 > td { background-color: #fafafa; } .table-gray-3 th, .table-gray-3 td, .table-gray-3 thead th, .table-gray-3 tbody + tbody { border-color: #f6f6f6; } .table-hover .table-gray-3:hover { background-color: #ededed; } .table-hover .table-gray-3:hover > td, .table-hover .table-gray-3:hover > th { background-color: #ededed; } .table-gray-4, .table-gray-4 > th, .table-gray-4 > td { background-color: #f8f8f8; } .table-gray-4 th, .table-gray-4 td, .table-gray-4 thead th, .table-gray-4 tbody + tbody { border-color: #f2f2f2; } .table-hover .table-gray-4:hover { background-color: #ebebeb; } .table-hover .table-gray-4:hover > td, .table-hover .table-gray-4:hover > th { background-color: #ebebeb; } .table-gray-5, .table-gray-5 > th, .table-gray-5 > td { background-color: #dddddd; } .table-gray-5 th, .table-gray-5 td, .table-gray-5 thead th, .table-gray-5 tbody + tbody { border-color: #c1c1c1; } .table-hover .table-gray-5:hover { background-color: #d0d0d0; } .table-hover .table-gray-5:hover > td, .table-hover .table-gray-5:hover > th { background-color: #d0d0d0; } .table-gray-6, .table-gray-6 > th, .table-gray-6 > td { background-color: #dddddd; } .table-gray-6 th, .table-gray-6 td, .table-gray-6 thead th, .table-gray-6 tbody + tbody { border-color: #bfbfbf; } .table-hover .table-gray-6:hover { background-color: #d0d0d0; } .table-hover .table-gray-6:hover > td, .table-hover .table-gray-6:hover > th { background-color: #d0d0d0; } .table-gray-7, .table-gray-7 > th, .table-gray-7 > td { background-color: #fdfdfd; } .table-gray-7 th, .table-gray-7 td, .table-gray-7 thead th, .table-gray-7 tbody + tbody { border-color: #fcfcfc; } .table-hover .table-gray-7:hover { background-color: #f0f0f0; } .table-hover .table-gray-7:hover > td, .table-hover .table-gray-7:hover > th { background-color: #f0f0f0; } .table-gray-8, .table-gray-8 > th, .table-gray-8 > td { background-color: #dadcdd; } .table-gray-8 th, .table-gray-8 td, .table-gray-8 thead th, .table-gray-8 tbody + tbody { border-color: #babdc0; } .table-hover .table-gray-8:hover { background-color: #cdcfd1; } .table-hover .table-gray-8:hover > td, .table-hover .table-gray-8:hover > th { background-color: #cdcfd1; } .table-gray-9, .table-gray-9 > th, .table-gray-9 > td { background-color: #e0e0e0; } .table-gray-9 th, .table-gray-9 td, .table-gray-9 thead th, .table-gray-9 tbody + tbody { border-color: #c5c5c5; } .table-hover .table-gray-9:hover { background-color: lightgray; } .table-hover .table-gray-9:hover > td, .table-hover .table-gray-9:hover > th { background-color: lightgray; } .table-gray-13, .table-gray-13 > th, .table-gray-13 > td { background-color: #fdfdfd; } .table-gray-13 th, .table-gray-13 td, .table-gray-13 thead th, .table-gray-13 tbody + tbody { border-color: #fbfbfb; } .table-hover .table-gray-13:hover { background-color: #f0f0f0; } .table-hover .table-gray-13:hover > td, .table-hover .table-gray-13:hover > th { background-color: #f0f0f0; } .table-gray-14, .table-gray-14 > th, .table-gray-14 > td { background-color: #f9f9f9; } .table-gray-14 th, .table-gray-14 td, .table-gray-14 thead th, .table-gray-14 tbody + tbody { border-color: #f4f4f4; } .table-hover .table-gray-14:hover { background-color: #ececec; } .table-hover .table-gray-14:hover > td, .table-hover .table-gray-14:hover > th { background-color: #ececec; } .table-gray-15, .table-gray-15 > th, .table-gray-15 > td { background-color: #e4e3e3; } .table-gray-15 th, .table-gray-15 td, .table-gray-15 thead th, .table-gray-15 tbody + tbody { border-color: #cccccc; } .table-hover .table-gray-15:hover { background-color: #d7d6d6; } .table-hover .table-gray-15:hover > td, .table-hover .table-gray-15:hover > th { background-color: #d7d6d6; } .table-gray-16, .table-gray-16 > th, .table-gray-16 > td { background-color: #d2d2d2; } .table-gray-16 th, .table-gray-16 td, .table-gray-16 thead th, .table-gray-16 tbody + tbody { border-color: #acacac; } .table-hover .table-gray-16:hover { background-color: #c5c5c5; } .table-hover .table-gray-16:hover > td, .table-hover .table-gray-16:hover > th { background-color: #c5c5c5; } .table-gray-17, .table-gray-17 > th, .table-gray-17 > td { background-color: #fafafb; } .table-gray-17 th, .table-gray-17 td, .table-gray-17 thead th, .table-gray-17 tbody + tbody { border-color: #f5f6f8; } .table-hover .table-gray-17:hover { background-color: #ececf0; } .table-hover .table-gray-17:hover > td, .table-hover .table-gray-17:hover > th { background-color: #ececf0; } .table-gray-18, .table-gray-18 > th, .table-gray-18 > td { background-color: rgba(242, 243, 243, 0.8045490196); } .table-gray-18 th, .table-gray-18 td, .table-gray-18 thead th, .table-gray-18 tbody + tbody { border-color: rgba(222, 224, 225, 0.6370196078); } .table-hover .table-gray-18:hover { background-color: rgba(229, 231, 231, 0.8045490196); } .table-hover .table-gray-18:hover > td, .table-hover .table-gray-18:hover > th { background-color: rgba(229, 231, 231, 0.8045490196); } .table-white, .table-white > th, .table-white > td { background-color: white; } .table-white th, .table-white td, .table-white thead th, .table-white tbody + tbody { border-color: white; } .table-hover .table-white:hover { background-color: #f2f2f2; } .table-hover .table-white:hover > td, .table-hover .table-white:hover > th { background-color: #f2f2f2; } .table-indigo, .table-indigo > th, .table-indigo > td { background-color: #c4bddc; } .table-indigo th, .table-indigo td, .table-indigo thead th, .table-indigo tbody + tbody { border-color: #9285be; } .table-hover .table-indigo:hover { background-color: #b5acd3; } .table-hover .table-indigo:hover > td, .table-hover .table-indigo:hover > th { background-color: #b5acd3; } .table-active, .table-active > th, .table-active > td { background-color: rgba(231, 234, 243, 0.4); } .table-hover .table-active:hover { background-color: rgba(214, 219, 235, 0.4); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(214, 219, 235, 0.4); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #77838f; background-color: #f8fafd; border-color: #ecedf2; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } @media (max-width: 1479.98px) { .table-responsive-wd { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-wd > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 1.34rem + 2px); padding: 0.67rem 1rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #818181; background-color: #fff; background-clip: padding-box; border: 1px solid #dddddd; border-radius: 1.4rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #818181; } .form-control:focus { color: #818181; background-color: #fff; border-color: #66afe9; outline: 0; box-shadow: none; } .form-control::-moz-placeholder { color: #818181; opacity: 1; } .form-control:-ms-input-placeholder { color: #818181; opacity: 1; } .form-control::placeholder { color: #818181; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #f8fafd; opacity: 1; } input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.form-control:focus::-ms-value { color: #818181; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.67rem + 1px); padding-bottom: calc(0.67rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(1.125rem + 1px); padding-bottom: calc(1.125rem + 1px); font-size: 1.09375rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.625rem + 1px); padding-bottom: calc(0.625rem + 1px); font-size: 0.765625rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.67rem 0; margin-bottom: 0; font-size: 0.875rem; line-height: 1.5; color: #333e48; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 1.25rem + 2px); padding: 0.625rem 1.125rem; font-size: 0.765625rem; line-height: 1.5; border-radius: 1.3rem; } .form-control-lg { height: calc(1.5em + 2.25rem + 2px); padding: 1.125rem 1.125rem; font-size: 1.09375rem; line-height: 1.5; border-radius: 2rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: rgba(0, 0, 0, 0.2); } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #00c9a7; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.765625rem; line-height: 1.5; color: #fff; background-color: #00c9a7; border-radius: 0.3125rem; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #00c9a7; padding-right: calc(1.5em + 1.34rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2300c9a7' d='M2.3 6.73L.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-repeat: no-repeat; background-position: right calc(0.375em + 0.335rem) center; background-size: calc(0.75em + 0.67rem) calc(0.75em + 0.67rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #00c9a7; box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 1.34rem); background-position: top calc(0.375em + 0.335rem) right calc(0.375em + 0.335rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #00c9a7; padding-right: calc(0.75em + 3.125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2300c9a7' d='M2.3 6.73L.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") #fff no-repeat center right 2rem/calc(0.75em + 0.67rem) calc(0.75em + 0.67rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #00c9a7; box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #00c9a7; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #00c9a7; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #00c9a7; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #00fcd1; background-color: #00fcd1; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #00c9a7; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #00c9a7; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #00c9a7; box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #de4437; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.765625rem; line-height: 1.5; color: #fff; background-color: #de4437; border-radius: 0.3125rem; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #de4437; padding-right: calc(1.5em + 1.34rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23de4437' viewBox='0 0 12 12'%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='%23de4437' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.335rem) center; background-size: calc(0.75em + 0.67rem) calc(0.75em + 0.67rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #de4437; box-shadow: 0 0 0 0.2rem rgba(222, 68, 55, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 1.34rem); background-position: top calc(0.375em + 0.335rem) right calc(0.375em + 0.335rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #de4437; padding-right: calc(0.75em + 3.125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23de4437' viewBox='0 0 12 12'%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='%23de4437' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 2rem/calc(0.75em + 0.67rem) calc(0.75em + 0.67rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #de4437; box-shadow: 0 0 0 0.2rem rgba(222, 68, 55, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #de4437; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #de4437; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #de4437; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e56d63; background-color: #e56d63; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(222, 68, 55, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #de4437; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #de4437; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #de4437; box-shadow: 0 0 0 0.2rem rgba(222, 68, 55, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 700; color: #333e48; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.67rem 1rem; font-size: 0.875rem; line-height: 1.5; border-radius: 1.4rem; transition: all 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #333e48; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(242, 24, 24, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #F21818; border-color: #F21818; } .btn-primary:hover { color: #fff; background-color: #d80c0c; border-color: #cc0b0b; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #d80c0c; border-color: #cc0b0b; box-shadow: 0 0 0 0.2rem rgba(244, 59, 59, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #F21818; border-color: #F21818; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #cc0b0b; border-color: #bf0b0b; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(244, 59, 59, 0.5); } .btn-secondary { color: #fff; background-color: #77838f; border-color: #77838f; } .btn-secondary:hover { color: #fff; background-color: #65707b; border-color: #5f6a74; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #65707b; border-color: #5f6a74; box-shadow: 0 0 0 0.2rem rgba(139, 150, 160, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #77838f; border-color: #77838f; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #5f6a74; border-color: #5a636d; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(139, 150, 160, 0.5); } .btn-success { color: #fff; background-color: #00c9a7; border-color: #00c9a7; } .btn-success:hover { color: #fff; background-color: #00a387; border-color: #00967d; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #00a387; border-color: #00967d; box-shadow: 0 0 0 0.2rem rgba(38, 209, 180, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #00c9a7; border-color: #00c9a7; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #00967d; border-color: #008972; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 209, 180, 0.5); } .btn-info { color: #1e2022; background-color: #00dffc; border-color: #00dffc; } .btn-info:hover { color: #fff; background-color: #00bdd6; border-color: #00b2c9; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #00bdd6; border-color: #00b2c9; box-shadow: 0 0 0 0.2rem rgba(5, 194, 219, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #1e2022; background-color: #00dffc; border-color: #00dffc; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #00b2c9; border-color: #00a7bc; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(5, 194, 219, 0.5); } .btn-warning { color: #1e2022; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #1e2022; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { color: #1e2022; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(221, 169, 11, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #1e2022; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #1e2022; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(221, 169, 11, 0.5); } .btn-danger { color: #fff; background-color: #de4437; border-color: #de4437; } .btn-danger:hover { color: #fff; background-color: #cd2f22; border-color: #c22d20; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #cd2f22; border-color: #c22d20; box-shadow: 0 0 0 0.2rem rgba(227, 96, 85, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #de4437; border-color: #de4437; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #c22d20; border-color: #b72a1e; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(227, 96, 85, 0.5); } .btn-light { color: #1e2022; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #1e2022; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #1e2022; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(215, 216, 218, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #1e2022; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #1e2022; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(215, 216, 218, 0.5); } .btn-dark { color: #fff; background-color: #333e48; border-color: #333e48; } .btn-dark:hover { color: #fff; background-color: #232b32; border-color: #1e242a; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #232b32; border-color: #1e242a; box-shadow: 0 0 0 0.2rem rgba(82, 91, 99, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #333e48; border-color: #333e48; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1e242a; border-color: #191e23; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 91, 99, 0.5); } .btn-cyan { color: #1e2022; background-color: #34bcec; border-color: #34bcec; } .btn-cyan:hover { color: #fff; background-color: #15aee4; border-color: #14a5d9; } .btn-cyan:focus, .btn-cyan.focus { color: #fff; background-color: #15aee4; border-color: #14a5d9; box-shadow: 0 0 0 0.2rem rgba(49, 165, 206, 0.5); } .btn-cyan.disabled, .btn-cyan:disabled { color: #1e2022; background-color: #34bcec; border-color: #34bcec; } .btn-cyan:not(:disabled):not(.disabled):active, .btn-cyan:not(:disabled):not(.disabled).active, .show > .btn-cyan.dropdown-toggle { color: #fff; background-color: #14a5d9; border-color: #139dcd; } .btn-cyan:not(:disabled):not(.disabled):active:focus, .btn-cyan:not(:disabled):not(.disabled).active:focus, .show > .btn-cyan.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(49, 165, 206, 0.5); } .btn-sale { color: #fff; background-color: #df3737; border-color: #df3737; } .btn-sale:hover { color: #fff; background-color: #cf2121; border-color: #c41f1f; } .btn-sale:focus, .btn-sale.focus { color: #fff; background-color: #cf2121; border-color: #c41f1f; box-shadow: 0 0 0 0.2rem rgba(228, 85, 85, 0.5); } .btn-sale.disabled, .btn-sale:disabled { color: #fff; background-color: #df3737; border-color: #df3737; } .btn-sale:not(:disabled):not(.disabled):active, .btn-sale:not(:disabled):not(.disabled).active, .show > .btn-sale.dropdown-toggle { color: #fff; background-color: #c41f1f; border-color: #b91e1e; } .btn-sale:not(:disabled):not(.disabled):active:focus, .btn-sale:not(:disabled):not(.disabled).active:focus, .show > .btn-sale.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(228, 85, 85, 0.5); } .btn-black { color: #fff; background-color: #000000; border-color: #000000; } .btn-black:hover { color: #fff; background-color: black; border-color: black; } .btn-black:focus, .btn-black.focus { color: #fff; background-color: black; border-color: black; box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); } .btn-black.disabled, .btn-black:disabled { color: #fff; background-color: #000000; border-color: #000000; } .btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { color: #fff; background-color: black; border-color: black; } .btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); } .btn-green { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-green:hover { color: #fff; background-color: #48a648; border-color: #449d44; } .btn-green:focus, .btn-green.focus { color: #fff; background-color: #48a648; border-color: #449d44; box-shadow: 0 0 0 0.2rem rgba(116, 195, 116, 0.5); } .btn-green.disabled, .btn-green:disabled { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active, .show > .btn-green.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #409440; } .btn-green:not(:disabled):not(.disabled):active:focus, .btn-green:not(:disabled):not(.disabled).active:focus, .show > .btn-green.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(116, 195, 116, 0.5); } .btn-red { color: #fff; background-color: #ee0000; border-color: #ee0000; } .btn-red:hover { color: #fff; background-color: #c80000; border-color: #bb0000; } .btn-red:focus, .btn-red.focus { color: #fff; background-color: #c80000; border-color: #bb0000; box-shadow: 0 0 0 0.2rem rgba(241, 38, 38, 0.5); } .btn-red.disabled, .btn-red:disabled { color: #fff; background-color: #ee0000; border-color: #ee0000; } .btn-red:not(:disabled):not(.disabled):active, .btn-red:not(:disabled):not(.disabled).active, .show > .btn-red.dropdown-toggle { color: #fff; background-color: #bb0000; border-color: #ae0000; } .btn-red:not(:disabled):not(.disabled):active:focus, .btn-red:not(:disabled):not(.disabled).active:focus, .show > .btn-red.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(241, 38, 38, 0.5); } .btn-gray-1 { color: #1e2022; background-color: #f5f5f5; border-color: #f5f5f5; } .btn-gray-1:hover { color: #1e2022; background-color: #e2e2e2; border-color: gainsboro; } .btn-gray-1:focus, .btn-gray-1.focus { color: #1e2022; background-color: #e2e2e2; border-color: gainsboro; box-shadow: 0 0 0 0.2rem rgba(213, 213, 213, 0.5); } .btn-gray-1.disabled, .btn-gray-1:disabled { color: #1e2022; background-color: #f5f5f5; border-color: #f5f5f5; } .btn-gray-1:not(:disabled):not(.disabled):active, .btn-gray-1:not(:disabled):not(.disabled).active, .show > .btn-gray-1.dropdown-toggle { color: #1e2022; background-color: gainsboro; border-color: #d5d5d5; } .btn-gray-1:not(:disabled):not(.disabled):active:focus, .btn-gray-1:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-1.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(213, 213, 213, 0.5); } .btn-gray-2 { color: #fff; background-color: #383838; border-color: #383838; } .btn-gray-2:hover { color: #fff; background-color: #252525; border-color: #1f1f1f; } .btn-gray-2:focus, .btn-gray-2.focus { color: #fff; background-color: #252525; border-color: #1f1f1f; box-shadow: 0 0 0 0.2rem rgba(86, 86, 86, 0.5); } .btn-gray-2.disabled, .btn-gray-2:disabled { color: #fff; background-color: #383838; border-color: #383838; } .btn-gray-2:not(:disabled):not(.disabled):active, .btn-gray-2:not(:disabled):not(.disabled).active, .show > .btn-gray-2.dropdown-toggle { color: #fff; background-color: #1f1f1f; border-color: #181818; } .btn-gray-2:not(:disabled):not(.disabled):active:focus, .btn-gray-2:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-2.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(86, 86, 86, 0.5); } .btn-gray-3 { color: #1e2022; background-color: #eeeeee; border-color: #eeeeee; } .btn-gray-3:hover { color: #1e2022; background-color: #dbdbdb; border-color: #d5d5d5; } .btn-gray-3:focus, .btn-gray-3.focus { color: #1e2022; background-color: #dbdbdb; border-color: #d5d5d5; box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); } .btn-gray-3.disabled, .btn-gray-3:disabled { color: #1e2022; background-color: #eeeeee; border-color: #eeeeee; } .btn-gray-3:not(:disabled):not(.disabled):active, .btn-gray-3:not(:disabled):not(.disabled).active, .show > .btn-gray-3.dropdown-toggle { color: #1e2022; background-color: #d5d5d5; border-color: #cecece; } .btn-gray-3:not(:disabled):not(.disabled):active:focus, .btn-gray-3:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-3.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(207, 207, 207, 0.5); } .btn-gray-4 { color: #1e2022; background-color: #e6e6e6; border-color: #e6e6e6; } .btn-gray-4:hover { color: #1e2022; background-color: lightgray; border-color: #cdcdcd; } .btn-gray-4:focus, .btn-gray-4.focus { color: #1e2022; background-color: lightgray; border-color: #cdcdcd; box-shadow: 0 0 0 0.2rem rgba(200, 200, 201, 0.5); } .btn-gray-4.disabled, .btn-gray-4:disabled { color: #1e2022; background-color: #e6e6e6; border-color: #e6e6e6; } .btn-gray-4:not(:disabled):not(.disabled):active, .btn-gray-4:not(:disabled):not(.disabled).active, .show > .btn-gray-4.dropdown-toggle { color: #1e2022; background-color: #cdcdcd; border-color: #c6c6c6; } .btn-gray-4:not(:disabled):not(.disabled):active:focus, .btn-gray-4:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-4.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(200, 200, 201, 0.5); } .btn-gray-5 { color: #fff; background-color: #878787; border-color: #878787; } .btn-gray-5:hover { color: #fff; background-color: #747474; border-color: #6e6e6e; } .btn-gray-5:focus, .btn-gray-5.focus { color: #fff; background-color: #747474; border-color: #6e6e6e; box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.5); } .btn-gray-5.disabled, .btn-gray-5:disabled { color: #fff; background-color: #878787; border-color: #878787; } .btn-gray-5:not(:disabled):not(.disabled):active, .btn-gray-5:not(:disabled):not(.disabled).active, .show > .btn-gray-5.dropdown-toggle { color: #fff; background-color: #6e6e6e; border-color: #676767; } .btn-gray-5:not(:disabled):not(.disabled):active:focus, .btn-gray-5:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-5.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.5); } .btn-gray-6 { color: #fff; background-color: #848484; border-color: #848484; } .btn-gray-6:hover { color: #fff; background-color: #717171; border-color: #6b6b6b; } .btn-gray-6:focus, .btn-gray-6.focus { color: #fff; background-color: #717171; border-color: #6b6b6b; box-shadow: 0 0 0 0.2rem rgba(150, 150, 150, 0.5); } .btn-gray-6.disabled, .btn-gray-6:disabled { color: #fff; background-color: #848484; border-color: #848484; } .btn-gray-6:not(:disabled):not(.disabled):active, .btn-gray-6:not(:disabled):not(.disabled).active, .show > .btn-gray-6.dropdown-toggle { color: #fff; background-color: #6b6b6b; border-color: #646464; } .btn-gray-6:not(:disabled):not(.disabled):active:focus, .btn-gray-6:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-6.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(150, 150, 150, 0.5); } .btn-gray-7 { color: #1e2022; background-color: #f9f9f9; border-color: #f9f9f9; } .btn-gray-7:hover { color: #1e2022; background-color: #e6e6e6; border-color: #e0e0e0; } .btn-gray-7:focus, .btn-gray-7.focus { color: #1e2022; background-color: #e6e6e6; border-color: #e0e0e0; box-shadow: 0 0 0 0.2rem rgba(216, 216, 217, 0.5); } .btn-gray-7.disabled, .btn-gray-7:disabled { color: #1e2022; background-color: #f9f9f9; border-color: #f9f9f9; } .btn-gray-7:not(:disabled):not(.disabled):active, .btn-gray-7:not(:disabled):not(.disabled).active, .show > .btn-gray-7.dropdown-toggle { color: #1e2022; background-color: #e0e0e0; border-color: #d9d9d9; } .btn-gray-7:not(:disabled):not(.disabled):active:focus, .btn-gray-7:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-7.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 216, 217, 0.5); } .btn-gray-8 { color: #fff; background-color: #7b8186; border-color: #7b8186; } .btn-gray-8:hover { color: #fff; background-color: #696e72; border-color: #63676b; } .btn-gray-8:focus, .btn-gray-8.focus { color: #fff; background-color: #696e72; border-color: #63676b; box-shadow: 0 0 0 0.2rem rgba(143, 148, 152, 0.5); } .btn-gray-8.disabled, .btn-gray-8:disabled { color: #fff; background-color: #7b8186; border-color: #7b8186; } .btn-gray-8:not(:disabled):not(.disabled):active, .btn-gray-8:not(:disabled):not(.disabled).active, .show > .btn-gray-8.dropdown-toggle { color: #fff; background-color: #63676b; border-color: #5c6165; } .btn-gray-8:not(:disabled):not(.disabled):active:focus, .btn-gray-8:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-8.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(143, 148, 152, 0.5); } .btn-gray-9 { color: #fff; background-color: #8f8f8f; border-color: #8f8f8f; } .btn-gray-9:hover { color: #fff; background-color: #7c7c7c; border-color: #767676; } .btn-gray-9:focus, .btn-gray-9.focus { color: #fff; background-color: #7c7c7c; border-color: #767676; box-shadow: 0 0 0 0.2rem rgba(160, 160, 160, 0.5); } .btn-gray-9.disabled, .btn-gray-9:disabled { color: #fff; background-color: #8f8f8f; border-color: #8f8f8f; } .btn-gray-9:not(:disabled):not(.disabled):active, .btn-gray-9:not(:disabled):not(.disabled).active, .show > .btn-gray-9.dropdown-toggle { color: #fff; background-color: #767676; border-color: #6f6f6f; } .btn-gray-9:not(:disabled):not(.disabled):active:focus, .btn-gray-9:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-9.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(160, 160, 160, 0.5); } .btn-gray-13 { color: #1e2022; background-color: #f8f8f8; border-color: #f8f8f8; } .btn-gray-13:hover { color: #1e2022; background-color: #e5e5e5; border-color: #dfdfdf; } .btn-gray-13:focus, .btn-gray-13.focus { color: #1e2022; background-color: #e5e5e5; border-color: #dfdfdf; box-shadow: 0 0 0 0.2rem rgba(215, 216, 216, 0.5); } .btn-gray-13.disabled, .btn-gray-13:disabled { color: #1e2022; background-color: #f8f8f8; border-color: #f8f8f8; } .btn-gray-13:not(:disabled):not(.disabled):active, .btn-gray-13:not(:disabled):not(.disabled).active, .show > .btn-gray-13.dropdown-toggle { color: #1e2022; background-color: #dfdfdf; border-color: #d8d8d8; } .btn-gray-13:not(:disabled):not(.disabled):active:focus, .btn-gray-13:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-13.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(215, 216, 216, 0.5); } .btn-gray-14 { color: #1e2022; background-color: #eaeaea; border-color: #eaeaea; } .btn-gray-14:hover { color: #1e2022; background-color: #d7d7d7; border-color: #d1d1d1; } .btn-gray-14:focus, .btn-gray-14.focus { color: #1e2022; background-color: #d7d7d7; border-color: #d1d1d1; box-shadow: 0 0 0 0.2rem rgba(203, 204, 204, 0.5); } .btn-gray-14.disabled, .btn-gray-14:disabled { color: #1e2022; background-color: #eaeaea; border-color: #eaeaea; } .btn-gray-14:not(:disabled):not(.disabled):active, .btn-gray-14:not(:disabled):not(.disabled).active, .show > .btn-gray-14.dropdown-toggle { color: #1e2022; background-color: #d1d1d1; border-color: #cacaca; } .btn-gray-14:not(:disabled):not(.disabled):active:focus, .btn-gray-14:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-14.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(203, 204, 204, 0.5); } .btn-gray-15 { color: #1e2022; background-color: #9d9c9c; border-color: #9d9c9c; } .btn-gray-15:hover { color: #fff; background-color: #8a8989; border-color: #848282; } .btn-gray-15:focus, .btn-gray-15.focus { color: #fff; background-color: #8a8989; border-color: #848282; box-shadow: 0 0 0 0.2rem rgba(138, 137, 138, 0.5); } .btn-gray-15.disabled, .btn-gray-15:disabled { color: #1e2022; background-color: #9d9c9c; border-color: #9d9c9c; } .btn-gray-15:not(:disabled):not(.disabled):active, .btn-gray-15:not(:disabled):not(.disabled).active, .show > .btn-gray-15.dropdown-toggle { color: #fff; background-color: #848282; border-color: #7d7c7c; } .btn-gray-15:not(:disabled):not(.disabled):active:focus, .btn-gray-15:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-15.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(138, 137, 138, 0.5); } .btn-gray-16 { color: #fff; background-color: #606060; border-color: #606060; } .btn-gray-16:hover { color: #fff; background-color: #4d4d4d; border-color: #474747; } .btn-gray-16:focus, .btn-gray-16.focus { color: #fff; background-color: #4d4d4d; border-color: #474747; box-shadow: 0 0 0 0.2rem rgba(120, 120, 120, 0.5); } .btn-gray-16.disabled, .btn-gray-16:disabled { color: #fff; background-color: #606060; border-color: #606060; } .btn-gray-16:not(:disabled):not(.disabled):active, .btn-gray-16:not(:disabled):not(.disabled).active, .show > .btn-gray-16.dropdown-toggle { color: #fff; background-color: #474747; border-color: #404040; } .btn-gray-16:not(:disabled):not(.disabled):active:focus, .btn-gray-16:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-16.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(120, 120, 120, 0.5); } .btn-gray-17 { color: #1e2022; background-color: #ecedf2; border-color: #ecedf2; } .btn-gray-17:hover { color: #1e2022; background-color: #d5d7e2; border-color: #ced0dd; } .btn-gray-17:focus, .btn-gray-17.focus { color: #1e2022; background-color: #d5d7e2; border-color: #ced0dd; box-shadow: 0 0 0 0.2rem rgba(205, 206, 211, 0.5); } .btn-gray-17.disabled, .btn-gray-17:disabled { color: #1e2022; background-color: #ecedf2; border-color: #ecedf2; } .btn-gray-17:not(:disabled):not(.disabled):active, .btn-gray-17:not(:disabled):not(.disabled).active, .show > .btn-gray-17.dropdown-toggle { color: #1e2022; background-color: #ced0dd; border-color: #c6c9d8; } .btn-gray-17:not(:disabled):not(.disabled):active:focus, .btn-gray-17:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-17.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(205, 206, 211, 0.5); } .btn-gray-18 { color: #fff; background-color: #333e484d; border-color: #333e484d; } .btn-gray-18:hover { color: #fff; background-color: rgba(35, 43, 50, 0.3019607843); border-color: rgba(30, 36, 42, 0.3019607843); } .btn-gray-18:focus, .btn-gray-18.focus { color: #fff; background-color: rgba(35, 43, 50, 0.3019607843); border-color: rgba(30, 36, 42, 0.3019607843); box-shadow: 0 0 0 0.2rem rgba(153, 158, 163, 0.5); } .btn-gray-18.disabled, .btn-gray-18:disabled { color: #fff; background-color: #333e484d; border-color: #333e484d; } .btn-gray-18:not(:disabled):not(.disabled):active, .btn-gray-18:not(:disabled):not(.disabled).active, .show > .btn-gray-18.dropdown-toggle { color: #fff; background-color: rgba(30, 36, 42, 0.3019607843); border-color: rgba(25, 30, 35, 0.3019607843); } .btn-gray-18:not(:disabled):not(.disabled):active:focus, .btn-gray-18:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-18.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(153, 158, 163, 0.5); } .btn-white { color: #1e2022; background-color: #fff; border-color: #fff; } .btn-white:hover { color: #1e2022; background-color: #ececec; border-color: #e6e6e6; } .btn-white:focus, .btn-white.focus { color: #1e2022; background-color: #ececec; border-color: #e6e6e6; box-shadow: 0 0 0 0.2rem rgba(221, 222, 222, 0.5); } .btn-white.disabled, .btn-white:disabled { color: #1e2022; background-color: #fff; border-color: #fff; } .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { color: #1e2022; background-color: #e6e6e6; border-color: #dfdfdf; } .btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(221, 222, 222, 0.5); } .btn-indigo { color: #fff; background-color: #2d1582; border-color: #2d1582; } .btn-indigo:hover { color: #fff; background-color: #221061; border-color: #1e0e56; } .btn-indigo:focus, .btn-indigo.focus { color: #fff; background-color: #221061; border-color: #1e0e56; box-shadow: 0 0 0 0.2rem rgba(77, 56, 149, 0.5); } .btn-indigo.disabled, .btn-indigo:disabled { color: #fff; background-color: #2d1582; border-color: #2d1582; } .btn-indigo:not(:disabled):not(.disabled):active, .btn-indigo:not(:disabled):not(.disabled).active, .show > .btn-indigo.dropdown-toggle { color: #fff; background-color: #1e0e56; border-color: #1a0c4b; } .btn-indigo:not(:disabled):not(.disabled):active:focus, .btn-indigo:not(:disabled):not(.disabled).active:focus, .show > .btn-indigo.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(77, 56, 149, 0.5); } .btn-outline-primary { color: #F21818; border-color: #F21818; } .btn-outline-primary:hover { color: #fff; background-color: #F21818; border-color: #F21818; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(242, 24, 24, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #F21818; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #F21818; border-color: #F21818; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(242, 24, 24, 0.5); } .btn-outline-secondary { color: #77838f; border-color: #77838f; } .btn-outline-secondary:hover { color: #fff; background-color: #77838f; border-color: #77838f; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(119, 131, 143, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #77838f; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #77838f; border-color: #77838f; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(119, 131, 143, 0.5); } .btn-outline-success { color: #00c9a7; border-color: #00c9a7; } .btn-outline-success:hover { color: #fff; background-color: #00c9a7; border-color: #00c9a7; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #00c9a7; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #00c9a7; border-color: #00c9a7; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.5); } .btn-outline-info { color: #00dffc; border-color: #00dffc; } .btn-outline-info:hover { color: #1e2022; background-color: #00dffc; border-color: #00dffc; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(0, 223, 252, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #00dffc; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #1e2022; background-color: #00dffc; border-color: #00dffc; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 223, 252, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #1e2022; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #1e2022; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #de4437; border-color: #de4437; } .btn-outline-danger:hover { color: #fff; background-color: #de4437; border-color: #de4437; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(222, 68, 55, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #de4437; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #de4437; border-color: #de4437; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 68, 55, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #1e2022; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #1e2022; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #333e48; border-color: #333e48; } .btn-outline-dark:hover { color: #fff; background-color: #333e48; border-color: #333e48; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(51, 62, 72, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #333e48; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #333e48; border-color: #333e48; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(51, 62, 72, 0.5); } .btn-outline-cyan { color: #34bcec; border-color: #34bcec; } .btn-outline-cyan:hover { color: #1e2022; background-color: #34bcec; border-color: #34bcec; } .btn-outline-cyan:focus, .btn-outline-cyan.focus { box-shadow: 0 0 0 0.2rem rgba(52, 188, 236, 0.5); } .btn-outline-cyan.disabled, .btn-outline-cyan:disabled { color: #34bcec; background-color: transparent; } .btn-outline-cyan:not(:disabled):not(.disabled):active, .btn-outline-cyan:not(:disabled):not(.disabled).active, .show > .btn-outline-cyan.dropdown-toggle { color: #1e2022; background-color: #34bcec; border-color: #34bcec; } .btn-outline-cyan:not(:disabled):not(.disabled):active:focus, .btn-outline-cyan:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-cyan.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 188, 236, 0.5); } .btn-outline-sale { color: #df3737; border-color: #df3737; } .btn-outline-sale:hover { color: #fff; background-color: #df3737; border-color: #df3737; } .btn-outline-sale:focus, .btn-outline-sale.focus { box-shadow: 0 0 0 0.2rem rgba(223, 55, 55, 0.5); } .btn-outline-sale.disabled, .btn-outline-sale:disabled { color: #df3737; background-color: transparent; } .btn-outline-sale:not(:disabled):not(.disabled):active, .btn-outline-sale:not(:disabled):not(.disabled).active, .show > .btn-outline-sale.dropdown-toggle { color: #fff; background-color: #df3737; border-color: #df3737; } .btn-outline-sale:not(:disabled):not(.disabled):active:focus, .btn-outline-sale:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-sale.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(223, 55, 55, 0.5); } .btn-outline-black { color: #000000; border-color: #000000; } .btn-outline-black:hover { color: #fff; background-color: #000000; border-color: #000000; } .btn-outline-black:focus, .btn-outline-black.focus { box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); } .btn-outline-black.disabled, .btn-outline-black:disabled { color: #000000; background-color: transparent; } .btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { color: #fff; background-color: #000000; border-color: #000000; } .btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); } .btn-outline-green { color: #5cb85c; border-color: #5cb85c; } .btn-outline-green:hover { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-outline-green:focus, .btn-outline-green.focus { box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); } .btn-outline-green.disabled, .btn-outline-green:disabled { color: #5cb85c; background-color: transparent; } .btn-outline-green:not(:disabled):not(.disabled):active, .btn-outline-green:not(:disabled):not(.disabled).active, .show > .btn-outline-green.dropdown-toggle { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-outline-green:not(:disabled):not(.disabled):active:focus, .btn-outline-green:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-green.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); } .btn-outline-red { color: #ee0000; border-color: #ee0000; } .btn-outline-red:hover { color: #fff; background-color: #ee0000; border-color: #ee0000; } .btn-outline-red:focus, .btn-outline-red.focus { box-shadow: 0 0 0 0.2rem rgba(238, 0, 0, 0.5); } .btn-outline-red.disabled, .btn-outline-red:disabled { color: #ee0000; background-color: transparent; } .btn-outline-red:not(:disabled):not(.disabled):active, .btn-outline-red:not(:disabled):not(.disabled).active, .show > .btn-outline-red.dropdown-toggle { color: #fff; background-color: #ee0000; border-color: #ee0000; } .btn-outline-red:not(:disabled):not(.disabled):active:focus, .btn-outline-red:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-red.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(238, 0, 0, 0.5); } .btn-outline-gray-1 { color: #f5f5f5; border-color: #f5f5f5; } .btn-outline-gray-1:hover { color: #1e2022; background-color: #f5f5f5; border-color: #f5f5f5; } .btn-outline-gray-1:focus, .btn-outline-gray-1.focus { box-shadow: 0 0 0 0.2rem rgba(245, 245, 245, 0.5); } .btn-outline-gray-1.disabled, .btn-outline-gray-1:disabled { color: #f5f5f5; background-color: transparent; } .btn-outline-gray-1:not(:disabled):not(.disabled):active, .btn-outline-gray-1:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-1.dropdown-toggle { color: #1e2022; background-color: #f5f5f5; border-color: #f5f5f5; } .btn-outline-gray-1:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-1:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-1.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(245, 245, 245, 0.5); } .btn-outline-gray-2 { color: #383838; border-color: #383838; } .btn-outline-gray-2:hover { color: #fff; background-color: #383838; border-color: #383838; } .btn-outline-gray-2:focus, .btn-outline-gray-2.focus { box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); } .btn-outline-gray-2.disabled, .btn-outline-gray-2:disabled { color: #383838; background-color: transparent; } .btn-outline-gray-2:not(:disabled):not(.disabled):active, .btn-outline-gray-2:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-2.dropdown-toggle { color: #fff; background-color: #383838; border-color: #383838; } .btn-outline-gray-2:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-2:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-2.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); } .btn-outline-gray-3 { color: #eeeeee; border-color: #eeeeee; } .btn-outline-gray-3:hover { color: #1e2022; background-color: #eeeeee; border-color: #eeeeee; } .btn-outline-gray-3:focus, .btn-outline-gray-3.focus { box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.5); } .btn-outline-gray-3.disabled, .btn-outline-gray-3:disabled { color: #eeeeee; background-color: transparent; } .btn-outline-gray-3:not(:disabled):not(.disabled):active, .btn-outline-gray-3:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-3.dropdown-toggle { color: #1e2022; background-color: #eeeeee; border-color: #eeeeee; } .btn-outline-gray-3:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-3:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-3.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.5); } .btn-outline-gray-4 { color: #e6e6e6; border-color: #e6e6e6; } .btn-outline-gray-4:hover { color: #1e2022; background-color: #e6e6e6; border-color: #e6e6e6; } .btn-outline-gray-4:focus, .btn-outline-gray-4.focus { box-shadow: 0 0 0 0.2rem rgba(230, 230, 230, 0.5); } .btn-outline-gray-4.disabled, .btn-outline-gray-4:disabled { color: #e6e6e6; background-color: transparent; } .btn-outline-gray-4:not(:disabled):not(.disabled):active, .btn-outline-gray-4:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-4.dropdown-toggle { color: #1e2022; background-color: #e6e6e6; border-color: #e6e6e6; } .btn-outline-gray-4:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-4:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-4.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(230, 230, 230, 0.5); } .btn-outline-gray-5 { color: #878787; border-color: #878787; } .btn-outline-gray-5:hover { color: #fff; background-color: #878787; border-color: #878787; } .btn-outline-gray-5:focus, .btn-outline-gray-5.focus { box-shadow: 0 0 0 0.2rem rgba(135, 135, 135, 0.5); } .btn-outline-gray-5.disabled, .btn-outline-gray-5:disabled { color: #878787; background-color: transparent; } .btn-outline-gray-5:not(:disabled):not(.disabled):active, .btn-outline-gray-5:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-5.dropdown-toggle { color: #fff; background-color: #878787; border-color: #878787; } .btn-outline-gray-5:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-5:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-5.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(135, 135, 135, 0.5); } .btn-outline-gray-6 { color: #848484; border-color: #848484; } .btn-outline-gray-6:hover { color: #fff; background-color: #848484; border-color: #848484; } .btn-outline-gray-6:focus, .btn-outline-gray-6.focus { box-shadow: 0 0 0 0.2rem rgba(132, 132, 132, 0.5); } .btn-outline-gray-6.disabled, .btn-outline-gray-6:disabled { color: #848484; background-color: transparent; } .btn-outline-gray-6:not(:disabled):not(.disabled):active, .btn-outline-gray-6:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-6.dropdown-toggle { color: #fff; background-color: #848484; border-color: #848484; } .btn-outline-gray-6:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-6:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-6.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(132, 132, 132, 0.5); } .btn-outline-gray-7 { color: #f9f9f9; border-color: #f9f9f9; } .btn-outline-gray-7:hover { color: #1e2022; background-color: #f9f9f9; border-color: #f9f9f9; } .btn-outline-gray-7:focus, .btn-outline-gray-7.focus { box-shadow: 0 0 0 0.2rem rgba(249, 249, 249, 0.5); } .btn-outline-gray-7.disabled, .btn-outline-gray-7:disabled { color: #f9f9f9; background-color: transparent; } .btn-outline-gray-7:not(:disabled):not(.disabled):active, .btn-outline-gray-7:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-7.dropdown-toggle { color: #1e2022; background-color: #f9f9f9; border-color: #f9f9f9; } .btn-outline-gray-7:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-7:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-7.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(249, 249, 249, 0.5); } .btn-outline-gray-8 { color: #7b8186; border-color: #7b8186; } .btn-outline-gray-8:hover { color: #fff; background-color: #7b8186; border-color: #7b8186; } .btn-outline-gray-8:focus, .btn-outline-gray-8.focus { box-shadow: 0 0 0 0.2rem rgba(123, 129, 134, 0.5); } .btn-outline-gray-8.disabled, .btn-outline-gray-8:disabled { color: #7b8186; background-color: transparent; } .btn-outline-gray-8:not(:disabled):not(.disabled):active, .btn-outline-gray-8:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-8.dropdown-toggle { color: #fff; background-color: #7b8186; border-color: #7b8186; } .btn-outline-gray-8:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-8:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-8.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(123, 129, 134, 0.5); } .btn-outline-gray-9 { color: #8f8f8f; border-color: #8f8f8f; } .btn-outline-gray-9:hover { color: #fff; background-color: #8f8f8f; border-color: #8f8f8f; } .btn-outline-gray-9:focus, .btn-outline-gray-9.focus { box-shadow: 0 0 0 0.2rem rgba(143, 143, 143, 0.5); } .btn-outline-gray-9.disabled, .btn-outline-gray-9:disabled { color: #8f8f8f; background-color: transparent; } .btn-outline-gray-9:not(:disabled):not(.disabled):active, .btn-outline-gray-9:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-9.dropdown-toggle { color: #fff; background-color: #8f8f8f; border-color: #8f8f8f; } .btn-outline-gray-9:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-9:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-9.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(143, 143, 143, 0.5); } .btn-outline-gray-13 { color: #f8f8f8; border-color: #f8f8f8; } .btn-outline-gray-13:hover { color: #1e2022; background-color: #f8f8f8; border-color: #f8f8f8; } .btn-outline-gray-13:focus, .btn-outline-gray-13.focus { box-shadow: 0 0 0 0.2rem rgba(248, 248, 248, 0.5); } .btn-outline-gray-13.disabled, .btn-outline-gray-13:disabled { color: #f8f8f8; background-color: transparent; } .btn-outline-gray-13:not(:disabled):not(.disabled):active, .btn-outline-gray-13:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-13.dropdown-toggle { color: #1e2022; background-color: #f8f8f8; border-color: #f8f8f8; } .btn-outline-gray-13:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-13:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-13.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 248, 248, 0.5); } .btn-outline-gray-14 { color: #eaeaea; border-color: #eaeaea; } .btn-outline-gray-14:hover { color: #1e2022; background-color: #eaeaea; border-color: #eaeaea; } .btn-outline-gray-14:focus, .btn-outline-gray-14.focus { box-shadow: 0 0 0 0.2rem rgba(234, 234, 234, 0.5); } .btn-outline-gray-14.disabled, .btn-outline-gray-14:disabled { color: #eaeaea; background-color: transparent; } .btn-outline-gray-14:not(:disabled):not(.disabled):active, .btn-outline-gray-14:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-14.dropdown-toggle { color: #1e2022; background-color: #eaeaea; border-color: #eaeaea; } .btn-outline-gray-14:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-14:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-14.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(234, 234, 234, 0.5); } .btn-outline-gray-15 { color: #9d9c9c; border-color: #9d9c9c; } .btn-outline-gray-15:hover { color: #1e2022; background-color: #9d9c9c; border-color: #9d9c9c; } .btn-outline-gray-15:focus, .btn-outline-gray-15.focus { box-shadow: 0 0 0 0.2rem rgba(157, 156, 156, 0.5); } .btn-outline-gray-15.disabled, .btn-outline-gray-15:disabled { color: #9d9c9c; background-color: transparent; } .btn-outline-gray-15:not(:disabled):not(.disabled):active, .btn-outline-gray-15:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-15.dropdown-toggle { color: #1e2022; background-color: #9d9c9c; border-color: #9d9c9c; } .btn-outline-gray-15:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-15:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-15.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(157, 156, 156, 0.5); } .btn-outline-gray-16 { color: #606060; border-color: #606060; } .btn-outline-gray-16:hover { color: #fff; background-color: #606060; border-color: #606060; } .btn-outline-gray-16:focus, .btn-outline-gray-16.focus { box-shadow: 0 0 0 0.2rem rgba(96, 96, 96, 0.5); } .btn-outline-gray-16.disabled, .btn-outline-gray-16:disabled { color: #606060; background-color: transparent; } .btn-outline-gray-16:not(:disabled):not(.disabled):active, .btn-outline-gray-16:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-16.dropdown-toggle { color: #fff; background-color: #606060; border-color: #606060; } .btn-outline-gray-16:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-16:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-16.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(96, 96, 96, 0.5); } .btn-outline-gray-17 { color: #ecedf2; border-color: #ecedf2; } .btn-outline-gray-17:hover { color: #1e2022; background-color: #ecedf2; border-color: #ecedf2; } .btn-outline-gray-17:focus, .btn-outline-gray-17.focus { box-shadow: 0 0 0 0.2rem rgba(236, 237, 242, 0.5); } .btn-outline-gray-17.disabled, .btn-outline-gray-17:disabled { color: #ecedf2; background-color: transparent; } .btn-outline-gray-17:not(:disabled):not(.disabled):active, .btn-outline-gray-17:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-17.dropdown-toggle { color: #1e2022; background-color: #ecedf2; border-color: #ecedf2; } .btn-outline-gray-17:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-17:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-17.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(236, 237, 242, 0.5); } .btn-outline-gray-18 { color: #333e484d; border-color: #333e484d; } .btn-outline-gray-18:hover { color: #fff; background-color: #333e484d; border-color: #333e484d; } .btn-outline-gray-18:focus, .btn-outline-gray-18.focus { box-shadow: 0 0 0 0.2rem rgba(51, 62, 72, 0.5); } .btn-outline-gray-18.disabled, .btn-outline-gray-18:disabled { color: #333e484d; background-color: transparent; } .btn-outline-gray-18:not(:disabled):not(.disabled):active, .btn-outline-gray-18:not(:disabled):not(.disabled).active, .show > .btn-outline-gray-18.dropdown-toggle { color: #fff; background-color: #333e484d; border-color: #333e484d; } .btn-outline-gray-18:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-18:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray-18.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(51, 62, 72, 0.5); } .btn-outline-white { color: #fff; border-color: #fff; } .btn-outline-white:hover { color: #1e2022; background-color: #fff; border-color: #fff; } .btn-outline-white:focus, .btn-outline-white.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-outline-white.disabled, .btn-outline-white:disabled { color: #fff; background-color: transparent; } .btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { color: #1e2022; background-color: #fff; border-color: #fff; } .btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-outline-indigo { color: #2d1582; border-color: #2d1582; } .btn-outline-indigo:hover { color: #fff; background-color: #2d1582; border-color: #2d1582; } .btn-outline-indigo:focus, .btn-outline-indigo.focus { box-shadow: 0 0 0 0.2rem rgba(45, 21, 130, 0.5); } .btn-outline-indigo.disabled, .btn-outline-indigo:disabled { color: #2d1582; background-color: transparent; } .btn-outline-indigo:not(:disabled):not(.disabled):active, .btn-outline-indigo:not(:disabled):not(.disabled).active, .show > .btn-outline-indigo.dropdown-toggle { color: #fff; background-color: #2d1582; border-color: #2d1582; } .btn-outline-indigo:not(:disabled):not(.disabled):active:focus, .btn-outline-indigo:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-indigo.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(45, 21, 130, 0.5); } .btn-link { font-weight: 400; color: #F21818; text-decoration: none; } .btn-link:hover { color: #333e48; text-decoration: none; } .btn-link:focus, .btn-link.focus { text-decoration: none; } .btn-link:disabled, .btn-link.disabled { color: #8c98a4; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 1.125rem 1.125rem; font-size: 1.09375rem; line-height: 1.5; border-radius: 2rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.625rem 1.125rem; font-size: 0.875rem; line-height: 1.5; border-radius: 1.3rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 8.4375rem; padding: 1rem 0; margin: 0.125rem 0 0; font-size: 0.875rem; color: #333e48; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 0 solid rgba(0, 0, 0, 0.15); border-radius: 0.3125rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } @media (min-width: 1480px) { .dropdown-menu-wd-left { right: auto; left: 0; } .dropdown-menu-wd-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e7eaf3; } .dropdown-item { display: block; width: 100%; padding: 0.375rem 1.5rem; clear: both; font-weight: 400; color: #334141; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #1e2022; text-decoration: none; background-color: transparent; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: transparent; } .dropdown-item.disabled, .dropdown-item:disabled { color: #8c98a4; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 1rem 1.5rem; margin-bottom: 0; font-size: 0.765625rem; color: #8c98a4; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.375rem 1.5rem; color: #334141; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.84375rem; padding-left: 0.84375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.84375rem; padding-left: 0.84375rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.67rem 1rem; margin-bottom: 0; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #8c98a4; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #d5dae2; border-radius: 1.4rem; } .input-group-text input[type=radio], .input-group-text input[type=checkbox] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 2.25rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 1.125rem 1.125rem; font-size: 1.09375rem; line-height: 1.5; border-radius: 2rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 1.25rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.625rem 1.125rem; font-size: 0.765625rem; line-height: 1.5; border-radius: 1.3rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 2rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.3125rem; padding-left: 1.4rem; -webkit-print-color-adjust: exact; color-adjust: exact; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 0.9rem; height: 1.10625rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #F21818; background-color: #F21818; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #66afe9; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #fcc1c1; border-color: #fcc1c1; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #8c98a4; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #f8fafd; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; pointer-events: none; content: ""; background-color: #fff; border: #dfdfdf solid 2px; } .custom-control-label::after { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; content: ""; background: no-repeat 50%/50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 2px; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #F21818; background-color: #F21818; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(242, 24, 24, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(242, 24, 24, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(242, 24, 24, 0.5); } .custom-switch { padding-left: 3rem; } .custom-switch .custom-control-label::before { left: -3rem; width: 2.5rem; pointer-events: all; border-radius: 0.45rem; } .custom-switch .custom-control-label::after { top: calc(0.20625rem + 4px); left: calc(-3rem + 4px); width: calc(0.9rem - 8px); height: calc(0.9rem - 8px); background-color: #dfdfdf; border-radius: 0.45rem; transition: transform 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; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(1.6rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(242, 24, 24, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 1.34rem + 2px); padding: 0.75rem 2rem 0.75rem 1rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #818181; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px; border: 1px solid #d5dae2; border-radius: 1.4rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: rgba(6, 52, 67, 0.5); outline: 0; box-shadow: 0 0 0 0.2rem rgba(242, 24, 24, 0.25); } .custom-select:focus::-ms-value { color: #818181; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 1rem; background-image: none; } .custom-select:disabled { color: #8c98a4; background-color: #f8fafd; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #818181; } .custom-select-sm { height: calc(1.5em + 1.25rem + 2px); padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 1.125rem; font-size: 0.765625rem; } .custom-select-lg { height: calc(1.5em + 2.25rem + 2px); padding-top: 1.125rem; padding-bottom: 1.125rem; padding-left: 1.125rem; font-size: 1.09375rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 1.34rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 1.34rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #66afe9; box-shadow: none; } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #f8fafd; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 1.34rem + 2px); padding: 0.67rem 1rem; font-weight: 400; line-height: 1.5; color: #8c98a4; background-color: #fff; border: 1px solid #dddddd; border-radius: 1.4rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 1.34rem); padding: 0.67rem 1rem; line-height: 1.5; color: #8c98a4; content: "Browse"; background-color: #fff; border-left: inherit; border-radius: 0 1.4rem 1.4rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, none; } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, none; } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, none; } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #F21818; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #fcc1c1; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #e7eaf3; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #F21818; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #fcc1c1; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #e7eaf3; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #F21818; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #fcc1c1; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #e7eaf3; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #e7eaf3; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #97a4af; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #97a4af; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #97a4af; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #8c98a4; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #e7eaf3; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #f8fafd #f8fafd #e7eaf3; } .nav-tabs .nav-link.disabled { color: #8c98a4; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #77838f; background-color: #fff; border-color: #e7eaf3 #e7eaf3 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.3125rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #F21818; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 0; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar .container-wd { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3359375rem; padding-bottom: 0.3359375rem; margin-right: 0; font-size: 1.09375rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.09375rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 1.4rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-wd { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-wd { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-wd { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-wd { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-wd { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-wd { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-wd { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-wd { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (max-width: 1479.98px) { .navbar-expand-wd > .container, .navbar-expand-wd > .container-fluid, .navbar-expand-wd > .container-sm, .navbar-expand-wd > .container-md, .navbar-expand-wd > .container-lg, .navbar-expand-wd > .container-xl, .navbar-expand-wd > .container-wd { padding-right: 0; padding-left: 0; } } @media (min-width: 1480px) { .navbar-expand-wd { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-wd .navbar-nav { flex-direction: row; } .navbar-expand-wd .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-wd .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-wd > .container, .navbar-expand-wd > .container-fluid, .navbar-expand-wd > .container-sm, .navbar-expand-wd > .container-md, .navbar-expand-wd > .container-lg, .navbar-expand-wd > .container-xl, .navbar-expand-wd > .container-wd { flex-wrap: nowrap; } .navbar-expand-wd .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-wd .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-wd { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-wd { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #e7eaf3; border-radius: 0.3125rem; } .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: calc(0.3125rem - 1px); border-top-right-radius: calc(0.3125rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.3125rem - 1px); border-bottom-left-radius: calc(0.3125rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1rem; } .card-title { margin-bottom: 1rem; } .card-subtitle { margin-top: -0.5rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1rem; } .card-header { padding: 1rem 1rem; margin-bottom: 0; background-color: #fff; border-bottom: 1px solid #e7eaf3; } .card-header:first-child { border-radius: calc(0.3125rem - 1px) calc(0.3125rem - 1px) 0 0; } .card-footer { padding: 1rem 1rem; background-color: #fff; border-top: 1px solid #e7eaf3; } .card-footer:last-child { border-radius: 0 0 calc(0.3125rem - 1px) calc(0.3125rem - 1px); } .card-header-tabs { margin-right: -0.5rem; margin-bottom: -1rem; margin-left: -0.5rem; border-bottom: 0; } .card-header-pills { margin-right: -0.5rem; margin-left: -0.5rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(0.3125rem - 1px); } .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.3125rem - 1px); border-top-right-radius: calc(0.3125rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.3125rem - 1px); border-bottom-left-radius: calc(0.3125rem - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 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-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { 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-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 1rem; } @media (min-width: 576px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.62rem 0; margin-bottom: 0.5rem; list-style: none; background-color: transparent; border-radius: 0.313rem; } .breadcrumb-item { display: flex; } .breadcrumb-item + .breadcrumb-item { padding-left: 1rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 1rem; color: #333e48; content: "e"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #333e48; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.3125rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: 0; line-height: 1.25; color: #77838f; background-color: #fff; border: 0 solid #77838f; } .page-link:hover { z-index: 2; color: #063443; text-decoration: none; background-color: rgba(6, 52, 67, 0.1); border-color: rgba(6, 52, 67, 0.1); } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(242, 24, 24, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.3125rem; border-bottom-left-radius: 0.3125rem; } .page-item:last-child .page-link { border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0.3125rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #F21818; border-color: #F21818; } .page-item.disabled .page-link { color: #8c98a4; pointer-events: none; cursor: auto; background-color: #fff; border-color: #e7eaf3; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.09375rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.4375rem; border-bottom-right-radius: 0.4375rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.765625rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 500; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.3125rem; transition: all 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #F21818; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #cc0b0b; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(242, 24, 24, 0.5); } .badge-secondary { color: #fff; background-color: #77838f; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #5f6a74; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(119, 131, 143, 0.5); } .badge-success { color: #fff; background-color: #00c9a7; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #00967d; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.5); } .badge-info { color: #1e2022; background-color: #00dffc; } a.badge-info:hover, a.badge-info:focus { color: #1e2022; background-color: #00b2c9; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 223, 252, 0.5); } .badge-warning { color: #1e2022; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #1e2022; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #de4437; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #c22d20; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(222, 68, 55, 0.5); } .badge-light { color: #1e2022; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #1e2022; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #333e48; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1e242a; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(51, 62, 72, 0.5); } .badge-cyan { color: #1e2022; background-color: #34bcec; } a.badge-cyan:hover, a.badge-cyan:focus { color: #1e2022; background-color: #14a5d9; } a.badge-cyan:focus, a.badge-cyan.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 188, 236, 0.5); } .badge-sale { color: #fff; background-color: #df3737; } a.badge-sale:hover, a.badge-sale:focus { color: #fff; background-color: #c41f1f; } a.badge-sale:focus, a.badge-sale.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(223, 55, 55, 0.5); } .badge-black { color: #fff; background-color: #000000; } a.badge-black:hover, a.badge-black:focus { color: #fff; background-color: black; } a.badge-black:focus, a.badge-black.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); } .badge-green { color: #fff; background-color: #5cb85c; } a.badge-green:hover, a.badge-green:focus { color: #fff; background-color: #449d44; } a.badge-green:focus, a.badge-green.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); } .badge-red { color: #fff; background-color: #ee0000; } a.badge-red:hover, a.badge-red:focus { color: #fff; background-color: #bb0000; } a.badge-red:focus, a.badge-red.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(238, 0, 0, 0.5); } .badge-gray-1 { color: #1e2022; background-color: #f5f5f5; } a.badge-gray-1:hover, a.badge-gray-1:focus { color: #1e2022; background-color: gainsboro; } a.badge-gray-1:focus, a.badge-gray-1.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(245, 245, 245, 0.5); } .badge-gray-2 { color: #fff; background-color: #383838; } a.badge-gray-2:hover, a.badge-gray-2:focus { color: #fff; background-color: #1f1f1f; } a.badge-gray-2:focus, a.badge-gray-2.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(56, 56, 56, 0.5); } .badge-gray-3 { color: #1e2022; background-color: #eeeeee; } a.badge-gray-3:hover, a.badge-gray-3:focus { color: #1e2022; background-color: #d5d5d5; } a.badge-gray-3:focus, a.badge-gray-3.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.5); } .badge-gray-4 { color: #1e2022; background-color: #e6e6e6; } a.badge-gray-4:hover, a.badge-gray-4:focus { color: #1e2022; background-color: #cdcdcd; } a.badge-gray-4:focus, a.badge-gray-4.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(230, 230, 230, 0.5); } .badge-gray-5 { color: #fff; background-color: #878787; } a.badge-gray-5:hover, a.badge-gray-5:focus { color: #fff; background-color: #6e6e6e; } a.badge-gray-5:focus, a.badge-gray-5.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(135, 135, 135, 0.5); } .badge-gray-6 { color: #fff; background-color: #848484; } a.badge-gray-6:hover, a.badge-gray-6:focus { color: #fff; background-color: #6b6b6b; } a.badge-gray-6:focus, a.badge-gray-6.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(132, 132, 132, 0.5); } .badge-gray-7 { color: #1e2022; background-color: #f9f9f9; } a.badge-gray-7:hover, a.badge-gray-7:focus { color: #1e2022; background-color: #e0e0e0; } a.badge-gray-7:focus, a.badge-gray-7.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(249, 249, 249, 0.5); } .badge-gray-8 { color: #fff; background-color: #7b8186; } a.badge-gray-8:hover, a.badge-gray-8:focus { color: #fff; background-color: #63676b; } a.badge-gray-8:focus, a.badge-gray-8.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(123, 129, 134, 0.5); } .badge-gray-9 { color: #fff; background-color: #8f8f8f; } a.badge-gray-9:hover, a.badge-gray-9:focus { color: #fff; background-color: #767676; } a.badge-gray-9:focus, a.badge-gray-9.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(143, 143, 143, 0.5); } .badge-gray-13 { color: #1e2022; background-color: #f8f8f8; } a.badge-gray-13:hover, a.badge-gray-13:focus { color: #1e2022; background-color: #dfdfdf; } a.badge-gray-13:focus, a.badge-gray-13.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 248, 248, 0.5); } .badge-gray-14 { color: #1e2022; background-color: #eaeaea; } a.badge-gray-14:hover, a.badge-gray-14:focus { color: #1e2022; background-color: #d1d1d1; } a.badge-gray-14:focus, a.badge-gray-14.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(234, 234, 234, 0.5); } .badge-gray-15 { color: #1e2022; background-color: #9d9c9c; } a.badge-gray-15:hover, a.badge-gray-15:focus { color: #1e2022; background-color: #848282; } a.badge-gray-15:focus, a.badge-gray-15.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(157, 156, 156, 0.5); } .badge-gray-16 { color: #fff; background-color: #606060; } a.badge-gray-16:hover, a.badge-gray-16:focus { color: #fff; background-color: #474747; } a.badge-gray-16:focus, a.badge-gray-16.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(96, 96, 96, 0.5); } .badge-gray-17 { color: #1e2022; background-color: #ecedf2; } a.badge-gray-17:hover, a.badge-gray-17:focus { color: #1e2022; background-color: #ced0dd; } a.badge-gray-17:focus, a.badge-gray-17.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(236, 237, 242, 0.5); } .badge-gray-18 { color: #fff; background-color: #333e484d; } a.badge-gray-18:hover, a.badge-gray-18:focus { color: #fff; background-color: rgba(30, 36, 42, 0.3019607843); } a.badge-gray-18:focus, a.badge-gray-18.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(51, 62, 72, 0.5); } .badge-white { color: #1e2022; background-color: #fff; } a.badge-white:hover, a.badge-white:focus { color: #1e2022; background-color: #e6e6e6; } a.badge-white:focus, a.badge-white.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .badge-indigo { color: #fff; background-color: #2d1582; } a.badge-indigo:hover, a.badge-indigo:focus { color: #fff; background-color: #1e0e56; } a.badge-indigo:focus, a.badge-indigo.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(45, 21, 130, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #f8fafd; border-radius: 0.4375rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.92rem 1.25rem; margin-bottom: 1rem; border: 0 solid transparent; border-radius: 0; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3.75rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.92rem 1.25rem; color: inherit; } .alert-primary { color: #7e0c0c; background-color: #fcd1d1; border-color: #fbbebe; } .alert-primary hr { border-top-color: #faa6a6; } .alert-primary .alert-link { color: #4f0808; } .alert-secondary { color: #3e444a; background-color: #e4e6e9; border-color: #d9dce0; } .alert-secondary hr { border-top-color: #cbcfd5; } .alert-secondary .alert-link { color: #272b2e; } .alert-success { color: #006957; background-color: #ccf4ed; border-color: #b8f0e6; } .alert-success hr { border-top-color: #a3ecdf; } .alert-success .alert-link { color: #00362d; } .alert-info { color: #007483; background-color: #ccf9fe; border-color: #b8f6fe; } .alert-info hr { border-top-color: #9ff3fe; } .alert-info .alert-link { color: #004750; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #73231d; background-color: #f8dad7; border-color: #f6cbc7; } .alert-danger hr { border-top-color: #f2b7b1; } .alert-danger .alert-link { color: #4a1713; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b2025; background-color: #d6d8da; border-color: #c6c9cc; } .alert-dark hr { border-top-color: #b9bcc0; } .alert-dark .alert-link { color: #050708; } .alert-cyan { color: #1b627b; background-color: #d6f2fb; border-color: #c6ecfa; } .alert-cyan hr { border-top-color: #afe4f8; } .alert-cyan .alert-link { color: #124151; } .alert-sale { color: #741d1d; background-color: #f9d7d7; border-color: #f6c7c7; } .alert-sale hr { border-top-color: #f2b1b1; } .alert-sale .alert-link { color: #4b1313; } .alert-black { color: black; background-color: #cccccc; border-color: #b8b8b8; } .alert-black hr { border-top-color: #ababab; } .alert-black .alert-link { color: black; } .alert-green { color: #306030; background-color: #def1de; border-color: #d1ebd1; } .alert-green hr { border-top-color: #bfe3bf; } .alert-green .alert-link { color: #1f3e1f; } .alert-red { color: #7c0000; background-color: #fccccc; border-color: #fab8b8; } .alert-red hr { border-top-color: #f8a0a0; } .alert-red .alert-link { color: #490000; } .alert-gray-1 { color: #7f7f7f; background-color: #fdfdfd; border-color: #fcfcfc; } .alert-gray-1 hr { border-top-color: #efefef; } .alert-gray-1 .alert-link { color: #666666; } .alert-gray-2 { color: #1d1d1d; background-color: #d7d7d7; border-color: #c7c7c7; } .alert-gray-2 hr { border-top-color: #bababa; } .alert-gray-2 .alert-link { color: #040404; } .alert-gray-3 { color: #7c7c7c; background-color: #fcfcfc; border-color: #fafafa; } .alert-gray-3 hr { border-top-color: #ededed; } .alert-gray-3 .alert-link { color: #636363; } .alert-gray-4 { color: #787878; background-color: #fafafa; border-color: #f8f8f8; } .alert-gray-4 hr { border-top-color: #ebebeb; } .alert-gray-4 .alert-link { color: #5f5f5f; } .alert-gray-5 { color: #464646; background-color: #e7e7e7; border-color: #dddddd; } .alert-gray-5 hr { border-top-color: #d0d0d0; } .alert-gray-5 .alert-link { color: #2d2d2d; } .alert-gray-6 { color: #454545; background-color: #e6e6e6; border-color: #dddddd; } .alert-gray-6 hr { border-top-color: #d0d0d0; } .alert-gray-6 .alert-link { color: #2c2c2c; } .alert-gray-7 { color: #818181; background-color: #fefefe; border-color: #fdfdfd; } .alert-gray-7 hr { border-top-color: #f0f0f0; } .alert-gray-7 .alert-link { color: #686868; } .alert-gray-8 { color: #404346; background-color: #e5e6e7; border-color: #dadcdd; } .alert-gray-8 hr { border-top-color: #cdcfd1; } .alert-gray-8 .alert-link { color: #282a2b; } .alert-gray-9 { color: #4a4a4a; background-color: #e9e9e9; border-color: #e0e0e0; } .alert-gray-9 hr { border-top-color: lightgray; } .alert-gray-9 .alert-link { color: #313131; } .alert-gray-13 { color: #818181; background-color: #fefefe; border-color: #fdfdfd; } .alert-gray-13 hr { border-top-color: #f0f0f0; } .alert-gray-13 .alert-link { color: #686868; } .alert-gray-14 { color: #7a7a7a; background-color: #fbfbfb; border-color: #f9f9f9; } .alert-gray-14 hr { border-top-color: #ececec; } .alert-gray-14 .alert-link { color: #616161; } .alert-gray-15 { color: #525151; background-color: #ebebeb; border-color: #e4e3e3; } .alert-gray-15 hr { border-top-color: #d7d6d6; } .alert-gray-15 .alert-link { color: #383838; } .alert-gray-16 { color: #323232; background-color: #dfdfdf; border-color: #d2d2d2; } .alert-gray-16 hr { border-top-color: #c5c5c5; } .alert-gray-16 .alert-link { color: #191919; } .alert-gray-17 { color: #7b7b7e; background-color: #fbfbfc; border-color: #fafafb; } .alert-gray-17 hr { border-top-color: #ececf0; } .alert-gray-17 .alert-link { color: #626264; } .alert-gray-18 { color: rgba(8, 10, 12, 0.6370196078); background-color: rgba(246, 247, 247, 0.8603921569); border-color: rgba(242, 243, 243, 0.8045490196); } .alert-gray-18 hr { border-top-color: rgba(229, 231, 231, 0.8045490196); } .alert-gray-18 .alert-link { color: rgba(0, 0, 0, 0.6370196078); } .alert-white { color: #858585; background-color: white; border-color: white; } .alert-white hr { border-top-color: #f2f2f2; } .alert-white .alert-link { color: #6c6c6c; } .alert-indigo { color: #170b44; background-color: #d5d0e6; border-color: #c4bddc; } .alert-indigo hr { border-top-color: #b5acd3; } .alert-indigo .alert-link { color: #080418; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.65625rem; background-color: #f5f5f5; border-radius: 0.3125rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #d8d8d8; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .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; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.3125rem; } .list-group-item-action { width: 100%; color: #333e48; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #000000; text-decoration: none; background-color: transparent; } .list-group-item-action:active { color: #000000; background-color: transparent; } .list-group-item { position: relative; display: block; padding: 0.32rem 1.25rem; background-color: #fff; border: 1px solid #e7eaf3; } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #8c98a4; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #F21818; border-color: #F21818; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.3125rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.3125rem; 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: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.3125rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.3125rem; 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: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.3125rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.3125rem; 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: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.3125rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.3125rem; 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: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.3125rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.3125rem; 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: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1480px) { .list-group-horizontal-wd { flex-direction: row; } .list-group-horizontal-wd > .list-group-item:first-child { border-bottom-left-radius: 0.3125rem; border-top-right-radius: 0; } .list-group-horizontal-wd > .list-group-item:last-child { border-top-right-radius: 0.3125rem; border-bottom-left-radius: 0; } .list-group-horizontal-wd > .list-group-item.active { margin-top: 0; } .list-group-horizontal-wd > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-wd > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #7e0c0c; background-color: #fbbebe; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #7e0c0c; background-color: #faa6a6; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #7e0c0c; border-color: #7e0c0c; } .list-group-item-secondary { color: #3e444a; background-color: #d9dce0; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #3e444a; background-color: #cbcfd5; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #3e444a; border-color: #3e444a; } .list-group-item-success { color: #006957; background-color: #b8f0e6; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #006957; background-color: #a3ecdf; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #006957; border-color: #006957; } .list-group-item-info { color: #007483; background-color: #b8f6fe; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #007483; background-color: #9ff3fe; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #007483; border-color: #007483; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #73231d; background-color: #f6cbc7; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #73231d; background-color: #f2b7b1; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #73231d; border-color: #73231d; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b2025; background-color: #c6c9cc; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b2025; background-color: #b9bcc0; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b2025; border-color: #1b2025; } .list-group-item-cyan { color: #1b627b; background-color: #c6ecfa; } .list-group-item-cyan.list-group-item-action:hover, .list-group-item-cyan.list-group-item-action:focus { color: #1b627b; background-color: #afe4f8; } .list-group-item-cyan.list-group-item-action.active { color: #fff; background-color: #1b627b; border-color: #1b627b; } .list-group-item-sale { color: #741d1d; background-color: #f6c7c7; } .list-group-item-sale.list-group-item-action:hover, .list-group-item-sale.list-group-item-action:focus { color: #741d1d; background-color: #f2b1b1; } .list-group-item-sale.list-group-item-action.active { color: #fff; background-color: #741d1d; border-color: #741d1d; } .list-group-item-black { color: black; background-color: #b8b8b8; } .list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { color: black; background-color: #ababab; } .list-group-item-black.list-group-item-action.active { color: #fff; background-color: black; border-color: black; } .list-group-item-green { color: #306030; background-color: #d1ebd1; } .list-group-item-green.list-group-item-action:hover, .list-group-item-green.list-group-item-action:focus { color: #306030; background-color: #bfe3bf; } .list-group-item-green.list-group-item-action.active { color: #fff; background-color: #306030; border-color: #306030; } .list-group-item-red { color: #7c0000; background-color: #fab8b8; } .list-group-item-red.list-group-item-action:hover, .list-group-item-red.list-group-item-action:focus { color: #7c0000; background-color: #f8a0a0; } .list-group-item-red.list-group-item-action.active { color: #fff; background-color: #7c0000; border-color: #7c0000; } .list-group-item-gray-1 { color: #7f7f7f; background-color: #fcfcfc; } .list-group-item-gray-1.list-group-item-action:hover, .list-group-item-gray-1.list-group-item-action:focus { color: #7f7f7f; background-color: #efefef; } .list-group-item-gray-1.list-group-item-action.active { color: #fff; background-color: #7f7f7f; border-color: #7f7f7f; } .list-group-item-gray-2 { color: #1d1d1d; background-color: #c7c7c7; } .list-group-item-gray-2.list-group-item-action:hover, .list-group-item-gray-2.list-group-item-action:focus { color: #1d1d1d; background-color: #bababa; } .list-group-item-gray-2.list-group-item-action.active { color: #fff; background-color: #1d1d1d; border-color: #1d1d1d; } .list-group-item-gray-3 { color: #7c7c7c; background-color: #fafafa; } .list-group-item-gray-3.list-group-item-action:hover, .list-group-item-gray-3.list-group-item-action:focus { color: #7c7c7c; background-color: #ededed; } .list-group-item-gray-3.list-group-item-action.active { color: #fff; background-color: #7c7c7c; border-color: #7c7c7c; } .list-group-item-gray-4 { color: #787878; background-color: #f8f8f8; } .list-group-item-gray-4.list-group-item-action:hover, .list-group-item-gray-4.list-group-item-action:focus { color: #787878; background-color: #ebebeb; } .list-group-item-gray-4.list-group-item-action.active { color: #fff; background-color: #787878; border-color: #787878; } .list-group-item-gray-5 { color: #464646; background-color: #dddddd; } .list-group-item-gray-5.list-group-item-action:hover, .list-group-item-gray-5.list-group-item-action:focus { color: #464646; background-color: #d0d0d0; } .list-group-item-gray-5.list-group-item-action.active { color: #fff; background-color: #464646; border-color: #464646; } .list-group-item-gray-6 { color: #454545; background-color: #dddddd; } .list-group-item-gray-6.list-group-item-action:hover, .list-group-item-gray-6.list-group-item-action:focus { color: #454545; background-color: #d0d0d0; } .list-group-item-gray-6.list-group-item-action.active { color: #fff; background-color: #454545; border-color: #454545; } .list-group-item-gray-7 { color: #818181; background-color: #fdfdfd; } .list-group-item-gray-7.list-group-item-action:hover, .list-group-item-gray-7.list-group-item-action:focus { color: #818181; background-color: #f0f0f0; } .list-group-item-gray-7.list-group-item-action.active { color: #fff; background-color: #818181; border-color: #818181; } .list-group-item-gray-8 { color: #404346; background-color: #dadcdd; } .list-group-item-gray-8.list-group-item-action:hover, .list-group-item-gray-8.list-group-item-action:focus { color: #404346; background-color: #cdcfd1; } .list-group-item-gray-8.list-group-item-action.active { color: #fff; background-color: #404346; border-color: #404346; } .list-group-item-gray-9 { color: #4a4a4a; background-color: #e0e0e0; } .list-group-item-gray-9.list-group-item-action:hover, .list-group-item-gray-9.list-group-item-action:focus { color: #4a4a4a; background-color: lightgray; } .list-group-item-gray-9.list-group-item-action.active { color: #fff; background-color: #4a4a4a; border-color: #4a4a4a; } .list-group-item-gray-13 { color: #818181; background-color: #fdfdfd; } .list-group-item-gray-13.list-group-item-action:hover, .list-group-item-gray-13.list-group-item-action:focus { color: #818181; background-color: #f0f0f0; } .list-group-item-gray-13.list-group-item-action.active { color: #fff; background-color: #818181; border-color: #818181; } .list-group-item-gray-14 { color: #7a7a7a; background-color: #f9f9f9; } .list-group-item-gray-14.list-group-item-action:hover, .list-group-item-gray-14.list-group-item-action:focus { color: #7a7a7a; background-color: #ececec; } .list-group-item-gray-14.list-group-item-action.active { color: #fff; background-color: #7a7a7a; border-color: #7a7a7a; } .list-group-item-gray-15 { color: #525151; background-color: #e4e3e3; } .list-group-item-gray-15.list-group-item-action:hover, .list-group-item-gray-15.list-group-item-action:focus { color: #525151; background-color: #d7d6d6; } .list-group-item-gray-15.list-group-item-action.active { color: #fff; background-color: #525151; border-color: #525151; } .list-group-item-gray-16 { color: #323232; background-color: #d2d2d2; } .list-group-item-gray-16.list-group-item-action:hover, .list-group-item-gray-16.list-group-item-action:focus { color: #323232; background-color: #c5c5c5; } .list-group-item-gray-16.list-group-item-action.active { color: #fff; background-color: #323232; border-color: #323232; } .list-group-item-gray-17 { color: #7b7b7e; background-color: #fafafb; } .list-group-item-gray-17.list-group-item-action:hover, .list-group-item-gray-17.list-group-item-action:focus { color: #7b7b7e; background-color: #ececf0; } .list-group-item-gray-17.list-group-item-action.active { color: #fff; background-color: #7b7b7e; border-color: #7b7b7e; } .list-group-item-gray-18 { color: rgba(8, 10, 12, 0.6370196078); background-color: rgba(242, 243, 243, 0.8045490196); } .list-group-item-gray-18.list-group-item-action:hover, .list-group-item-gray-18.list-group-item-action:focus { color: rgba(8, 10, 12, 0.6370196078); background-color: rgba(229, 231, 231, 0.8045490196); } .list-group-item-gray-18.list-group-item-action.active { color: #fff; background-color: rgba(8, 10, 12, 0.6370196078); border-color: rgba(8, 10, 12, 0.6370196078); } .list-group-item-white { color: #858585; background-color: white; } .list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { color: #858585; background-color: #f2f2f2; } .list-group-item-white.list-group-item-action.active { color: #fff; background-color: #858585; border-color: #858585; } .list-group-item-indigo { color: #170b44; background-color: #c4bddc; } .list-group-item-indigo.list-group-item-action:hover, .list-group-item-indigo.list-group-item-action:focus { color: #170b44; background-color: #b5acd3; } .list-group-item-indigo.list-group-item-action.active { color: #fff; background-color: #170b44; border-color: #170b44; } .close { float: right; font-size: 1.25rem; font-weight: 700; line-height: 1; color: #1e2022; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #1e2022; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #8c98a4; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.4375rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #e7eaf3; border-top-left-radius: calc(0.4375rem - 1px); border-top-right-radius: calc(0.4375rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #e7eaf3; border-bottom-right-radius: calc(0.4375rem - 1px); border-bottom-left-radius: calc(0.4375rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: -webkit-min-content; height: -moz-min-content; height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 9999; display: block; margin: 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.765625rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 1; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000000; border-radius: 0.3125rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.765625rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid #e7eaf3; border-radius: 0.3125rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3125rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^=top] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: #e7eaf3; } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^=right] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3125rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #e7eaf3; } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #e7eaf3; } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f8fafd; } .bs-popover-left, .bs-popover-auto[x-placement^=left] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3125rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #e7eaf3; } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.75rem 1rem; margin-bottom: 0; font-size: 0.875rem; color: #1e2022; background-color: #f8fafd; border-bottom: 1px solid #e4ecf7; border-top-left-radius: calc(0.3125rem - 1px); border-top-right-radius: calc(0.3125rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.75rem 1rem; color: #333e48; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50%/100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @-webkit-keyframes spinner-border { to { transform: rotate(360deg); } } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border 0.75s linear infinite; animation: spinner-border 0.75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow 0.75s linear infinite; animation: spinner-grow 0.75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .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; } .bg-primary { background-color: #F21818 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #cc0b0b !important; } .bg-secondary { background-color: #77838f !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #5f6a74 !important; } .bg-success { background-color: #00c9a7 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #00967d !important; } .bg-info { background-color: #00dffc !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #00b2c9 !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #de4437 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #c22d20 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #333e48 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1e242a !important; } .bg-cyan { background-color: #34bcec !important; } a.bg-cyan:hover, a.bg-cyan:focus, button.bg-cyan:hover, button.bg-cyan:focus { background-color: #14a5d9 !important; } .bg-sale { background-color: #df3737 !important; } a.bg-sale:hover, a.bg-sale:focus, button.bg-sale:hover, button.bg-sale:focus { background-color: #c41f1f !important; } .bg-black { background-color: #000000 !important; } a.bg-black:hover, a.bg-black:focus, button.bg-black:hover, button.bg-black:focus { background-color: black !important; } .bg-green { background-color: #5cb85c !important; } a.bg-green:hover, a.bg-green:focus, button.bg-green:hover, button.bg-green:focus { background-color: #449d44 !important; } .bg-red { background-color: #ee0000 !important; } a.bg-red:hover, a.bg-red:focus, button.bg-red:hover, button.bg-red:focus { background-color: #bb0000 !important; } .bg-gray-1 { background-color: #f5f5f5 !important; } a.bg-gray-1:hover, a.bg-gray-1:focus, button.bg-gray-1:hover, button.bg-gray-1:focus { background-color: gainsboro !important; } .bg-gray-2 { background-color: #383838 !important; } a.bg-gray-2:hover, a.bg-gray-2:focus, button.bg-gray-2:hover, button.bg-gray-2:focus { background-color: #1f1f1f !important; } .bg-gray-3 { background-color: #eeeeee !important; } a.bg-gray-3:hover, a.bg-gray-3:focus, button.bg-gray-3:hover, button.bg-gray-3:focus { background-color: #d5d5d5 !important; } .bg-gray-4 { background-color: #e6e6e6 !important; } a.bg-gray-4:hover, a.bg-gray-4:focus, button.bg-gray-4:hover, button.bg-gray-4:focus { background-color: #cdcdcd !important; } .bg-gray-5 { background-color: #878787 !important; } a.bg-gray-5:hover, a.bg-gray-5:focus, button.bg-gray-5:hover, button.bg-gray-5:focus { background-color: #6e6e6e !important; } .bg-gray-6 { background-color: #848484 !important; } a.bg-gray-6:hover, a.bg-gray-6:focus, button.bg-gray-6:hover, button.bg-gray-6:focus { background-color: #6b6b6b !important; } .bg-gray-7 { background-color: #f9f9f9 !important; } a.bg-gray-7:hover, a.bg-gray-7:focus, button.bg-gray-7:hover, button.bg-gray-7:focus { background-color: #e0e0e0 !important; } .bg-gray-8 { background-color: #7b8186 !important; } a.bg-gray-8:hover, a.bg-gray-8:focus, button.bg-gray-8:hover, button.bg-gray-8:focus { background-color: #63676b !important; } .bg-gray-9 { background-color: #8f8f8f !important; } a.bg-gray-9:hover, a.bg-gray-9:focus, button.bg-gray-9:hover, button.bg-gray-9:focus { background-color: #767676 !important; } .bg-gray-13 { background-color: #f8f8f8 !important; } a.bg-gray-13:hover, a.bg-gray-13:focus, button.bg-gray-13:hover, button.bg-gray-13:focus { background-color: #dfdfdf !important; } .bg-gray-14 { background-color: #eaeaea !important; } a.bg-gray-14:hover, a.bg-gray-14:focus, button.bg-gray-14:hover, button.bg-gray-14:focus { background-color: #d1d1d1 !important; } .bg-gray-15 { background-color: #9d9c9c !important; } a.bg-gray-15:hover, a.bg-gray-15:focus, button.bg-gray-15:hover, button.bg-gray-15:focus { background-color: #848282 !important; } .bg-gray-16 { background-color: #606060 !important; } a.bg-gray-16:hover, a.bg-gray-16:focus, button.bg-gray-16:hover, button.bg-gray-16:focus { background-color: #474747 !important; } .bg-gray-17 { background-color: #ecedf2 !important; } a.bg-gray-17:hover, a.bg-gray-17:focus, button.bg-gray-17:hover, button.bg-gray-17:focus { background-color: #ced0dd !important; } .bg-gray-18 { background-color: #333e484d !important; } a.bg-gray-18:hover, a.bg-gray-18:focus, button.bg-gray-18:hover, button.bg-gray-18:focus { background-color: rgba(30, 36, 42, 0.3019607843) !important; } .bg-white { background-color: #fff !important; } a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus { background-color: #e6e6e6 !important; } .bg-indigo { background-color: #2d1582 !important; } a.bg-indigo:hover, a.bg-indigo:focus, button.bg-indigo:hover, button.bg-indigo:focus { background-color: #1e0e56 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #e7eaf3 !important; } .border-top { border-top: 1px solid #e7eaf3 !important; } .border-right { border-right: 1px solid #e7eaf3 !important; } .border-bottom { border-bottom: 1px solid #e7eaf3 !important; } .border-left { border-left: 1px solid #e7eaf3 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #F21818 !important; } .border-secondary { border-color: #77838f !important; } .border-success { border-color: #00c9a7 !important; } .border-info { border-color: #00dffc !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #de4437 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #333e48 !important; } .border-cyan { border-color: #34bcec !important; } .border-sale { border-color: #df3737 !important; } .border-black { border-color: #000000 !important; } .border-green { border-color: #5cb85c !important; } .border-red { border-color: #ee0000 !important; } .border-gray-1 { border-color: #f5f5f5 !important; } .border-gray-2 { border-color: #383838 !important; } .border-gray-3 { border-color: #eeeeee !important; } .border-gray-4 { border-color: #e6e6e6 !important; } .border-gray-5 { border-color: #878787 !important; } .border-gray-6 { border-color: #848484 !important; } .border-gray-7 { border-color: #f9f9f9 !important; } .border-gray-8 { border-color: #7b8186 !important; } .border-gray-9 { border-color: #8f8f8f !important; } .border-gray-13 { border-color: #f8f8f8 !important; } .border-gray-14 { border-color: #eaeaea !important; } .border-gray-15 { border-color: #9d9c9c !important; } .border-gray-16 { border-color: #606060 !important; } .border-gray-17 { border-color: #ecedf2 !important; } .border-gray-18 { border-color: #333e484d !important; } .border-white { border-color: #fff !important; } .border-indigo { border-color: #2d1582 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.25rem !important; } .rounded { border-radius: 0.3125rem !important; } .rounded-top { border-top-left-radius: 0.3125rem !important; border-top-right-radius: 0.3125rem !important; } .rounded-right { border-top-right-radius: 0.3125rem !important; border-bottom-right-radius: 0.3125rem !important; } .rounded-bottom { border-bottom-right-radius: 0.3125rem !important; border-bottom-left-radius: 0.3125rem !important; } .rounded-left { border-top-left-radius: 0.3125rem !important; border-bottom-left-radius: 0.3125rem !important; } .rounded-lg { border-radius: 0.4375rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !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: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !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: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !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: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !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: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media (min-width: 1480px) { .d-wd-none { display: none !important; } .d-wd-inline { display: inline !important; } .d-wd-inline-block { display: inline-block !important; } .d-wd-block { display: block !important; } .d-wd-table { display: table !important; } .d-wd-table-row { display: table-row !important; } .d-wd-table-cell { display: table-cell !important; } .d-wd-flex { display: flex !important; } .d-wd-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !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: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .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-21by9::before { padding-top: 42.8571428571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } @media (min-width: 1480px) { .flex-wd-row { flex-direction: row !important; } .flex-wd-column { flex-direction: column !important; } .flex-wd-row-reverse { flex-direction: row-reverse !important; } .flex-wd-column-reverse { flex-direction: column-reverse !important; } .flex-wd-wrap { flex-wrap: wrap !important; } .flex-wd-nowrap { flex-wrap: nowrap !important; } .flex-wd-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-wd-fill { flex: 1 1 auto !important; } .flex-wd-grow-0 { flex-grow: 0 !important; } .flex-wd-grow-1 { flex-grow: 1 !important; } .flex-wd-shrink-0 { flex-shrink: 0 !important; } .flex-wd-shrink-1 { flex-shrink: 1 !important; } .justify-content-wd-start { justify-content: flex-start !important; } .justify-content-wd-end { justify-content: flex-end !important; } .justify-content-wd-center { justify-content: center !important; } .justify-content-wd-between { justify-content: space-between !important; } .justify-content-wd-around { justify-content: space-around !important; } .align-items-wd-start { align-items: flex-start !important; } .align-items-wd-end { align-items: flex-end !important; } .align-items-wd-center { align-items: center !important; } .align-items-wd-baseline { align-items: baseline !important; } .align-items-wd-stretch { align-items: stretch !important; } .align-content-wd-start { align-content: flex-start !important; } .align-content-wd-end { align-content: flex-end !important; } .align-content-wd-center { align-content: center !important; } .align-content-wd-between { align-content: space-between !important; } .align-content-wd-around { align-content: space-around !important; } .align-content-wd-stretch { align-content: stretch !important; } .align-self-wd-auto { align-self: auto !important; } .align-self-wd-start { align-self: flex-start !important; } .align-self-wd-end { align-self: flex-end !important; } .align-self-wd-center { align-self: center !important; } .align-self-wd-baseline { align-self: baseline !important; } .align-self-wd-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1480px) { .float-wd-left { float: left !important; } .float-wd-right { float: right !important; } .float-wd-none { float: none !important; } } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; -ms-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0 35px rgba(140, 152, 164, 0.125) !important; } .shadow { box-shadow: 0 0.375rem 1.5rem 0 rgba(140, 152, 164, 0.125) !important; } .shadow-lg { box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175) !important; } .shadow-none { box-shadow: none !important; } .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; } .w-15 { width: 15% !important; } .w-20 { width: 20% !important; } .w-30 { width: 30% !important; } .w-35 { width: 35% !important; } .w-40 { width: 40% !important; } .w-60 { width: 60% !important; } .w-65 { width: 65% !important; } .w-80 { width: 80% !important; } .w-85 { width: 85% !important; } .w-90 { width: 90% !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; } .h-15 { height: 15% !important; } .h-20 { height: 20% !important; } .h-30 { height: 30% !important; } .h-35 { height: 35% !important; } .h-40 { height: 40% !important; } .h-60 { height: 60% !important; } .h-65 { height: 65% !important; } .h-80 { height: 80% !important; } .h-85 { height: 85% !important; } .h-90 { height: 90% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 2rem !important; } .mt-5, .my-5 { margin-top: 2rem !important; } .mr-5, .mx-5 { margin-right: 2rem !important; } .mb-5, .my-5 { margin-bottom: 2rem !important; } .ml-5, .mx-5 { margin-left: 2rem !important; } .m-0dot5 { margin: 0.143rem !important; } .mt-0dot5, .my-0dot5 { margin-top: 0.143rem !important; } .mr-0dot5, .mx-0dot5 { margin-right: 0.143rem !important; } .mb-0dot5, .my-0dot5 { margin-bottom: 0.143rem !important; } .ml-0dot5, .mx-0dot5 { margin-left: 0.143rem !important; } .m-6 { margin: 2.5rem !important; } .mt-6, .my-6 { margin-top: 2.5rem !important; } .mr-6, .mx-6 { margin-right: 2.5rem !important; } .mb-6, .my-6 { margin-bottom: 2.5rem !important; } .ml-6, .mx-6 { margin-left: 2.5rem !important; } .m-7 { margin: 3rem !important; } .mt-7, .my-7 { margin-top: 3rem !important; } .mr-7, .mx-7 { margin-right: 3rem !important; } .mb-7, .my-7 { margin-bottom: 3rem !important; } .ml-7, .mx-7 { margin-left: 3rem !important; } .m-8 { margin: 3.5rem !important; } .mt-8, .my-8 { margin-top: 3.5rem !important; } .mr-8, .mx-8 { margin-right: 3.5rem !important; } .mb-8, .my-8 { margin-bottom: 3.5rem !important; } .ml-8, .mx-8 { margin-left: 3.5rem !important; } .m-9 { margin: 4rem !important; } .mt-9, .my-9 { margin-top: 4rem !important; } .mr-9, .mx-9 { margin-right: 4rem !important; } .mb-9, .my-9 { margin-bottom: 4rem !important; } .ml-9, .mx-9 { margin-left: 4rem !important; } .m-10 { margin: 4.5rem !important; } .mt-10, .my-10 { margin-top: 4.5rem !important; } .mr-10, .mx-10 { margin-right: 4.5rem !important; } .mb-10, .my-10 { margin-bottom: 4.5rem !important; } .ml-10, .mx-10 { margin-left: 4.5rem !important; } .m-11 { margin: 5rem !important; } .mt-11, .my-11 { margin-top: 5rem !important; } .mr-11, .mx-11 { margin-right: 5rem !important; } .mb-11, .my-11 { margin-bottom: 5rem !important; } .ml-11, .mx-11 { margin-left: 5rem !important; } .m-12 { margin: 5.5rem !important; } .mt-12, .my-12 { margin-top: 5.5rem !important; } .mr-12, .mx-12 { margin-right: 5.5rem !important; } .mb-12, .my-12 { margin-bottom: 5.5rem !important; } .ml-12, .mx-12 { margin-left: 5.5rem !important; } .m-13 { margin: 6rem !important; } .mt-13, .my-13 { margin-top: 6rem !important; } .mr-13, .mx-13 { margin-right: 6rem !important; } .mb-13, .my-13 { margin-bottom: 6rem !important; } .ml-13, .mx-13 { margin-left: 6rem !important; } .m-14 { margin: 6.5rem !important; } .mt-14, .my-14 { margin-top: 6.5rem !important; } .mr-14, .mx-14 { margin-right: 6.5rem !important; } .mb-14, .my-14 { margin-bottom: 6.5rem !important; } .ml-14, .mx-14 { margin-left: 6.5rem !important; } .m-15 { margin: 7rem !important; } .mt-15, .my-15 { margin-top: 7rem !important; } .mr-15, .mx-15 { margin-right: 7rem !important; } .mb-15, .my-15 { margin-bottom: 7rem !important; } .ml-15, .mx-15 { margin-left: 7rem !important; } .m-16 { margin: 8rem !important; } .mt-16, .my-16 { margin-top: 8rem !important; } .mr-16, .mx-16 { margin-right: 8rem !important; } .mb-16, .my-16 { margin-bottom: 8rem !important; } .ml-16, .mx-16 { margin-left: 8rem !important; } .m-17 { margin: 9rem !important; } .mt-17, .my-17 { margin-top: 9rem !important; } .mr-17, .mx-17 { margin-right: 9rem !important; } .mb-17, .my-17 { margin-bottom: 9rem !important; } .ml-17, .mx-17 { margin-left: 9rem !important; } .m-18 { margin: 10rem !important; } .mt-18, .my-18 { margin-top: 10rem !important; } .mr-18, .mx-18 { margin-right: 10rem !important; } .mb-18, .my-18 { margin-bottom: 10rem !important; } .ml-18, .mx-18 { margin-left: 10rem !important; } .m-19 { margin: 10.6rem !important; } .mt-19, .my-19 { margin-top: 10.6rem !important; } .mr-19, .mx-19 { margin-right: 10.6rem !important; } .mb-19, .my-19 { margin-bottom: 10.6rem !important; } .ml-19, .mx-19 { margin-left: 10.6rem !important; } .m-20 { margin: 12.4rem !important; } .mt-20, .my-20 { margin-top: 12.4rem !important; } .mr-20, .mx-20 { margin-right: 12.4rem !important; } .mb-20, .my-20 { margin-bottom: 12.4rem !important; } .ml-20, .mx-20 { margin-left: 12.4rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 2rem !important; } .pt-5, .py-5 { padding-top: 2rem !important; } .pr-5, .px-5 { padding-right: 2rem !important; } .pb-5, .py-5 { padding-bottom: 2rem !important; } .pl-5, .px-5 { padding-left: 2rem !important; } .p-0dot5 { padding: 0.143rem !important; } .pt-0dot5, .py-0dot5 { padding-top: 0.143rem !important; } .pr-0dot5, .px-0dot5 { padding-right: 0.143rem !important; } .pb-0dot5, .py-0dot5 { padding-bottom: 0.143rem !important; } .pl-0dot5, .px-0dot5 { padding-left: 0.143rem !important; } .p-6 { padding: 2.5rem !important; } .pt-6, .py-6 { padding-top: 2.5rem !important; } .pr-6, .px-6 { padding-right: 2.5rem !important; } .pb-6, .py-6 { padding-bottom: 2.5rem !important; } .pl-6, .px-6 { padding-left: 2.5rem !important; } .p-7 { padding: 3rem !important; } .pt-7, .py-7 { padding-top: 3rem !important; } .pr-7, .px-7 { padding-right: 3rem !important; } .pb-7, .py-7 { padding-bottom: 3rem !important; } .pl-7, .px-7 { padding-left: 3rem !important; } .p-8 { padding: 3.5rem !important; } .pt-8, .py-8 { padding-top: 3.5rem !important; } .pr-8, .px-8 { padding-right: 3.5rem !important; } .pb-8, .py-8 { padding-bottom: 3.5rem !important; } .pl-8, .px-8 { padding-left: 3.5rem !important; } .p-9 { padding: 4rem !important; } .pt-9, .py-9 { padding-top: 4rem !important; } .pr-9, .px-9 { padding-right: 4rem !important; } .pb-9, .py-9 { padding-bottom: 4rem !important; } .pl-9, .px-9 { padding-left: 4rem !important; } .p-10 { padding: 4.5rem !important; } .pt-10, .py-10 { padding-top: 4.5rem !important; } .pr-10, .px-10 { padding-right: 4.5rem !important; } .pb-10, .py-10 { padding-bottom: 4.5rem !important; } .pl-10, .px-10 { padding-left: 4.5rem !important; } .p-11 { padding: 5rem !important; } .pt-11, .py-11 { padding-top: 5rem !important; } .pr-11, .px-11 { padding-right: 5rem !important; } .pb-11, .py-11 { padding-bottom: 5rem !important; } .pl-11, .px-11 { padding-left: 5rem !important; } .p-12 { padding: 5.5rem !important; } .pt-12, .py-12 { padding-top: 5.5rem !important; } .pr-12, .px-12 { padding-right: 5.5rem !important; } .pb-12, .py-12 { padding-bottom: 5.5rem !important; } .pl-12, .px-12 { padding-left: 5.5rem !important; } .p-13 { padding: 6rem !important; } .pt-13, .py-13 { padding-top: 6rem !important; } .pr-13, .px-13 { padding-right: 6rem !important; } .pb-13, .py-13 { padding-bottom: 6rem !important; } .pl-13, .px-13 { padding-left: 6rem !important; } .p-14 { padding: 6.5rem !important; } .pt-14, .py-14 { padding-top: 6.5rem !important; } .pr-14, .px-14 { padding-right: 6.5rem !important; } .pb-14, .py-14 { padding-bottom: 6.5rem !important; } .pl-14, .px-14 { padding-left: 6.5rem !important; } .p-15 { padding: 7rem !important; } .pt-15, .py-15 { padding-top: 7rem !important; } .pr-15, .px-15 { padding-right: 7rem !important; } .pb-15, .py-15 { padding-bottom: 7rem !important; } .pl-15, .px-15 { padding-left: 7rem !important; } .p-16 { padding: 8rem !important; } .pt-16, .py-16 { padding-top: 8rem !important; } .pr-16, .px-16 { padding-right: 8rem !important; } .pb-16, .py-16 { padding-bottom: 8rem !important; } .pl-16, .px-16 { padding-left: 8rem !important; } .p-17 { padding: 9rem !important; } .pt-17, .py-17 { padding-top: 9rem !important; } .pr-17, .px-17 { padding-right: 9rem !important; } .pb-17, .py-17 { padding-bottom: 9rem !important; } .pl-17, .px-17 { padding-left: 9rem !important; } .p-18 { padding: 10rem !important; } .pt-18, .py-18 { padding-top: 10rem !important; } .pr-18, .px-18 { padding-right: 10rem !important; } .pb-18, .py-18 { padding-bottom: 10rem !important; } .pl-18, .px-18 { padding-left: 10rem !important; } .p-19 { padding: 10.6rem !important; } .pt-19, .py-19 { padding-top: 10.6rem !important; } .pr-19, .px-19 { padding-right: 10.6rem !important; } .pb-19, .py-19 { padding-bottom: 10.6rem !important; } .pl-19, .px-19 { padding-left: 10.6rem !important; } .p-20 { padding: 12.4rem !important; } .pt-20, .py-20 { padding-top: 12.4rem !important; } .pr-20, .px-20 { padding-right: 12.4rem !important; } .pb-20, .py-20 { padding-bottom: 12.4rem !important; } .pl-20, .px-20 { padding-left: 12.4rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -2rem !important; } .mt-n5, .my-n5 { margin-top: -2rem !important; } .mr-n5, .mx-n5 { margin-right: -2rem !important; } .mb-n5, .my-n5 { margin-bottom: -2rem !important; } .ml-n5, .mx-n5 { margin-left: -2rem !important; } .m-n0dot5 { margin: -0.143rem !important; } .mt-n0dot5, .my-n0dot5 { margin-top: -0.143rem !important; } .mr-n0dot5, .mx-n0dot5 { margin-right: -0.143rem !important; } .mb-n0dot5, .my-n0dot5 { margin-bottom: -0.143rem !important; } .ml-n0dot5, .mx-n0dot5 { margin-left: -0.143rem !important; } .m-n6 { margin: -2.5rem !important; } .mt-n6, .my-n6 { margin-top: -2.5rem !important; } .mr-n6, .mx-n6 { margin-right: -2.5rem !important; } .mb-n6, .my-n6 { margin-bottom: -2.5rem !important; } .ml-n6, .mx-n6 { margin-left: -2.5rem !important; } .m-n7 { margin: -3rem !important; } .mt-n7, .my-n7 { margin-top: -3rem !important; } .mr-n7, .mx-n7 { margin-right: -3rem !important; } .mb-n7, .my-n7 { margin-bottom: -3rem !important; } .ml-n7, .mx-n7 { margin-left: -3rem !important; } .m-n8 { margin: -3.5rem !important; } .mt-n8, .my-n8 { margin-top: -3.5rem !important; } .mr-n8, .mx-n8 { margin-right: -3.5rem !important; } .mb-n8, .my-n8 { margin-bottom: -3.5rem !important; } .ml-n8, .mx-n8 { margin-left: -3.5rem !important; } .m-n9 { margin: -4rem !important; } .mt-n9, .my-n9 { margin-top: -4rem !important; } .mr-n9, .mx-n9 { margin-right: -4rem !important; } .mb-n9, .my-n9 { margin-bottom: -4rem !important; } .ml-n9, .mx-n9 { margin-left: -4rem !important; } .m-n10 { margin: -4.5rem !important; } .mt-n10, .my-n10 { margin-top: -4.5rem !important; } .mr-n10, .mx-n10 { margin-right: -4.5rem !important; } .mb-n10, .my-n10 { margin-bottom: -4.5rem !important; } .ml-n10, .mx-n10 { margin-left: -4.5rem !important; } .m-n11 { margin: -5rem !important; } .mt-n11, .my-n11 { margin-top: -5rem !important; } .mr-n11, .mx-n11 { margin-right: -5rem !important; } .mb-n11, .my-n11 { margin-bottom: -5rem !important; } .ml-n11, .mx-n11 { margin-left: -5rem !important; } .m-n12 { margin: -5.5rem !important; } .mt-n12, .my-n12 { margin-top: -5.5rem !important; } .mr-n12, .mx-n12 { margin-right: -5.5rem !important; } .mb-n12, .my-n12 { margin-bottom: -5.5rem !important; } .ml-n12, .mx-n12 { margin-left: -5.5rem !important; } .m-n13 { margin: -6rem !important; } .mt-n13, .my-n13 { margin-top: -6rem !important; } .mr-n13, .mx-n13 { margin-right: -6rem !important; } .mb-n13, .my-n13 { margin-bottom: -6rem !important; } .ml-n13, .mx-n13 { margin-left: -6rem !important; } .m-n14 { margin: -6.5rem !important; } .mt-n14, .my-n14 { margin-top: -6.5rem !important; } .mr-n14, .mx-n14 { margin-right: -6.5rem !important; } .mb-n14, .my-n14 { margin-bottom: -6.5rem !important; } .ml-n14, .mx-n14 { margin-left: -6.5rem !important; } .m-n15 { margin: -7rem !important; } .mt-n15, .my-n15 { margin-top: -7rem !important; } .mr-n15, .mx-n15 { margin-right: -7rem !important; } .mb-n15, .my-n15 { margin-bottom: -7rem !important; } .ml-n15, .mx-n15 { margin-left: -7rem !important; } .m-n16 { margin: -8rem !important; } .mt-n16, .my-n16 { margin-top: -8rem !important; } .mr-n16, .mx-n16 { margin-right: -8rem !important; } .mb-n16, .my-n16 { margin-bottom: -8rem !important; } .ml-n16, .mx-n16 { margin-left: -8rem !important; } .m-n17 { margin: -9rem !important; } .mt-n17, .my-n17 { margin-top: -9rem !important; } .mr-n17, .mx-n17 { margin-right: -9rem !important; } .mb-n17, .my-n17 { margin-bottom: -9rem !important; } .ml-n17, .mx-n17 { margin-left: -9rem !important; } .m-n18 { margin: -10rem !important; } .mt-n18, .my-n18 { margin-top: -10rem !important; } .mr-n18, .mx-n18 { margin-right: -10rem !important; } .mb-n18, .my-n18 { margin-bottom: -10rem !important; } .ml-n18, .mx-n18 { margin-left: -10rem !important; } .m-n19 { margin: -10.6rem !important; } .mt-n19, .my-n19 { margin-top: -10.6rem !important; } .mr-n19, .mx-n19 { margin-right: -10.6rem !important; } .mb-n19, .my-n19 { margin-bottom: -10.6rem !important; } .ml-n19, .mx-n19 { margin-left: -10.6rem !important; } .m-n20 { margin: -12.4rem !important; } .mt-n20, .my-n20 { margin-top: -12.4rem !important; } .mr-n20, .mx-n20 { margin-right: -12.4rem !important; } .mb-n20, .my-n20 { margin-bottom: -12.4rem !important; } .ml-n20, .mx-n20 { margin-left: -12.4rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 2rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 2rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 2rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 2rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 2rem !important; } .m-sm-0dot5 { margin: 0.143rem !important; } .mt-sm-0dot5, .my-sm-0dot5 { margin-top: 0.143rem !important; } .mr-sm-0dot5, .mx-sm-0dot5 { margin-right: 0.143rem !important; } .mb-sm-0dot5, .my-sm-0dot5 { margin-bottom: 0.143rem !important; } .ml-sm-0dot5, .mx-sm-0dot5 { margin-left: 0.143rem !important; } .m-sm-6 { margin: 2.5rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 2.5rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 2.5rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 2.5rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 2.5rem !important; } .m-sm-7 { margin: 3rem !important; } .mt-sm-7, .my-sm-7 { margin-top: 3rem !important; } .mr-sm-7, .mx-sm-7 { margin-right: 3rem !important; } .mb-sm-7, .my-sm-7 { margin-bottom: 3rem !important; } .ml-sm-7, .mx-sm-7 { margin-left: 3rem !important; } .m-sm-8 { margin: 3.5rem !important; } .mt-sm-8, .my-sm-8 { margin-top: 3.5rem !important; } .mr-sm-8, .mx-sm-8 { margin-right: 3.5rem !important; } .mb-sm-8, .my-sm-8 { margin-bottom: 3.5rem !important; } .ml-sm-8, .mx-sm-8 { margin-left: 3.5rem !important; } .m-sm-9 { margin: 4rem !important; } .mt-sm-9, .my-sm-9 { margin-top: 4rem !important; } .mr-sm-9, .mx-sm-9 { margin-right: 4rem !important; } .mb-sm-9, .my-sm-9 { margin-bottom: 4rem !important; } .ml-sm-9, .mx-sm-9 { margin-left: 4rem !important; } .m-sm-10 { margin: 4.5rem !important; } .mt-sm-10, .my-sm-10 { margin-top: 4.5rem !important; } .mr-sm-10, .mx-sm-10 { margin-right: 4.5rem !important; } .mb-sm-10, .my-sm-10 { margin-bottom: 4.5rem !important; } .ml-sm-10, .mx-sm-10 { margin-left: 4.5rem !important; } .m-sm-11 { margin: 5rem !important; } .mt-sm-11, .my-sm-11 { margin-top: 5rem !important; } .mr-sm-11, .mx-sm-11 { margin-right: 5rem !important; } .mb-sm-11, .my-sm-11 { margin-bottom: 5rem !important; } .ml-sm-11, .mx-sm-11 { margin-left: 5rem !important; } .m-sm-12 { margin: 5.5rem !important; } .mt-sm-12, .my-sm-12 { margin-top: 5.5rem !important; } .mr-sm-12, .mx-sm-12 { margin-right: 5.5rem !important; } .mb-sm-12, .my-sm-12 { margin-bottom: 5.5rem !important; } .ml-sm-12, .mx-sm-12 { margin-left: 5.5rem !important; } .m-sm-13 { margin: 6rem !important; } .mt-sm-13, .my-sm-13 { margin-top: 6rem !important; } .mr-sm-13, .mx-sm-13 { margin-right: 6rem !important; } .mb-sm-13, .my-sm-13 { margin-bottom: 6rem !important; } .ml-sm-13, .mx-sm-13 { margin-left: 6rem !important; } .m-sm-14 { margin: 6.5rem !important; } .mt-sm-14, .my-sm-14 { margin-top: 6.5rem !important; } .mr-sm-14, .mx-sm-14 { margin-right: 6.5rem !important; } .mb-sm-14, .my-sm-14 { margin-bottom: 6.5rem !important; } .ml-sm-14, .mx-sm-14 { margin-left: 6.5rem !important; } .m-sm-15 { margin: 7rem !important; } .mt-sm-15, .my-sm-15 { margin-top: 7rem !important; } .mr-sm-15, .mx-sm-15 { margin-right: 7rem !important; } .mb-sm-15, .my-sm-15 { margin-bottom: 7rem !important; } .ml-sm-15, .mx-sm-15 { margin-left: 7rem !important; } .m-sm-16 { margin: 8rem !important; } .mt-sm-16, .my-sm-16 { margin-top: 8rem !important; } .mr-sm-16, .mx-sm-16 { margin-right: 8rem !important; } .mb-sm-16, .my-sm-16 { margin-bottom: 8rem !important; } .ml-sm-16, .mx-sm-16 { margin-left: 8rem !important; } .m-sm-17 { margin: 9rem !important; } .mt-sm-17, .my-sm-17 { margin-top: 9rem !important; } .mr-sm-17, .mx-sm-17 { margin-right: 9rem !important; } .mb-sm-17, .my-sm-17 { margin-bottom: 9rem !important; } .ml-sm-17, .mx-sm-17 { margin-left: 9rem !important; } .m-sm-18 { margin: 10rem !important; } .mt-sm-18, .my-sm-18 { margin-top: 10rem !important; } .mr-sm-18, .mx-sm-18 { margin-right: 10rem !important; } .mb-sm-18, .my-sm-18 { margin-bottom: 10rem !important; } .ml-sm-18, .mx-sm-18 { margin-left: 10rem !important; } .m-sm-19 { margin: 10.6rem !important; } .mt-sm-19, .my-sm-19 { margin-top: 10.6rem !important; } .mr-sm-19, .mx-sm-19 { margin-right: 10.6rem !important; } .mb-sm-19, .my-sm-19 { margin-bottom: 10.6rem !important; } .ml-sm-19, .mx-sm-19 { margin-left: 10.6rem !important; } .m-sm-20 { margin: 12.4rem !important; } .mt-sm-20, .my-sm-20 { margin-top: 12.4rem !important; } .mr-sm-20, .mx-sm-20 { margin-right: 12.4rem !important; } .mb-sm-20, .my-sm-20 { margin-bottom: 12.4rem !important; } .ml-sm-20, .mx-sm-20 { margin-left: 12.4rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 2rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 2rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 2rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 2rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 2rem !important; } .p-sm-0dot5 { padding: 0.143rem !important; } .pt-sm-0dot5, .py-sm-0dot5 { padding-top: 0.143rem !important; } .pr-sm-0dot5, .px-sm-0dot5 { padding-right: 0.143rem !important; } .pb-sm-0dot5, .py-sm-0dot5 { padding-bottom: 0.143rem !important; } .pl-sm-0dot5, .px-sm-0dot5 { padding-left: 0.143rem !important; } .p-sm-6 { padding: 2.5rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 2.5rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 2.5rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 2.5rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 2.5rem !important; } .p-sm-7 { padding: 3rem !important; } .pt-sm-7, .py-sm-7 { padding-top: 3rem !important; } .pr-sm-7, .px-sm-7 { padding-right: 3rem !important; } .pb-sm-7, .py-sm-7 { padding-bottom: 3rem !important; } .pl-sm-7, .px-sm-7 { padding-left: 3rem !important; } .p-sm-8 { padding: 3.5rem !important; } .pt-sm-8, .py-sm-8 { padding-top: 3.5rem !important; } .pr-sm-8, .px-sm-8 { padding-right: 3.5rem !important; } .pb-sm-8, .py-sm-8 { padding-bottom: 3.5rem !important; } .pl-sm-8, .px-sm-8 { padding-left: 3.5rem !important; } .p-sm-9 { padding: 4rem !important; } .pt-sm-9, .py-sm-9 { padding-top: 4rem !important; } .pr-sm-9, .px-sm-9 { padding-right: 4rem !important; } .pb-sm-9, .py-sm-9 { padding-bottom: 4rem !important; } .pl-sm-9, .px-sm-9 { padding-left: 4rem !important; } .p-sm-10 { padding: 4.5rem !important; } .pt-sm-10, .py-sm-10 { padding-top: 4.5rem !important; } .pr-sm-10, .px-sm-10 { padding-right: 4.5rem !important; } .pb-sm-10, .py-sm-10 { padding-bottom: 4.5rem !important; } .pl-sm-10, .px-sm-10 { padding-left: 4.5rem !important; } .p-sm-11 { padding: 5rem !important; } .pt-sm-11, .py-sm-11 { padding-top: 5rem !important; } .pr-sm-11, .px-sm-11 { padding-right: 5rem !important; } .pb-sm-11, .py-sm-11 { padding-bottom: 5rem !important; } .pl-sm-11, .px-sm-11 { padding-left: 5rem !important; } .p-sm-12 { padding: 5.5rem !important; } .pt-sm-12, .py-sm-12 { padding-top: 5.5rem !important; } .pr-sm-12, .px-sm-12 { padding-right: 5.5rem !important; } .pb-sm-12, .py-sm-12 { padding-bottom: 5.5rem !important; } .pl-sm-12, .px-sm-12 { padding-left: 5.5rem !important; } .p-sm-13 { padding: 6rem !important; } .pt-sm-13, .py-sm-13 { padding-top: 6rem !important; } .pr-sm-13, .px-sm-13 { padding-right: 6rem !important; } .pb-sm-13, .py-sm-13 { padding-bottom: 6rem !important; } .pl-sm-13, .px-sm-13 { padding-left: 6rem !important; } .p-sm-14 { padding: 6.5rem !important; } .pt-sm-14, .py-sm-14 { padding-top: 6.5rem !important; } .pr-sm-14, .px-sm-14 { padding-right: 6.5rem !important; } .pb-sm-14, .py-sm-14 { padding-bottom: 6.5rem !important; } .pl-sm-14, .px-sm-14 { padding-left: 6.5rem !important; } .p-sm-15 { padding: 7rem !important; } .pt-sm-15, .py-sm-15 { padding-top: 7rem !important; } .pr-sm-15, .px-sm-15 { padding-right: 7rem !important; } .pb-sm-15, .py-sm-15 { padding-bottom: 7rem !important; } .pl-sm-15, .px-sm-15 { padding-left: 7rem !important; } .p-sm-16 { padding: 8rem !important; } .pt-sm-16, .py-sm-16 { padding-top: 8rem !important; } .pr-sm-16, .px-sm-16 { padding-right: 8rem !important; } .pb-sm-16, .py-sm-16 { padding-bottom: 8rem !important; } .pl-sm-16, .px-sm-16 { padding-left: 8rem !important; } .p-sm-17 { padding: 9rem !important; } .pt-sm-17, .py-sm-17 { padding-top: 9rem !important; } .pr-sm-17, .px-sm-17 { padding-right: 9rem !important; } .pb-sm-17, .py-sm-17 { padding-bottom: 9rem !important; } .pl-sm-17, .px-sm-17 { padding-left: 9rem !important; } .p-sm-18 { padding: 10rem !important; } .pt-sm-18, .py-sm-18 { padding-top: 10rem !important; } .pr-sm-18, .px-sm-18 { padding-right: 10rem !important; } .pb-sm-18, .py-sm-18 { padding-bottom: 10rem !important; } .pl-sm-18, .px-sm-18 { padding-left: 10rem !important; } .p-sm-19 { padding: 10.6rem !important; } .pt-sm-19, .py-sm-19 { padding-top: 10.6rem !important; } .pr-sm-19, .px-sm-19 { padding-right: 10.6rem !important; } .pb-sm-19, .py-sm-19 { padding-bottom: 10.6rem !important; } .pl-sm-19, .px-sm-19 { padding-left: 10.6rem !important; } .p-sm-20 { padding: 12.4rem !important; } .pt-sm-20, .py-sm-20 { padding-top: 12.4rem !important; } .pr-sm-20, .px-sm-20 { padding-right: 12.4rem !important; } .pb-sm-20, .py-sm-20 { padding-bottom: 12.4rem !important; } .pl-sm-20, .px-sm-20 { padding-left: 12.4rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -2rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -2rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -2rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -2rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -2rem !important; } .m-sm-n0dot5 { margin: -0.143rem !important; } .mt-sm-n0dot5, .my-sm-n0dot5 { margin-top: -0.143rem !important; } .mr-sm-n0dot5, .mx-sm-n0dot5 { margin-right: -0.143rem !important; } .mb-sm-n0dot5, .my-sm-n0dot5 { margin-bottom: -0.143rem !important; } .ml-sm-n0dot5, .mx-sm-n0dot5 { margin-left: -0.143rem !important; } .m-sm-n6 { margin: -2.5rem !important; } .mt-sm-n6, .my-sm-n6 { margin-top: -2.5rem !important; } .mr-sm-n6, .mx-sm-n6 { margin-right: -2.5rem !important; } .mb-sm-n6, .my-sm-n6 { margin-bottom: -2.5rem !important; } .ml-sm-n6, .mx-sm-n6 { margin-left: -2.5rem !important; } .m-sm-n7 { margin: -3rem !important; } .mt-sm-n7, .my-sm-n7 { margin-top: -3rem !important; } .mr-sm-n7, .mx-sm-n7 { margin-right: -3rem !important; } .mb-sm-n7, .my-sm-n7 { margin-bottom: -3rem !important; } .ml-sm-n7, .mx-sm-n7 { margin-left: -3rem !important; } .m-sm-n8 { margin: -3.5rem !important; } .mt-sm-n8, .my-sm-n8 { margin-top: -3.5rem !important; } .mr-sm-n8, .mx-sm-n8 { margin-right: -3.5rem !important; } .mb-sm-n8, .my-sm-n8 { margin-bottom: -3.5rem !important; } .ml-sm-n8, .mx-sm-n8 { margin-left: -3.5rem !important; } .m-sm-n9 { margin: -4rem !important; } .mt-sm-n9, .my-sm-n9 { margin-top: -4rem !important; } .mr-sm-n9, .mx-sm-n9 { margin-right: -4rem !important; } .mb-sm-n9, .my-sm-n9 { margin-bottom: -4rem !important; } .ml-sm-n9, .mx-sm-n9 { margin-left: -4rem !important; } .m-sm-n10 { margin: -4.5rem !important; } .mt-sm-n10, .my-sm-n10 { margin-top: -4.5rem !important; } .mr-sm-n10, .mx-sm-n10 { margin-right: -4.5rem !important; } .mb-sm-n10, .my-sm-n10 { margin-bottom: -4.5rem !important; } .ml-sm-n10, .mx-sm-n10 { margin-left: -4.5rem !important; } .m-sm-n11 { margin: -5rem !important; } .mt-sm-n11, .my-sm-n11 { margin-top: -5rem !important; } .mr-sm-n11, .mx-sm-n11 { margin-right: -5rem !important; } .mb-sm-n11, .my-sm-n11 { margin-bottom: -5rem !important; } .ml-sm-n11, .mx-sm-n11 { margin-left: -5rem !important; } .m-sm-n12 { margin: -5.5rem !important; } .mt-sm-n12, .my-sm-n12 { margin-top: -5.5rem !important; } .mr-sm-n12, .mx-sm-n12 { margin-right: -5.5rem !important; } .mb-sm-n12, .my-sm-n12 { margin-bottom: -5.5rem !important; } .ml-sm-n12, .mx-sm-n12 { margin-left: -5.5rem !important; } .m-sm-n13 { margin: -6rem !important; } .mt-sm-n13, .my-sm-n13 { margin-top: -6rem !important; } .mr-sm-n13, .mx-sm-n13 { margin-right: -6rem !important; } .mb-sm-n13, .my-sm-n13 { margin-bottom: -6rem !important; } .ml-sm-n13, .mx-sm-n13 { margin-left: -6rem !important; } .m-sm-n14 { margin: -6.5rem !important; } .mt-sm-n14, .my-sm-n14 { margin-top: -6.5rem !important; } .mr-sm-n14, .mx-sm-n14 { margin-right: -6.5rem !important; } .mb-sm-n14, .my-sm-n14 { margin-bottom: -6.5rem !important; } .ml-sm-n14, .mx-sm-n14 { margin-left: -6.5rem !important; } .m-sm-n15 { margin: -7rem !important; } .mt-sm-n15, .my-sm-n15 { margin-top: -7rem !important; } .mr-sm-n15, .mx-sm-n15 { margin-right: -7rem !important; } .mb-sm-n15, .my-sm-n15 { margin-bottom: -7rem !important; } .ml-sm-n15, .mx-sm-n15 { margin-left: -7rem !important; } .m-sm-n16 { margin: -8rem !important; } .mt-sm-n16, .my-sm-n16 { margin-top: -8rem !important; } .mr-sm-n16, .mx-sm-n16 { margin-right: -8rem !important; } .mb-sm-n16, .my-sm-n16 { margin-bottom: -8rem !important; } .ml-sm-n16, .mx-sm-n16 { margin-left: -8rem !important; } .m-sm-n17 { margin: -9rem !important; } .mt-sm-n17, .my-sm-n17 { margin-top: -9rem !important; } .mr-sm-n17, .mx-sm-n17 { margin-right: -9rem !important; } .mb-sm-n17, .my-sm-n17 { margin-bottom: -9rem !important; } .ml-sm-n17, .mx-sm-n17 { margin-left: -9rem !important; } .m-sm-n18 { margin: -10rem !important; } .mt-sm-n18, .my-sm-n18 { margin-top: -10rem !important; } .mr-sm-n18, .mx-sm-n18 { margin-right: -10rem !important; } .mb-sm-n18, .my-sm-n18 { margin-bottom: -10rem !important; } .ml-sm-n18, .mx-sm-n18 { margin-left: -10rem !important; } .m-sm-n19 { margin: -10.6rem !important; } .mt-sm-n19, .my-sm-n19 { margin-top: -10.6rem !important; } .mr-sm-n19, .mx-sm-n19 { margin-right: -10.6rem !important; } .mb-sm-n19, .my-sm-n19 { margin-bottom: -10.6rem !important; } .ml-sm-n19, .mx-sm-n19 { margin-left: -10.6rem !important; } .m-sm-n20 { margin: -12.4rem !important; } .mt-sm-n20, .my-sm-n20 { margin-top: -12.4rem !important; } .mr-sm-n20, .mx-sm-n20 { margin-right: -12.4rem !important; } .mb-sm-n20, .my-sm-n20 { margin-bottom: -12.4rem !important; } .ml-sm-n20, .mx-sm-n20 { margin-left: -12.4rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 2rem !important; } .mt-md-5, .my-md-5 { margin-top: 2rem !important; } .mr-md-5, .mx-md-5 { margin-right: 2rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 2rem !important; } .ml-md-5, .mx-md-5 { margin-left: 2rem !important; } .m-md-0dot5 { margin: 0.143rem !important; } .mt-md-0dot5, .my-md-0dot5 { margin-top: 0.143rem !important; } .mr-md-0dot5, .mx-md-0dot5 { margin-right: 0.143rem !important; } .mb-md-0dot5, .my-md-0dot5 { margin-bottom: 0.143rem !important; } .ml-md-0dot5, .mx-md-0dot5 { margin-left: 0.143rem !important; } .m-md-6 { margin: 2.5rem !important; } .mt-md-6, .my-md-6 { margin-top: 2.5rem !important; } .mr-md-6, .mx-md-6 { margin-right: 2.5rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 2.5rem !important; } .ml-md-6, .mx-md-6 { margin-left: 2.5rem !important; } .m-md-7 { margin: 3rem !important; } .mt-md-7, .my-md-7 { margin-top: 3rem !important; } .mr-md-7, .mx-md-7 { margin-right: 3rem !important; } .mb-md-7, .my-md-7 { margin-bottom: 3rem !important; } .ml-md-7, .mx-md-7 { margin-left: 3rem !important; } .m-md-8 { margin: 3.5rem !important; } .mt-md-8, .my-md-8 { margin-top: 3.5rem !important; } .mr-md-8, .mx-md-8 { margin-right: 3.5rem !important; } .mb-md-8, .my-md-8 { margin-bottom: 3.5rem !important; } .ml-md-8, .mx-md-8 { margin-left: 3.5rem !important; } .m-md-9 { margin: 4rem !important; } .mt-md-9, .my-md-9 { margin-top: 4rem !important; } .mr-md-9, .mx-md-9 { margin-right: 4rem !important; } .mb-md-9, .my-md-9 { margin-bottom: 4rem !important; } .ml-md-9, .mx-md-9 { margin-left: 4rem !important; } .m-md-10 { margin: 4.5rem !important; } .mt-md-10, .my-md-10 { margin-top: 4.5rem !important; } .mr-md-10, .mx-md-10 { margin-right: 4.5rem !important; } .mb-md-10, .my-md-10 { margin-bottom: 4.5rem !important; } .ml-md-10, .mx-md-10 { margin-left: 4.5rem !important; } .m-md-11 { margin: 5rem !important; } .mt-md-11, .my-md-11 { margin-top: 5rem !important; } .mr-md-11, .mx-md-11 { margin-right: 5rem !important; } .mb-md-11, .my-md-11 { margin-bottom: 5rem !important; } .ml-md-11, .mx-md-11 { margin-left: 5rem !important; } .m-md-12 { margin: 5.5rem !important; } .mt-md-12, .my-md-12 { margin-top: 5.5rem !important; } .mr-md-12, .mx-md-12 { margin-right: 5.5rem !important; } .mb-md-12, .my-md-12 { margin-bottom: 5.5rem !important; } .ml-md-12, .mx-md-12 { margin-left: 5.5rem !important; } .m-md-13 { margin: 6rem !important; } .mt-md-13, .my-md-13 { margin-top: 6rem !important; } .mr-md-13, .mx-md-13 { margin-right: 6rem !important; } .mb-md-13, .my-md-13 { margin-bottom: 6rem !important; } .ml-md-13, .mx-md-13 { margin-left: 6rem !important; } .m-md-14 { margin: 6.5rem !important; } .mt-md-14, .my-md-14 { margin-top: 6.5rem !important; } .mr-md-14, .mx-md-14 { margin-right: 6.5rem !important; } .mb-md-14, .my-md-14 { margin-bottom: 6.5rem !important; } .ml-md-14, .mx-md-14 { margin-left: 6.5rem !important; } .m-md-15 { margin: 7rem !important; } .mt-md-15, .my-md-15 { margin-top: 7rem !important; } .mr-md-15, .mx-md-15 { margin-right: 7rem !important; } .mb-md-15, .my-md-15 { margin-bottom: 7rem !important; } .ml-md-15, .mx-md-15 { margin-left: 7rem !important; } .m-md-16 { margin: 8rem !important; } .mt-md-16, .my-md-16 { margin-top: 8rem !important; } .mr-md-16, .mx-md-16 { margin-right: 8rem !important; } .mb-md-16, .my-md-16 { margin-bottom: 8rem !important; } .ml-md-16, .mx-md-16 { margin-left: 8rem !important; } .m-md-17 { margin: 9rem !important; } .mt-md-17, .my-md-17 { margin-top: 9rem !important; } .mr-md-17, .mx-md-17 { margin-right: 9rem !important; } .mb-md-17, .my-md-17 { margin-bottom: 9rem !important; } .ml-md-17, .mx-md-17 { margin-left: 9rem !important; } .m-md-18 { margin: 10rem !important; } .mt-md-18, .my-md-18 { margin-top: 10rem !important; } .mr-md-18, .mx-md-18 { margin-right: 10rem !important; } .mb-md-18, .my-md-18 { margin-bottom: 10rem !important; } .ml-md-18, .mx-md-18 { margin-left: 10rem !important; } .m-md-19 { margin: 10.6rem !important; } .mt-md-19, .my-md-19 { margin-top: 10.6rem !important; } .mr-md-19, .mx-md-19 { margin-right: 10.6rem !important; } .mb-md-19, .my-md-19 { margin-bottom: 10.6rem !important; } .ml-md-19, .mx-md-19 { margin-left: 10.6rem !important; } .m-md-20 { margin: 12.4rem !important; } .mt-md-20, .my-md-20 { margin-top: 12.4rem !important; } .mr-md-20, .mx-md-20 { margin-right: 12.4rem !important; } .mb-md-20, .my-md-20 { margin-bottom: 12.4rem !important; } .ml-md-20, .mx-md-20 { margin-left: 12.4rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 2rem !important; } .pt-md-5, .py-md-5 { padding-top: 2rem !important; } .pr-md-5, .px-md-5 { padding-right: 2rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 2rem !important; } .pl-md-5, .px-md-5 { padding-left: 2rem !important; } .p-md-0dot5 { padding: 0.143rem !important; } .pt-md-0dot5, .py-md-0dot5 { padding-top: 0.143rem !important; } .pr-md-0dot5, .px-md-0dot5 { padding-right: 0.143rem !important; } .pb-md-0dot5, .py-md-0dot5 { padding-bottom: 0.143rem !important; } .pl-md-0dot5, .px-md-0dot5 { padding-left: 0.143rem !important; } .p-md-6 { padding: 2.5rem !important; } .pt-md-6, .py-md-6 { padding-top: 2.5rem !important; } .pr-md-6, .px-md-6 { padding-right: 2.5rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 2.5rem !important; } .pl-md-6, .px-md-6 { padding-left: 2.5rem !important; } .p-md-7 { padding: 3rem !important; } .pt-md-7, .py-md-7 { padding-top: 3rem !important; } .pr-md-7, .px-md-7 { padding-right: 3rem !important; } .pb-md-7, .py-md-7 { padding-bottom: 3rem !important; } .pl-md-7, .px-md-7 { padding-left: 3rem !important; } .p-md-8 { padding: 3.5rem !important; } .pt-md-8, .py-md-8 { padding-top: 3.5rem !important; } .pr-md-8, .px-md-8 { padding-right: 3.5rem !important; } .pb-md-8, .py-md-8 { padding-bottom: 3.5rem !important; } .pl-md-8, .px-md-8 { padding-left: 3.5rem !important; } .p-md-9 { padding: 4rem !important; } .pt-md-9, .py-md-9 { padding-top: 4rem !important; } .pr-md-9, .px-md-9 { padding-right: 4rem !important; } .pb-md-9, .py-md-9 { padding-bottom: 4rem !important; } .pl-md-9, .px-md-9 { padding-left: 4rem !important; } .p-md-10 { padding: 4.5rem !important; } .pt-md-10, .py-md-10 { padding-top: 4.5rem !important; } .pr-md-10, .px-md-10 { padding-right: 4.5rem !important; } .pb-md-10, .py-md-10 { padding-bottom: 4.5rem !important; } .pl-md-10, .px-md-10 { padding-left: 4.5rem !important; } .p-md-11 { padding: 5rem !important; } .pt-md-11, .py-md-11 { padding-top: 5rem !important; } .pr-md-11, .px-md-11 { padding-right: 5rem !important; } .pb-md-11, .py-md-11 { padding-bottom: 5rem !important; } .pl-md-11, .px-md-11 { padding-left: 5rem !important; } .p-md-12 { padding: 5.5rem !important; } .pt-md-12, .py-md-12 { padding-top: 5.5rem !important; } .pr-md-12, .px-md-12 { padding-right: 5.5rem !important; } .pb-md-12, .py-md-12 { padding-bottom: 5.5rem !important; } .pl-md-12, .px-md-12 { padding-left: 5.5rem !important; } .p-md-13 { padding: 6rem !important; } .pt-md-13, .py-md-13 { padding-top: 6rem !important; } .pr-md-13, .px-md-13 { padding-right: 6rem !important; } .pb-md-13, .py-md-13 { padding-bottom: 6rem !important; } .pl-md-13, .px-md-13 { padding-left: 6rem !important; } .p-md-14 { padding: 6.5rem !important; } .pt-md-14, .py-md-14 { padding-top: 6.5rem !important; } .pr-md-14, .px-md-14 { padding-right: 6.5rem !important; } .pb-md-14, .py-md-14 { padding-bottom: 6.5rem !important; } .pl-md-14, .px-md-14 { padding-left: 6.5rem !important; } .p-md-15 { padding: 7rem !important; } .pt-md-15, .py-md-15 { padding-top: 7rem !important; } .pr-md-15, .px-md-15 { padding-right: 7rem !important; } .pb-md-15, .py-md-15 { padding-bottom: 7rem !important; } .pl-md-15, .px-md-15 { padding-left: 7rem !important; } .p-md-16 { padding: 8rem !important; } .pt-md-16, .py-md-16 { padding-top: 8rem !important; } .pr-md-16, .px-md-16 { padding-right: 8rem !important; } .pb-md-16, .py-md-16 { padding-bottom: 8rem !important; } .pl-md-16, .px-md-16 { padding-left: 8rem !important; } .p-md-17 { padding: 9rem !important; } .pt-md-17, .py-md-17 { padding-top: 9rem !important; } .pr-md-17, .px-md-17 { padding-right: 9rem !important; } .pb-md-17, .py-md-17 { padding-bottom: 9rem !important; } .pl-md-17, .px-md-17 { padding-left: 9rem !important; } .p-md-18 { padding: 10rem !important; } .pt-md-18, .py-md-18 { padding-top: 10rem !important; } .pr-md-18, .px-md-18 { padding-right: 10rem !important; } .pb-md-18, .py-md-18 { padding-bottom: 10rem !important; } .pl-md-18, .px-md-18 { padding-left: 10rem !important; } .p-md-19 { padding: 10.6rem !important; } .pt-md-19, .py-md-19 { padding-top: 10.6rem !important; } .pr-md-19, .px-md-19 { padding-right: 10.6rem !important; } .pb-md-19, .py-md-19 { padding-bottom: 10.6rem !important; } .pl-md-19, .px-md-19 { padding-left: 10.6rem !important; } .p-md-20 { padding: 12.4rem !important; } .pt-md-20, .py-md-20 { padding-top: 12.4rem !important; } .pr-md-20, .px-md-20 { padding-right: 12.4rem !important; } .pb-md-20, .py-md-20 { padding-bottom: 12.4rem !important; } .pl-md-20, .px-md-20 { padding-left: 12.4rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -2rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -2rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -2rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -2rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -2rem !important; } .m-md-n0dot5 { margin: -0.143rem !important; } .mt-md-n0dot5, .my-md-n0dot5 { margin-top: -0.143rem !important; } .mr-md-n0dot5, .mx-md-n0dot5 { margin-right: -0.143rem !important; } .mb-md-n0dot5, .my-md-n0dot5 { margin-bottom: -0.143rem !important; } .ml-md-n0dot5, .mx-md-n0dot5 { margin-left: -0.143rem !important; } .m-md-n6 { margin: -2.5rem !important; } .mt-md-n6, .my-md-n6 { margin-top: -2.5rem !important; } .mr-md-n6, .mx-md-n6 { margin-right: -2.5rem !important; } .mb-md-n6, .my-md-n6 { margin-bottom: -2.5rem !important; } .ml-md-n6, .mx-md-n6 { margin-left: -2.5rem !important; } .m-md-n7 { margin: -3rem !important; } .mt-md-n7, .my-md-n7 { margin-top: -3rem !important; } .mr-md-n7, .mx-md-n7 { margin-right: -3rem !important; } .mb-md-n7, .my-md-n7 { margin-bottom: -3rem !important; } .ml-md-n7, .mx-md-n7 { margin-left: -3rem !important; } .m-md-n8 { margin: -3.5rem !important; } .mt-md-n8, .my-md-n8 { margin-top: -3.5rem !important; } .mr-md-n8, .mx-md-n8 { margin-right: -3.5rem !important; } .mb-md-n8, .my-md-n8 { margin-bottom: -3.5rem !important; } .ml-md-n8, .mx-md-n8 { margin-left: -3.5rem !important; } .m-md-n9 { margin: -4rem !important; } .mt-md-n9, .my-md-n9 { margin-top: -4rem !important; } .mr-md-n9, .mx-md-n9 { margin-right: -4rem !important; } .mb-md-n9, .my-md-n9 { margin-bottom: -4rem !important; } .ml-md-n9, .mx-md-n9 { margin-left: -4rem !important; } .m-md-n10 { margin: -4.5rem !important; } .mt-md-n10, .my-md-n10 { margin-top: -4.5rem !important; } .mr-md-n10, .mx-md-n10 { margin-right: -4.5rem !important; } .mb-md-n10, .my-md-n10 { margin-bottom: -4.5rem !important; } .ml-md-n10, .mx-md-n10 { margin-left: -4.5rem !important; } .m-md-n11 { margin: -5rem !important; } .mt-md-n11, .my-md-n11 { margin-top: -5rem !important; } .mr-md-n11, .mx-md-n11 { margin-right: -5rem !important; } .mb-md-n11, .my-md-n11 { margin-bottom: -5rem !important; } .ml-md-n11, .mx-md-n11 { margin-left: -5rem !important; } .m-md-n12 { margin: -5.5rem !important; } .mt-md-n12, .my-md-n12 { margin-top: -5.5rem !important; } .mr-md-n12, .mx-md-n12 { margin-right: -5.5rem !important; } .mb-md-n12, .my-md-n12 { margin-bottom: -5.5rem !important; } .ml-md-n12, .mx-md-n12 { margin-left: -5.5rem !important; } .m-md-n13 { margin: -6rem !important; } .mt-md-n13, .my-md-n13 { margin-top: -6rem !important; } .mr-md-n13, .mx-md-n13 { margin-right: -6rem !important; } .mb-md-n13, .my-md-n13 { margin-bottom: -6rem !important; } .ml-md-n13, .mx-md-n13 { margin-left: -6rem !important; } .m-md-n14 { margin: -6.5rem !important; } .mt-md-n14, .my-md-n14 { margin-top: -6.5rem !important; } .mr-md-n14, .mx-md-n14 { margin-right: -6.5rem !important; } .mb-md-n14, .my-md-n14 { margin-bottom: -6.5rem !important; } .ml-md-n14, .mx-md-n14 { margin-left: -6.5rem !important; } .m-md-n15 { margin: -7rem !important; } .mt-md-n15, .my-md-n15 { margin-top: -7rem !important; } .mr-md-n15, .mx-md-n15 { margin-right: -7rem !important; } .mb-md-n15, .my-md-n15 { margin-bottom: -7rem !important; } .ml-md-n15, .mx-md-n15 { margin-left: -7rem !important; } .m-md-n16 { margin: -8rem !important; } .mt-md-n16, .my-md-n16 { margin-top: -8rem !important; } .mr-md-n16, .mx-md-n16 { margin-right: -8rem !important; } .mb-md-n16, .my-md-n16 { margin-bottom: -8rem !important; } .ml-md-n16, .mx-md-n16 { margin-left: -8rem !important; } .m-md-n17 { margin: -9rem !important; } .mt-md-n17, .my-md-n17 { margin-top: -9rem !important; } .mr-md-n17, .mx-md-n17 { margin-right: -9rem !important; } .mb-md-n17, .my-md-n17 { margin-bottom: -9rem !important; } .ml-md-n17, .mx-md-n17 { margin-left: -9rem !important; } .m-md-n18 { margin: -10rem !important; } .mt-md-n18, .my-md-n18 { margin-top: -10rem !important; } .mr-md-n18, .mx-md-n18 { margin-right: -10rem !important; } .mb-md-n18, .my-md-n18 { margin-bottom: -10rem !important; } .ml-md-n18, .mx-md-n18 { margin-left: -10rem !important; } .m-md-n19 { margin: -10.6rem !important; } .mt-md-n19, .my-md-n19 { margin-top: -10.6rem !important; } .mr-md-n19, .mx-md-n19 { margin-right: -10.6rem !important; } .mb-md-n19, .my-md-n19 { margin-bottom: -10.6rem !important; } .ml-md-n19, .mx-md-n19 { margin-left: -10.6rem !important; } .m-md-n20 { margin: -12.4rem !important; } .mt-md-n20, .my-md-n20 { margin-top: -12.4rem !important; } .mr-md-n20, .mx-md-n20 { margin-right: -12.4rem !important; } .mb-md-n20, .my-md-n20 { margin-bottom: -12.4rem !important; } .ml-md-n20, .mx-md-n20 { margin-left: -12.4rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 2rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 2rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 2rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 2rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 2rem !important; } .m-lg-0dot5 { margin: 0.143rem !important; } .mt-lg-0dot5, .my-lg-0dot5 { margin-top: 0.143rem !important; } .mr-lg-0dot5, .mx-lg-0dot5 { margin-right: 0.143rem !important; } .mb-lg-0dot5, .my-lg-0dot5 { margin-bottom: 0.143rem !important; } .ml-lg-0dot5, .mx-lg-0dot5 { margin-left: 0.143rem !important; } .m-lg-6 { margin: 2.5rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 2.5rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 2.5rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 2.5rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 2.5rem !important; } .m-lg-7 { margin: 3rem !important; } .mt-lg-7, .my-lg-7 { margin-top: 3rem !important; } .mr-lg-7, .mx-lg-7 { margin-right: 3rem !important; } .mb-lg-7, .my-lg-7 { margin-bottom: 3rem !important; } .ml-lg-7, .mx-lg-7 { margin-left: 3rem !important; } .m-lg-8 { margin: 3.5rem !important; } .mt-lg-8, .my-lg-8 { margin-top: 3.5rem !important; } .mr-lg-8, .mx-lg-8 { margin-right: 3.5rem !important; } .mb-lg-8, .my-lg-8 { margin-bottom: 3.5rem !important; } .ml-lg-8, .mx-lg-8 { margin-left: 3.5rem !important; } .m-lg-9 { margin: 4rem !important; } .mt-lg-9, .my-lg-9 { margin-top: 4rem !important; } .mr-lg-9, .mx-lg-9 { margin-right: 4rem !important; } .mb-lg-9, .my-lg-9 { margin-bottom: 4rem !important; } .ml-lg-9, .mx-lg-9 { margin-left: 4rem !important; } .m-lg-10 { margin: 4.5rem !important; } .mt-lg-10, .my-lg-10 { margin-top: 4.5rem !important; } .mr-lg-10, .mx-lg-10 { margin-right: 4.5rem !important; } .mb-lg-10, .my-lg-10 { margin-bottom: 4.5rem !important; } .ml-lg-10, .mx-lg-10 { margin-left: 4.5rem !important; } .m-lg-11 { margin: 5rem !important; } .mt-lg-11, .my-lg-11 { margin-top: 5rem !important; } .mr-lg-11, .mx-lg-11 { margin-right: 5rem !important; } .mb-lg-11, .my-lg-11 { margin-bottom: 5rem !important; } .ml-lg-11, .mx-lg-11 { margin-left: 5rem !important; } .m-lg-12 { margin: 5.5rem !important; } .mt-lg-12, .my-lg-12 { margin-top: 5.5rem !important; } .mr-lg-12, .mx-lg-12 { margin-right: 5.5rem !important; } .mb-lg-12, .my-lg-12 { margin-bottom: 5.5rem !important; } .ml-lg-12, .mx-lg-12 { margin-left: 5.5rem !important; } .m-lg-13 { margin: 6rem !important; } .mt-lg-13, .my-lg-13 { margin-top: 6rem !important; } .mr-lg-13, .mx-lg-13 { margin-right: 6rem !important; } .mb-lg-13, .my-lg-13 { margin-bottom: 6rem !important; } .ml-lg-13, .mx-lg-13 { margin-left: 6rem !important; } .m-lg-14 { margin: 6.5rem !important; } .mt-lg-14, .my-lg-14 { margin-top: 6.5rem !important; } .mr-lg-14, .mx-lg-14 { margin-right: 6.5rem !important; } .mb-lg-14, .my-lg-14 { margin-bottom: 6.5rem !important; } .ml-lg-14, .mx-lg-14 { margin-left: 6.5rem !important; } .m-lg-15 { margin: 7rem !important; } .mt-lg-15, .my-lg-15 { margin-top: 7rem !important; } .mr-lg-15, .mx-lg-15 { margin-right: 7rem !important; } .mb-lg-15, .my-lg-15 { margin-bottom: 7rem !important; } .ml-lg-15, .mx-lg-15 { margin-left: 7rem !important; } .m-lg-16 { margin: 8rem !important; } .mt-lg-16, .my-lg-16 { margin-top: 8rem !important; } .mr-lg-16, .mx-lg-16 { margin-right: 8rem !important; } .mb-lg-16, .my-lg-16 { margin-bottom: 8rem !important; } .ml-lg-16, .mx-lg-16 { margin-left: 8rem !important; } .m-lg-17 { margin: 9rem !important; } .mt-lg-17, .my-lg-17 { margin-top: 9rem !important; } .mr-lg-17, .mx-lg-17 { margin-right: 9rem !important; } .mb-lg-17, .my-lg-17 { margin-bottom: 9rem !important; } .ml-lg-17, .mx-lg-17 { margin-left: 9rem !important; } .m-lg-18 { margin: 10rem !important; } .mt-lg-18, .my-lg-18 { margin-top: 10rem !important; } .mr-lg-18, .mx-lg-18 { margin-right: 10rem !important; } .mb-lg-18, .my-lg-18 { margin-bottom: 10rem !important; } .ml-lg-18, .mx-lg-18 { margin-left: 10rem !important; } .m-lg-19 { margin: 10.6rem !important; } .mt-lg-19, .my-lg-19 { margin-top: 10.6rem !important; } .mr-lg-19, .mx-lg-19 { margin-right: 10.6rem !important; } .mb-lg-19, .my-lg-19 { margin-bottom: 10.6rem !important; } .ml-lg-19, .mx-lg-19 { margin-left: 10.6rem !important; } .m-lg-20 { margin: 12.4rem !important; } .mt-lg-20, .my-lg-20 { margin-top: 12.4rem !important; } .mr-lg-20, .mx-lg-20 { margin-right: 12.4rem !important; } .mb-lg-20, .my-lg-20 { margin-bottom: 12.4rem !important; } .ml-lg-20, .mx-lg-20 { margin-left: 12.4rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 2rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 2rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 2rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 2rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 2rem !important; } .p-lg-0dot5 { padding: 0.143rem !important; } .pt-lg-0dot5, .py-lg-0dot5 { padding-top: 0.143rem !important; } .pr-lg-0dot5, .px-lg-0dot5 { padding-right: 0.143rem !important; } .pb-lg-0dot5, .py-lg-0dot5 { padding-bottom: 0.143rem !important; } .pl-lg-0dot5, .px-lg-0dot5 { padding-left: 0.143rem !important; } .p-lg-6 { padding: 2.5rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 2.5rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 2.5rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 2.5rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 2.5rem !important; } .p-lg-7 { padding: 3rem !important; } .pt-lg-7, .py-lg-7 { padding-top: 3rem !important; } .pr-lg-7, .px-lg-7 { padding-right: 3rem !important; } .pb-lg-7, .py-lg-7 { padding-bottom: 3rem !important; } .pl-lg-7, .px-lg-7 { padding-left: 3rem !important; } .p-lg-8 { padding: 3.5rem !important; } .pt-lg-8, .py-lg-8 { padding-top: 3.5rem !important; } .pr-lg-8, .px-lg-8 { padding-right: 3.5rem !important; } .pb-lg-8, .py-lg-8 { padding-bottom: 3.5rem !important; } .pl-lg-8, .px-lg-8 { padding-left: 3.5rem !important; } .p-lg-9 { padding: 4rem !important; } .pt-lg-9, .py-lg-9 { padding-top: 4rem !important; } .pr-lg-9, .px-lg-9 { padding-right: 4rem !important; } .pb-lg-9, .py-lg-9 { padding-bottom: 4rem !important; } .pl-lg-9, .px-lg-9 { padding-left: 4rem !important; } .p-lg-10 { padding: 4.5rem !important; } .pt-lg-10, .py-lg-10 { padding-top: 4.5rem !important; } .pr-lg-10, .px-lg-10 { padding-right: 4.5rem !important; } .pb-lg-10, .py-lg-10 { padding-bottom: 4.5rem !important; } .pl-lg-10, .px-lg-10 { padding-left: 4.5rem !important; } .p-lg-11 { padding: 5rem !important; } .pt-lg-11, .py-lg-11 { padding-top: 5rem !important; } .pr-lg-11, .px-lg-11 { padding-right: 5rem !important; } .pb-lg-11, .py-lg-11 { padding-bottom: 5rem !important; } .pl-lg-11, .px-lg-11 { padding-left: 5rem !important; } .p-lg-12 { padding: 5.5rem !important; } .pt-lg-12, .py-lg-12 { padding-top: 5.5rem !important; } .pr-lg-12, .px-lg-12 { padding-right: 5.5rem !important; } .pb-lg-12, .py-lg-12 { padding-bottom: 5.5rem !important; } .pl-lg-12, .px-lg-12 { padding-left: 5.5rem !important; } .p-lg-13 { padding: 6rem !important; } .pt-lg-13, .py-lg-13 { padding-top: 6rem !important; } .pr-lg-13, .px-lg-13 { padding-right: 6rem !important; } .pb-lg-13, .py-lg-13 { padding-bottom: 6rem !important; } .pl-lg-13, .px-lg-13 { padding-left: 6rem !important; } .p-lg-14 { padding: 6.5rem !important; } .pt-lg-14, .py-lg-14 { padding-top: 6.5rem !important; } .pr-lg-14, .px-lg-14 { padding-right: 6.5rem !important; } .pb-lg-14, .py-lg-14 { padding-bottom: 6.5rem !important; } .pl-lg-14, .px-lg-14 { padding-left: 6.5rem !important; } .p-lg-15 { padding: 7rem !important; } .pt-lg-15, .py-lg-15 { padding-top: 7rem !important; } .pr-lg-15, .px-lg-15 { padding-right: 7rem !important; } .pb-lg-15, .py-lg-15 { padding-bottom: 7rem !important; } .pl-lg-15, .px-lg-15 { padding-left: 7rem !important; } .p-lg-16 { padding: 8rem !important; } .pt-lg-16, .py-lg-16 { padding-top: 8rem !important; } .pr-lg-16, .px-lg-16 { padding-right: 8rem !important; } .pb-lg-16, .py-lg-16 { padding-bottom: 8rem !important; } .pl-lg-16, .px-lg-16 { padding-left: 8rem !important; } .p-lg-17 { padding: 9rem !important; } .pt-lg-17, .py-lg-17 { padding-top: 9rem !important; } .pr-lg-17, .px-lg-17 { padding-right: 9rem !important; } .pb-lg-17, .py-lg-17 { padding-bottom: 9rem !important; } .pl-lg-17, .px-lg-17 { padding-left: 9rem !important; } .p-lg-18 { padding: 10rem !important; } .pt-lg-18, .py-lg-18 { padding-top: 10rem !important; } .pr-lg-18, .px-lg-18 { padding-right: 10rem !important; } .pb-lg-18, .py-lg-18 { padding-bottom: 10rem !important; } .pl-lg-18, .px-lg-18 { padding-left: 10rem !important; } .p-lg-19 { padding: 10.6rem !important; } .pt-lg-19, .py-lg-19 { padding-top: 10.6rem !important; } .pr-lg-19, .px-lg-19 { padding-right: 10.6rem !important; } .pb-lg-19, .py-lg-19 { padding-bottom: 10.6rem !important; } .pl-lg-19, .px-lg-19 { padding-left: 10.6rem !important; } .p-lg-20 { padding: 12.4rem !important; } .pt-lg-20, .py-lg-20 { padding-top: 12.4rem !important; } .pr-lg-20, .px-lg-20 { padding-right: 12.4rem !important; } .pb-lg-20, .py-lg-20 { padding-bottom: 12.4rem !important; } .pl-lg-20, .px-lg-20 { padding-left: 12.4rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -2rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -2rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -2rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -2rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -2rem !important; } .m-lg-n0dot5 { margin: -0.143rem !important; } .mt-lg-n0dot5, .my-lg-n0dot5 { margin-top: -0.143rem !important; } .mr-lg-n0dot5, .mx-lg-n0dot5 { margin-right: -0.143rem !important; } .mb-lg-n0dot5, .my-lg-n0dot5 { margin-bottom: -0.143rem !important; } .ml-lg-n0dot5, .mx-lg-n0dot5 { margin-left: -0.143rem !important; } .m-lg-n6 { margin: -2.5rem !important; } .mt-lg-n6, .my-lg-n6 { margin-top: -2.5rem !important; } .mr-lg-n6, .mx-lg-n6 { margin-right: -2.5rem !important; } .mb-lg-n6, .my-lg-n6 { margin-bottom: -2.5rem !important; } .ml-lg-n6, .mx-lg-n6 { margin-left: -2.5rem !important; } .m-lg-n7 { margin: -3rem !important; } .mt-lg-n7, .my-lg-n7 { margin-top: -3rem !important; } .mr-lg-n7, .mx-lg-n7 { margin-right: -3rem !important; } .mb-lg-n7, .my-lg-n7 { margin-bottom: -3rem !important; } .ml-lg-n7, .mx-lg-n7 { margin-left: -3rem !important; } .m-lg-n8 { margin: -3.5rem !important; } .mt-lg-n8, .my-lg-n8 { margin-top: -3.5rem !important; } .mr-lg-n8, .mx-lg-n8 { margin-right: -3.5rem !important; } .mb-lg-n8, .my-lg-n8 { margin-bottom: -3.5rem !important; } .ml-lg-n8, .mx-lg-n8 { margin-left: -3.5rem !important; } .m-lg-n9 { margin: -4rem !important; } .mt-lg-n9, .my-lg-n9 { margin-top: -4rem !important; } .mr-lg-n9, .mx-lg-n9 { margin-right: -4rem !important; } .mb-lg-n9, .my-lg-n9 { margin-bottom: -4rem !important; } .ml-lg-n9, .mx-lg-n9 { margin-left: -4rem !important; } .m-lg-n10 { margin: -4.5rem !important; } .mt-lg-n10, .my-lg-n10 { margin-top: -4.5rem !important; } .mr-lg-n10, .mx-lg-n10 { margin-right: -4.5rem !important; } .mb-lg-n10, .my-lg-n10 { margin-bottom: -4.5rem !important; } .ml-lg-n10, .mx-lg-n10 { margin-left: -4.5rem !important; } .m-lg-n11 { margin: -5rem !important; } .mt-lg-n11, .my-lg-n11 { margin-top: -5rem !important; } .mr-lg-n11, .mx-lg-n11 { margin-right: -5rem !important; } .mb-lg-n11, .my-lg-n11 { margin-bottom: -5rem !important; } .ml-lg-n11, .mx-lg-n11 { margin-left: -5rem !important; } .m-lg-n12 { margin: -5.5rem !important; } .mt-lg-n12, .my-lg-n12 { margin-top: -5.5rem !important; } .mr-lg-n12, .mx-lg-n12 { margin-right: -5.5rem !important; } .mb-lg-n12, .my-lg-n12 { margin-bottom: -5.5rem !important; } .ml-lg-n12, .mx-lg-n12 { margin-left: -5.5rem !important; } .m-lg-n13 { margin: -6rem !important; } .mt-lg-n13, .my-lg-n13 { margin-top: -6rem !important; } .mr-lg-n13, .mx-lg-n13 { margin-right: -6rem !important; } .mb-lg-n13, .my-lg-n13 { margin-bottom: -6rem !important; } .ml-lg-n13, .mx-lg-n13 { margin-left: -6rem !important; } .m-lg-n14 { margin: -6.5rem !important; } .mt-lg-n14, .my-lg-n14 { margin-top: -6.5rem !important; } .mr-lg-n14, .mx-lg-n14 { margin-right: -6.5rem !important; } .mb-lg-n14, .my-lg-n14 { margin-bottom: -6.5rem !important; } .ml-lg-n14, .mx-lg-n14 { margin-left: -6.5rem !important; } .m-lg-n15 { margin: -7rem !important; } .mt-lg-n15, .my-lg-n15 { margin-top: -7rem !important; } .mr-lg-n15, .mx-lg-n15 { margin-right: -7rem !important; } .mb-lg-n15, .my-lg-n15 { margin-bottom: -7rem !important; } .ml-lg-n15, .mx-lg-n15 { margin-left: -7rem !important; } .m-lg-n16 { margin: -8rem !important; } .mt-lg-n16, .my-lg-n16 { margin-top: -8rem !important; } .mr-lg-n16, .mx-lg-n16 { margin-right: -8rem !important; } .mb-lg-n16, .my-lg-n16 { margin-bottom: -8rem !important; } .ml-lg-n16, .mx-lg-n16 { margin-left: -8rem !important; } .m-lg-n17 { margin: -9rem !important; } .mt-lg-n17, .my-lg-n17 { margin-top: -9rem !important; } .mr-lg-n17, .mx-lg-n17 { margin-right: -9rem !important; } .mb-lg-n17, .my-lg-n17 { margin-bottom: -9rem !important; } .ml-lg-n17, .mx-lg-n17 { margin-left: -9rem !important; } .m-lg-n18 { margin: -10rem !important; } .mt-lg-n18, .my-lg-n18 { margin-top: -10rem !important; } .mr-lg-n18, .mx-lg-n18 { margin-right: -10rem !important; } .mb-lg-n18, .my-lg-n18 { margin-bottom: -10rem !important; } .ml-lg-n18, .mx-lg-n18 { margin-left: -10rem !important; } .m-lg-n19 { margin: -10.6rem !important; } .mt-lg-n19, .my-lg-n19 { margin-top: -10.6rem !important; } .mr-lg-n19, .mx-lg-n19 { margin-right: -10.6rem !important; } .mb-lg-n19, .my-lg-n19 { margin-bottom: -10.6rem !important; } .ml-lg-n19, .mx-lg-n19 { margin-left: -10.6rem !important; } .m-lg-n20 { margin: -12.4rem !important; } .mt-lg-n20, .my-lg-n20 { margin-top: -12.4rem !important; } .mr-lg-n20, .mx-lg-n20 { margin-right: -12.4rem !important; } .mb-lg-n20, .my-lg-n20 { margin-bottom: -12.4rem !important; } .ml-lg-n20, .mx-lg-n20 { margin-left: -12.4rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 2rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 2rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 2rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 2rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 2rem !important; } .m-xl-0dot5 { margin: 0.143rem !important; } .mt-xl-0dot5, .my-xl-0dot5 { margin-top: 0.143rem !important; } .mr-xl-0dot5, .mx-xl-0dot5 { margin-right: 0.143rem !important; } .mb-xl-0dot5, .my-xl-0dot5 { margin-bottom: 0.143rem !important; } .ml-xl-0dot5, .mx-xl-0dot5 { margin-left: 0.143rem !important; } .m-xl-6 { margin: 2.5rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 2.5rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 2.5rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 2.5rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 2.5rem !important; } .m-xl-7 { margin: 3rem !important; } .mt-xl-7, .my-xl-7 { margin-top: 3rem !important; } .mr-xl-7, .mx-xl-7 { margin-right: 3rem !important; } .mb-xl-7, .my-xl-7 { margin-bottom: 3rem !important; } .ml-xl-7, .mx-xl-7 { margin-left: 3rem !important; } .m-xl-8 { margin: 3.5rem !important; } .mt-xl-8, .my-xl-8 { margin-top: 3.5rem !important; } .mr-xl-8, .mx-xl-8 { margin-right: 3.5rem !important; } .mb-xl-8, .my-xl-8 { margin-bottom: 3.5rem !important; } .ml-xl-8, .mx-xl-8 { margin-left: 3.5rem !important; } .m-xl-9 { margin: 4rem !important; } .mt-xl-9, .my-xl-9 { margin-top: 4rem !important; } .mr-xl-9, .mx-xl-9 { margin-right: 4rem !important; } .mb-xl-9, .my-xl-9 { margin-bottom: 4rem !important; } .ml-xl-9, .mx-xl-9 { margin-left: 4rem !important; } .m-xl-10 { margin: 4.5rem !important; } .mt-xl-10, .my-xl-10 { margin-top: 4.5rem !important; } .mr-xl-10, .mx-xl-10 { margin-right: 4.5rem !important; } .mb-xl-10, .my-xl-10 { margin-bottom: 4.5rem !important; } .ml-xl-10, .mx-xl-10 { margin-left: 4.5rem !important; } .m-xl-11 { margin: 5rem !important; } .mt-xl-11, .my-xl-11 { margin-top: 5rem !important; } .mr-xl-11, .mx-xl-11 { margin-right: 5rem !important; } .mb-xl-11, .my-xl-11 { margin-bottom: 5rem !important; } .ml-xl-11, .mx-xl-11 { margin-left: 5rem !important; } .m-xl-12 { margin: 5.5rem !important; } .mt-xl-12, .my-xl-12 { margin-top: 5.5rem !important; } .mr-xl-12, .mx-xl-12 { margin-right: 5.5rem !important; } .mb-xl-12, .my-xl-12 { margin-bottom: 5.5rem !important; } .ml-xl-12, .mx-xl-12 { margin-left: 5.5rem !important; } .m-xl-13 { margin: 6rem !important; } .mt-xl-13, .my-xl-13 { margin-top: 6rem !important; } .mr-xl-13, .mx-xl-13 { margin-right: 6rem !important; } .mb-xl-13, .my-xl-13 { margin-bottom: 6rem !important; } .ml-xl-13, .mx-xl-13 { margin-left: 6rem !important; } .m-xl-14 { margin: 6.5rem !important; } .mt-xl-14, .my-xl-14 { margin-top: 6.5rem !important; } .mr-xl-14, .mx-xl-14 { margin-right: 6.5rem !important; } .mb-xl-14, .my-xl-14 { margin-bottom: 6.5rem !important; } .ml-xl-14, .mx-xl-14 { margin-left: 6.5rem !important; } .m-xl-15 { margin: 7rem !important; } .mt-xl-15, .my-xl-15 { margin-top: 7rem !important; } .mr-xl-15, .mx-xl-15 { margin-right: 7rem !important; } .mb-xl-15, .my-xl-15 { margin-bottom: 7rem !important; } .ml-xl-15, .mx-xl-15 { margin-left: 7rem !important; } .m-xl-16 { margin: 8rem !important; } .mt-xl-16, .my-xl-16 { margin-top: 8rem !important; } .mr-xl-16, .mx-xl-16 { margin-right: 8rem !important; } .mb-xl-16, .my-xl-16 { margin-bottom: 8rem !important; } .ml-xl-16, .mx-xl-16 { margin-left: 8rem !important; } .m-xl-17 { margin: 9rem !important; } .mt-xl-17, .my-xl-17 { margin-top: 9rem !important; } .mr-xl-17, .mx-xl-17 { margin-right: 9rem !important; } .mb-xl-17, .my-xl-17 { margin-bottom: 9rem !important; } .ml-xl-17, .mx-xl-17 { margin-left: 9rem !important; } .m-xl-18 { margin: 10rem !important; } .mt-xl-18, .my-xl-18 { margin-top: 10rem !important; } .mr-xl-18, .mx-xl-18 { margin-right: 10rem !important; } .mb-xl-18, .my-xl-18 { margin-bottom: 10rem !important; } .ml-xl-18, .mx-xl-18 { margin-left: 10rem !important; } .m-xl-19 { margin: 10.6rem !important; } .mt-xl-19, .my-xl-19 { margin-top: 10.6rem !important; } .mr-xl-19, .mx-xl-19 { margin-right: 10.6rem !important; } .mb-xl-19, .my-xl-19 { margin-bottom: 10.6rem !important; } .ml-xl-19, .mx-xl-19 { margin-left: 10.6rem !important; } .m-xl-20 { margin: 12.4rem !important; } .mt-xl-20, .my-xl-20 { margin-top: 12.4rem !important; } .mr-xl-20, .mx-xl-20 { margin-right: 12.4rem !important; } .mb-xl-20, .my-xl-20 { margin-bottom: 12.4rem !important; } .ml-xl-20, .mx-xl-20 { margin-left: 12.4rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 2rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 2rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 2rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 2rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 2rem !important; } .p-xl-0dot5 { padding: 0.143rem !important; } .pt-xl-0dot5, .py-xl-0dot5 { padding-top: 0.143rem !important; } .pr-xl-0dot5, .px-xl-0dot5 { padding-right: 0.143rem !important; } .pb-xl-0dot5, .py-xl-0dot5 { padding-bottom: 0.143rem !important; } .pl-xl-0dot5, .px-xl-0dot5 { padding-left: 0.143rem !important; } .p-xl-6 { padding: 2.5rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 2.5rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 2.5rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 2.5rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 2.5rem !important; } .p-xl-7 { padding: 3rem !important; } .pt-xl-7, .py-xl-7 { padding-top: 3rem !important; } .pr-xl-7, .px-xl-7 { padding-right: 3rem !important; } .pb-xl-7, .py-xl-7 { padding-bottom: 3rem !important; } .pl-xl-7, .px-xl-7 { padding-left: 3rem !important; } .p-xl-8 { padding: 3.5rem !important; } .pt-xl-8, .py-xl-8 { padding-top: 3.5rem !important; } .pr-xl-8, .px-xl-8 { padding-right: 3.5rem !important; } .pb-xl-8, .py-xl-8 { padding-bottom: 3.5rem !important; } .pl-xl-8, .px-xl-8 { padding-left: 3.5rem !important; } .p-xl-9 { padding: 4rem !important; } .pt-xl-9, .py-xl-9 { padding-top: 4rem !important; } .pr-xl-9, .px-xl-9 { padding-right: 4rem !important; } .pb-xl-9, .py-xl-9 { padding-bottom: 4rem !important; } .pl-xl-9, .px-xl-9 { padding-left: 4rem !important; } .p-xl-10 { padding: 4.5rem !important; } .pt-xl-10, .py-xl-10 { padding-top: 4.5rem !important; } .pr-xl-10, .px-xl-10 { padding-right: 4.5rem !important; } .pb-xl-10, .py-xl-10 { padding-bottom: 4.5rem !important; } .pl-xl-10, .px-xl-10 { padding-left: 4.5rem !important; } .p-xl-11 { padding: 5rem !important; } .pt-xl-11, .py-xl-11 { padding-top: 5rem !important; } .pr-xl-11, .px-xl-11 { padding-right: 5rem !important; } .pb-xl-11, .py-xl-11 { padding-bottom: 5rem !important; } .pl-xl-11, .px-xl-11 { padding-left: 5rem !important; } .p-xl-12 { padding: 5.5rem !important; } .pt-xl-12, .py-xl-12 { padding-top: 5.5rem !important; } .pr-xl-12, .px-xl-12 { padding-right: 5.5rem !important; } .pb-xl-12, .py-xl-12 { padding-bottom: 5.5rem !important; } .pl-xl-12, .px-xl-12 { padding-left: 5.5rem !important; } .p-xl-13 { padding: 6rem !important; } .pt-xl-13, .py-xl-13 { padding-top: 6rem !important; } .pr-xl-13, .px-xl-13 { padding-right: 6rem !important; } .pb-xl-13, .py-xl-13 { padding-bottom: 6rem !important; } .pl-xl-13, .px-xl-13 { padding-left: 6rem !important; } .p-xl-14 { padding: 6.5rem !important; } .pt-xl-14, .py-xl-14 { padding-top: 6.5rem !important; } .pr-xl-14, .px-xl-14 { padding-right: 6.5rem !important; } .pb-xl-14, .py-xl-14 { padding-bottom: 6.5rem !important; } .pl-xl-14, .px-xl-14 { padding-left: 6.5rem !important; } .p-xl-15 { padding: 7rem !important; } .pt-xl-15, .py-xl-15 { padding-top: 7rem !important; } .pr-xl-15, .px-xl-15 { padding-right: 7rem !important; } .pb-xl-15, .py-xl-15 { padding-bottom: 7rem !important; } .pl-xl-15, .px-xl-15 { padding-left: 7rem !important; } .p-xl-16 { padding: 8rem !important; } .pt-xl-16, .py-xl-16 { padding-top: 8rem !important; } .pr-xl-16, .px-xl-16 { padding-right: 8rem !important; } .pb-xl-16, .py-xl-16 { padding-bottom: 8rem !important; } .pl-xl-16, .px-xl-16 { padding-left: 8rem !important; } .p-xl-17 { padding: 9rem !important; } .pt-xl-17, .py-xl-17 { padding-top: 9rem !important; } .pr-xl-17, .px-xl-17 { padding-right: 9rem !important; } .pb-xl-17, .py-xl-17 { padding-bottom: 9rem !important; } .pl-xl-17, .px-xl-17 { padding-left: 9rem !important; } .p-xl-18 { padding: 10rem !important; } .pt-xl-18, .py-xl-18 { padding-top: 10rem !important; } .pr-xl-18, .px-xl-18 { padding-right: 10rem !important; } .pb-xl-18, .py-xl-18 { padding-bottom: 10rem !important; } .pl-xl-18, .px-xl-18 { padding-left: 10rem !important; } .p-xl-19 { padding: 10.6rem !important; } .pt-xl-19, .py-xl-19 { padding-top: 10.6rem !important; } .pr-xl-19, .px-xl-19 { padding-right: 10.6rem !important; } .pb-xl-19, .py-xl-19 { padding-bottom: 10.6rem !important; } .pl-xl-19, .px-xl-19 { padding-left: 10.6rem !important; } .p-xl-20 { padding: 12.4rem !important; } .pt-xl-20, .py-xl-20 { padding-top: 12.4rem !important; } .pr-xl-20, .px-xl-20 { padding-right: 12.4rem !important; } .pb-xl-20, .py-xl-20 { padding-bottom: 12.4rem !important; } .pl-xl-20, .px-xl-20 { padding-left: 12.4rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -2rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -2rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -2rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -2rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -2rem !important; } .m-xl-n0dot5 { margin: -0.143rem !important; } .mt-xl-n0dot5, .my-xl-n0dot5 { margin-top: -0.143rem !important; } .mr-xl-n0dot5, .mx-xl-n0dot5 { margin-right: -0.143rem !important; } .mb-xl-n0dot5, .my-xl-n0dot5 { margin-bottom: -0.143rem !important; } .ml-xl-n0dot5, .mx-xl-n0dot5 { margin-left: -0.143rem !important; } .m-xl-n6 { margin: -2.5rem !important; } .mt-xl-n6, .my-xl-n6 { margin-top: -2.5rem !important; } .mr-xl-n6, .mx-xl-n6 { margin-right: -2.5rem !important; } .mb-xl-n6, .my-xl-n6 { margin-bottom: -2.5rem !important; } .ml-xl-n6, .mx-xl-n6 { margin-left: -2.5rem !important; } .m-xl-n7 { margin: -3rem !important; } .mt-xl-n7, .my-xl-n7 { margin-top: -3rem !important; } .mr-xl-n7, .mx-xl-n7 { margin-right: -3rem !important; } .mb-xl-n7, .my-xl-n7 { margin-bottom: -3rem !important; } .ml-xl-n7, .mx-xl-n7 { margin-left: -3rem !important; } .m-xl-n8 { margin: -3.5rem !important; } .mt-xl-n8, .my-xl-n8 { margin-top: -3.5rem !important; } .mr-xl-n8, .mx-xl-n8 { margin-right: -3.5rem !important; } .mb-xl-n8, .my-xl-n8 { margin-bottom: -3.5rem !important; } .ml-xl-n8, .mx-xl-n8 { margin-left: -3.5rem !important; } .m-xl-n9 { margin: -4rem !important; } .mt-xl-n9, .my-xl-n9 { margin-top: -4rem !important; } .mr-xl-n9, .mx-xl-n9 { margin-right: -4rem !important; } .mb-xl-n9, .my-xl-n9 { margin-bottom: -4rem !important; } .ml-xl-n9, .mx-xl-n9 { margin-left: -4rem !important; } .m-xl-n10 { margin: -4.5rem !important; } .mt-xl-n10, .my-xl-n10 { margin-top: -4.5rem !important; } .mr-xl-n10, .mx-xl-n10 { margin-right: -4.5rem !important; } .mb-xl-n10, .my-xl-n10 { margin-bottom: -4.5rem !important; } .ml-xl-n10, .mx-xl-n10 { margin-left: -4.5rem !important; } .m-xl-n11 { margin: -5rem !important; } .mt-xl-n11, .my-xl-n11 { margin-top: -5rem !important; } .mr-xl-n11, .mx-xl-n11 { margin-right: -5rem !important; } .mb-xl-n11, .my-xl-n11 { margin-bottom: -5rem !important; } .ml-xl-n11, .mx-xl-n11 { margin-left: -5rem !important; } .m-xl-n12 { margin: -5.5rem !important; } .mt-xl-n12, .my-xl-n12 { margin-top: -5.5rem !important; } .mr-xl-n12, .mx-xl-n12 { margin-right: -5.5rem !important; } .mb-xl-n12, .my-xl-n12 { margin-bottom: -5.5rem !important; } .ml-xl-n12, .mx-xl-n12 { margin-left: -5.5rem !important; } .m-xl-n13 { margin: -6rem !important; } .mt-xl-n13, .my-xl-n13 { margin-top: -6rem !important; } .mr-xl-n13, .mx-xl-n13 { margin-right: -6rem !important; } .mb-xl-n13, .my-xl-n13 { margin-bottom: -6rem !important; } .ml-xl-n13, .mx-xl-n13 { margin-left: -6rem !important; } .m-xl-n14 { margin: -6.5rem !important; } .mt-xl-n14, .my-xl-n14 { margin-top: -6.5rem !important; } .mr-xl-n14, .mx-xl-n14 { margin-right: -6.5rem !important; } .mb-xl-n14, .my-xl-n14 { margin-bottom: -6.5rem !important; } .ml-xl-n14, .mx-xl-n14 { margin-left: -6.5rem !important; } .m-xl-n15 { margin: -7rem !important; } .mt-xl-n15, .my-xl-n15 { margin-top: -7rem !important; } .mr-xl-n15, .mx-xl-n15 { margin-right: -7rem !important; } .mb-xl-n15, .my-xl-n15 { margin-bottom: -7rem !important; } .ml-xl-n15, .mx-xl-n15 { margin-left: -7rem !important; } .m-xl-n16 { margin: -8rem !important; } .mt-xl-n16, .my-xl-n16 { margin-top: -8rem !important; } .mr-xl-n16, .mx-xl-n16 { margin-right: -8rem !important; } .mb-xl-n16, .my-xl-n16 { margin-bottom: -8rem !important; } .ml-xl-n16, .mx-xl-n16 { margin-left: -8rem !important; } .m-xl-n17 { margin: -9rem !important; } .mt-xl-n17, .my-xl-n17 { margin-top: -9rem !important; } .mr-xl-n17, .mx-xl-n17 { margin-right: -9rem !important; } .mb-xl-n17, .my-xl-n17 { margin-bottom: -9rem !important; } .ml-xl-n17, .mx-xl-n17 { margin-left: -9rem !important; } .m-xl-n18 { margin: -10rem !important; } .mt-xl-n18, .my-xl-n18 { margin-top: -10rem !important; } .mr-xl-n18, .mx-xl-n18 { margin-right: -10rem !important; } .mb-xl-n18, .my-xl-n18 { margin-bottom: -10rem !important; } .ml-xl-n18, .mx-xl-n18 { margin-left: -10rem !important; } .m-xl-n19 { margin: -10.6rem !important; } .mt-xl-n19, .my-xl-n19 { margin-top: -10.6rem !important; } .mr-xl-n19, .mx-xl-n19 { margin-right: -10.6rem !important; } .mb-xl-n19, .my-xl-n19 { margin-bottom: -10.6rem !important; } .ml-xl-n19, .mx-xl-n19 { margin-left: -10.6rem !important; } .m-xl-n20 { margin: -12.4rem !important; } .mt-xl-n20, .my-xl-n20 { margin-top: -12.4rem !important; } .mr-xl-n20, .mx-xl-n20 { margin-right: -12.4rem !important; } .mb-xl-n20, .my-xl-n20 { margin-bottom: -12.4rem !important; } .ml-xl-n20, .mx-xl-n20 { margin-left: -12.4rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1480px) { .m-wd-0 { margin: 0 !important; } .mt-wd-0, .my-wd-0 { margin-top: 0 !important; } .mr-wd-0, .mx-wd-0 { margin-right: 0 !important; } .mb-wd-0, .my-wd-0 { margin-bottom: 0 !important; } .ml-wd-0, .mx-wd-0 { margin-left: 0 !important; } .m-wd-1 { margin: 0.25rem !important; } .mt-wd-1, .my-wd-1 { margin-top: 0.25rem !important; } .mr-wd-1, .mx-wd-1 { margin-right: 0.25rem !important; } .mb-wd-1, .my-wd-1 { margin-bottom: 0.25rem !important; } .ml-wd-1, .mx-wd-1 { margin-left: 0.25rem !important; } .m-wd-2 { margin: 0.5rem !important; } .mt-wd-2, .my-wd-2 { margin-top: 0.5rem !important; } .mr-wd-2, .mx-wd-2 { margin-right: 0.5rem !important; } .mb-wd-2, .my-wd-2 { margin-bottom: 0.5rem !important; } .ml-wd-2, .mx-wd-2 { margin-left: 0.5rem !important; } .m-wd-3 { margin: 1rem !important; } .mt-wd-3, .my-wd-3 { margin-top: 1rem !important; } .mr-wd-3, .mx-wd-3 { margin-right: 1rem !important; } .mb-wd-3, .my-wd-3 { margin-bottom: 1rem !important; } .ml-wd-3, .mx-wd-3 { margin-left: 1rem !important; } .m-wd-4 { margin: 1.5rem !important; } .mt-wd-4, .my-wd-4 { margin-top: 1.5rem !important; } .mr-wd-4, .mx-wd-4 { margin-right: 1.5rem !important; } .mb-wd-4, .my-wd-4 { margin-bottom: 1.5rem !important; } .ml-wd-4, .mx-wd-4 { margin-left: 1.5rem !important; } .m-wd-5 { margin: 2rem !important; } .mt-wd-5, .my-wd-5 { margin-top: 2rem !important; } .mr-wd-5, .mx-wd-5 { margin-right: 2rem !important; } .mb-wd-5, .my-wd-5 { margin-bottom: 2rem !important; } .ml-wd-5, .mx-wd-5 { margin-left: 2rem !important; } .m-wd-0dot5 { margin: 0.143rem !important; } .mt-wd-0dot5, .my-wd-0dot5 { margin-top: 0.143rem !important; } .mr-wd-0dot5, .mx-wd-0dot5 { margin-right: 0.143rem !important; } .mb-wd-0dot5, .my-wd-0dot5 { margin-bottom: 0.143rem !important; } .ml-wd-0dot5, .mx-wd-0dot5 { margin-left: 0.143rem !important; } .m-wd-6 { margin: 2.5rem !important; } .mt-wd-6, .my-wd-6 { margin-top: 2.5rem !important; } .mr-wd-6, .mx-wd-6 { margin-right: 2.5rem !important; } .mb-wd-6, .my-wd-6 { margin-bottom: 2.5rem !important; } .ml-wd-6, .mx-wd-6 { margin-left: 2.5rem !important; } .m-wd-7 { margin: 3rem !important; } .mt-wd-7, .my-wd-7 { margin-top: 3rem !important; } .mr-wd-7, .mx-wd-7 { margin-right: 3rem !important; } .mb-wd-7, .my-wd-7 { margin-bottom: 3rem !important; } .ml-wd-7, .mx-wd-7 { margin-left: 3rem !important; } .m-wd-8 { margin: 3.5rem !important; } .mt-wd-8, .my-wd-8 { margin-top: 3.5rem !important; } .mr-wd-8, .mx-wd-8 { margin-right: 3.5rem !important; } .mb-wd-8, .my-wd-8 { margin-bottom: 3.5rem !important; } .ml-wd-8, .mx-wd-8 { margin-left: 3.5rem !important; } .m-wd-9 { margin: 4rem !important; } .mt-wd-9, .my-wd-9 { margin-top: 4rem !important; } .mr-wd-9, .mx-wd-9 { margin-right: 4rem !important; } .mb-wd-9, .my-wd-9 { margin-bottom: 4rem !important; } .ml-wd-9, .mx-wd-9 { margin-left: 4rem !important; } .m-wd-10 { margin: 4.5rem !important; } .mt-wd-10, .my-wd-10 { margin-top: 4.5rem !important; } .mr-wd-10, .mx-wd-10 { margin-right: 4.5rem !important; } .mb-wd-10, .my-wd-10 { margin-bottom: 4.5rem !important; } .ml-wd-10, .mx-wd-10 { margin-left: 4.5rem !important; } .m-wd-11 { margin: 5rem !important; } .mt-wd-11, .my-wd-11 { margin-top: 5rem !important; } .mr-wd-11, .mx-wd-11 { margin-right: 5rem !important; } .mb-wd-11, .my-wd-11 { margin-bottom: 5rem !important; } .ml-wd-11, .mx-wd-11 { margin-left: 5rem !important; } .m-wd-12 { margin: 5.5rem !important; } .mt-wd-12, .my-wd-12 { margin-top: 5.5rem !important; } .mr-wd-12, .mx-wd-12 { margin-right: 5.5rem !important; } .mb-wd-12, .my-wd-12 { margin-bottom: 5.5rem !important; } .ml-wd-12, .mx-wd-12 { margin-left: 5.5rem !important; } .m-wd-13 { margin: 6rem !important; } .mt-wd-13, .my-wd-13 { margin-top: 6rem !important; } .mr-wd-13, .mx-wd-13 { margin-right: 6rem !important; } .mb-wd-13, .my-wd-13 { margin-bottom: 6rem !important; } .ml-wd-13, .mx-wd-13 { margin-left: 6rem !important; } .m-wd-14 { margin: 6.5rem !important; } .mt-wd-14, .my-wd-14 { margin-top: 6.5rem !important; } .mr-wd-14, .mx-wd-14 { margin-right: 6.5rem !important; } .mb-wd-14, .my-wd-14 { margin-bottom: 6.5rem !important; } .ml-wd-14, .mx-wd-14 { margin-left: 6.5rem !important; } .m-wd-15 { margin: 7rem !important; } .mt-wd-15, .my-wd-15 { margin-top: 7rem !important; } .mr-wd-15, .mx-wd-15 { margin-right: 7rem !important; } .mb-wd-15, .my-wd-15 { margin-bottom: 7rem !important; } .ml-wd-15, .mx-wd-15 { margin-left: 7rem !important; } .m-wd-16 { margin: 8rem !important; } .mt-wd-16, .my-wd-16 { margin-top: 8rem !important; } .mr-wd-16, .mx-wd-16 { margin-right: 8rem !important; } .mb-wd-16, .my-wd-16 { margin-bottom: 8rem !important; } .ml-wd-16, .mx-wd-16 { margin-left: 8rem !important; } .m-wd-17 { margin: 9rem !important; } .mt-wd-17, .my-wd-17 { margin-top: 9rem !important; } .mr-wd-17, .mx-wd-17 { margin-right: 9rem !important; } .mb-wd-17, .my-wd-17 { margin-bottom: 9rem !important; } .ml-wd-17, .mx-wd-17 { margin-left: 9rem !important; } .m-wd-18 { margin: 10rem !important; } .mt-wd-18, .my-wd-18 { margin-top: 10rem !important; } .mr-wd-18, .mx-wd-18 { margin-right: 10rem !important; } .mb-wd-18, .my-wd-18 { margin-bottom: 10rem !important; } .ml-wd-18, .mx-wd-18 { margin-left: 10rem !important; } .m-wd-19 { margin: 10.6rem !important; } .mt-wd-19, .my-wd-19 { margin-top: 10.6rem !important; } .mr-wd-19, .mx-wd-19 { margin-right: 10.6rem !important; } .mb-wd-19, .my-wd-19 { margin-bottom: 10.6rem !important; } .ml-wd-19, .mx-wd-19 { margin-left: 10.6rem !important; } .m-wd-20 { margin: 12.4rem !important; } .mt-wd-20, .my-wd-20 { margin-top: 12.4rem !important; } .mr-wd-20, .mx-wd-20 { margin-right: 12.4rem !important; } .mb-wd-20, .my-wd-20 { margin-bottom: 12.4rem !important; } .ml-wd-20, .mx-wd-20 { margin-left: 12.4rem !important; } .p-wd-0 { padding: 0 !important; } .pt-wd-0, .py-wd-0 { padding-top: 0 !important; } .pr-wd-0, .px-wd-0 { padding-right: 0 !important; } .pb-wd-0, .py-wd-0 { padding-bottom: 0 !important; } .pl-wd-0, .px-wd-0 { padding-left: 0 !important; } .p-wd-1 { padding: 0.25rem !important; } .pt-wd-1, .py-wd-1 { padding-top: 0.25rem !important; } .pr-wd-1, .px-wd-1 { padding-right: 0.25rem !important; } .pb-wd-1, .py-wd-1 { padding-bottom: 0.25rem !important; } .pl-wd-1, .px-wd-1 { padding-left: 0.25rem !important; } .p-wd-2 { padding: 0.5rem !important; } .pt-wd-2, .py-wd-2 { padding-top: 0.5rem !important; } .pr-wd-2, .px-wd-2 { padding-right: 0.5rem !important; } .pb-wd-2, .py-wd-2 { padding-bottom: 0.5rem !important; } .pl-wd-2, .px-wd-2 { padding-left: 0.5rem !important; } .p-wd-3 { padding: 1rem !important; } .pt-wd-3, .py-wd-3 { padding-top: 1rem !important; } .pr-wd-3, .px-wd-3 { padding-right: 1rem !important; } .pb-wd-3, .py-wd-3 { padding-bottom: 1rem !important; } .pl-wd-3, .px-wd-3 { padding-left: 1rem !important; } .p-wd-4 { padding: 1.5rem !important; } .pt-wd-4, .py-wd-4 { padding-top: 1.5rem !important; } .pr-wd-4, .px-wd-4 { padding-right: 1.5rem !important; } .pb-wd-4, .py-wd-4 { padding-bottom: 1.5rem !important; } .pl-wd-4, .px-wd-4 { padding-left: 1.5rem !important; } .p-wd-5 { padding: 2rem !important; } .pt-wd-5, .py-wd-5 { padding-top: 2rem !important; } .pr-wd-5, .px-wd-5 { padding-right: 2rem !important; } .pb-wd-5, .py-wd-5 { padding-bottom: 2rem !important; } .pl-wd-5, .px-wd-5 { padding-left: 2rem !important; } .p-wd-0dot5 { padding: 0.143rem !important; } .pt-wd-0dot5, .py-wd-0dot5 { padding-top: 0.143rem !important; } .pr-wd-0dot5, .px-wd-0dot5 { padding-right: 0.143rem !important; } .pb-wd-0dot5, .py-wd-0dot5 { padding-bottom: 0.143rem !important; } .pl-wd-0dot5, .px-wd-0dot5 { padding-left: 0.143rem !important; } .p-wd-6 { padding: 2.5rem !important; } .pt-wd-6, .py-wd-6 { padding-top: 2.5rem !important; } .pr-wd-6, .px-wd-6 { padding-right: 2.5rem !important; } .pb-wd-6, .py-wd-6 { padding-bottom: 2.5rem !important; } .pl-wd-6, .px-wd-6 { padding-left: 2.5rem !important; } .p-wd-7 { padding: 3rem !important; } .pt-wd-7, .py-wd-7 { padding-top: 3rem !important; } .pr-wd-7, .px-wd-7 { padding-right: 3rem !important; } .pb-wd-7, .py-wd-7 { padding-bottom: 3rem !important; } .pl-wd-7, .px-wd-7 { padding-left: 3rem !important; } .p-wd-8 { padding: 3.5rem !important; } .pt-wd-8, .py-wd-8 { padding-top: 3.5rem !important; } .pr-wd-8, .px-wd-8 { padding-right: 3.5rem !important; } .pb-wd-8, .py-wd-8 { padding-bottom: 3.5rem !important; } .pl-wd-8, .px-wd-8 { padding-left: 3.5rem !important; } .p-wd-9 { padding: 4rem !important; } .pt-wd-9, .py-wd-9 { padding-top: 4rem !important; } .pr-wd-9, .px-wd-9 { padding-right: 4rem !important; } .pb-wd-9, .py-wd-9 { padding-bottom: 4rem !important; } .pl-wd-9, .px-wd-9 { padding-left: 4rem !important; } .p-wd-10 { padding: 4.5rem !important; } .pt-wd-10, .py-wd-10 { padding-top: 4.5rem !important; } .pr-wd-10, .px-wd-10 { padding-right: 4.5rem !important; } .pb-wd-10, .py-wd-10 { padding-bottom: 4.5rem !important; } .pl-wd-10, .px-wd-10 { padding-left: 4.5rem !important; } .p-wd-11 { padding: 5rem !important; } .pt-wd-11, .py-wd-11 { padding-top: 5rem !important; } .pr-wd-11, .px-wd-11 { padding-right: 5rem !important; } .pb-wd-11, .py-wd-11 { padding-bottom: 5rem !important; } .pl-wd-11, .px-wd-11 { padding-left: 5rem !important; } .p-wd-12 { padding: 5.5rem !important; } .pt-wd-12, .py-wd-12 { padding-top: 5.5rem !important; } .pr-wd-12, .px-wd-12 { padding-right: 5.5rem !important; } .pb-wd-12, .py-wd-12 { padding-bottom: 5.5rem !important; } .pl-wd-12, .px-wd-12 { padding-left: 5.5rem !important; } .p-wd-13 { padding: 6rem !important; } .pt-wd-13, .py-wd-13 { padding-top: 6rem !important; } .pr-wd-13, .px-wd-13 { padding-right: 6rem !important; } .pb-wd-13, .py-wd-13 { padding-bottom: 6rem !important; } .pl-wd-13, .px-wd-13 { padding-left: 6rem !important; } .p-wd-14 { padding: 6.5rem !important; } .pt-wd-14, .py-wd-14 { padding-top: 6.5rem !important; } .pr-wd-14, .px-wd-14 { padding-right: 6.5rem !important; } .pb-wd-14, .py-wd-14 { padding-bottom: 6.5rem !important; } .pl-wd-14, .px-wd-14 { padding-left: 6.5rem !important; } .p-wd-15 { padding: 7rem !important; } .pt-wd-15, .py-wd-15 { padding-top: 7rem !important; } .pr-wd-15, .px-wd-15 { padding-right: 7rem !important; } .pb-wd-15, .py-wd-15 { padding-bottom: 7rem !important; } .pl-wd-15, .px-wd-15 { padding-left: 7rem !important; } .p-wd-16 { padding: 8rem !important; } .pt-wd-16, .py-wd-16 { padding-top: 8rem !important; } .pr-wd-16, .px-wd-16 { padding-right: 8rem !important; } .pb-wd-16, .py-wd-16 { padding-bottom: 8rem !important; } .pl-wd-16, .px-wd-16 { padding-left: 8rem !important; } .p-wd-17 { padding: 9rem !important; } .pt-wd-17, .py-wd-17 { padding-top: 9rem !important; } .pr-wd-17, .px-wd-17 { padding-right: 9rem !important; } .pb-wd-17, .py-wd-17 { padding-bottom: 9rem !important; } .pl-wd-17, .px-wd-17 { padding-left: 9rem !important; } .p-wd-18 { padding: 10rem !important; } .pt-wd-18, .py-wd-18 { padding-top: 10rem !important; } .pr-wd-18, .px-wd-18 { padding-right: 10rem !important; } .pb-wd-18, .py-wd-18 { padding-bottom: 10rem !important; } .pl-wd-18, .px-wd-18 { padding-left: 10rem !important; } .p-wd-19 { padding: 10.6rem !important; } .pt-wd-19, .py-wd-19 { padding-top: 10.6rem !important; } .pr-wd-19, .px-wd-19 { padding-right: 10.6rem !important; } .pb-wd-19, .py-wd-19 { padding-bottom: 10.6rem !important; } .pl-wd-19, .px-wd-19 { padding-left: 10.6rem !important; } .p-wd-20 { padding: 12.4rem !important; } .pt-wd-20, .py-wd-20 { padding-top: 12.4rem !important; } .pr-wd-20, .px-wd-20 { padding-right: 12.4rem !important; } .pb-wd-20, .py-wd-20 { padding-bottom: 12.4rem !important; } .pl-wd-20, .px-wd-20 { padding-left: 12.4rem !important; } .m-wd-n1 { margin: -0.25rem !important; } .mt-wd-n1, .my-wd-n1 { margin-top: -0.25rem !important; } .mr-wd-n1, .mx-wd-n1 { margin-right: -0.25rem !important; } .mb-wd-n1, .my-wd-n1 { margin-bottom: -0.25rem !important; } .ml-wd-n1, .mx-wd-n1 { margin-left: -0.25rem !important; } .m-wd-n2 { margin: -0.5rem !important; } .mt-wd-n2, .my-wd-n2 { margin-top: -0.5rem !important; } .mr-wd-n2, .mx-wd-n2 { margin-right: -0.5rem !important; } .mb-wd-n2, .my-wd-n2 { margin-bottom: -0.5rem !important; } .ml-wd-n2, .mx-wd-n2 { margin-left: -0.5rem !important; } .m-wd-n3 { margin: -1rem !important; } .mt-wd-n3, .my-wd-n3 { margin-top: -1rem !important; } .mr-wd-n3, .mx-wd-n3 { margin-right: -1rem !important; } .mb-wd-n3, .my-wd-n3 { margin-bottom: -1rem !important; } .ml-wd-n3, .mx-wd-n3 { margin-left: -1rem !important; } .m-wd-n4 { margin: -1.5rem !important; } .mt-wd-n4, .my-wd-n4 { margin-top: -1.5rem !important; } .mr-wd-n4, .mx-wd-n4 { margin-right: -1.5rem !important; } .mb-wd-n4, .my-wd-n4 { margin-bottom: -1.5rem !important; } .ml-wd-n4, .mx-wd-n4 { margin-left: -1.5rem !important; } .m-wd-n5 { margin: -2rem !important; } .mt-wd-n5, .my-wd-n5 { margin-top: -2rem !important; } .mr-wd-n5, .mx-wd-n5 { margin-right: -2rem !important; } .mb-wd-n5, .my-wd-n5 { margin-bottom: -2rem !important; } .ml-wd-n5, .mx-wd-n5 { margin-left: -2rem !important; } .m-wd-n0dot5 { margin: -0.143rem !important; } .mt-wd-n0dot5, .my-wd-n0dot5 { margin-top: -0.143rem !important; } .mr-wd-n0dot5, .mx-wd-n0dot5 { margin-right: -0.143rem !important; } .mb-wd-n0dot5, .my-wd-n0dot5 { margin-bottom: -0.143rem !important; } .ml-wd-n0dot5, .mx-wd-n0dot5 { margin-left: -0.143rem !important; } .m-wd-n6 { margin: -2.5rem !important; } .mt-wd-n6, .my-wd-n6 { margin-top: -2.5rem !important; } .mr-wd-n6, .mx-wd-n6 { margin-right: -2.5rem !important; } .mb-wd-n6, .my-wd-n6 { margin-bottom: -2.5rem !important; } .ml-wd-n6, .mx-wd-n6 { margin-left: -2.5rem !important; } .m-wd-n7 { margin: -3rem !important; } .mt-wd-n7, .my-wd-n7 { margin-top: -3rem !important; } .mr-wd-n7, .mx-wd-n7 { margin-right: -3rem !important; } .mb-wd-n7, .my-wd-n7 { margin-bottom: -3rem !important; } .ml-wd-n7, .mx-wd-n7 { margin-left: -3rem !important; } .m-wd-n8 { margin: -3.5rem !important; } .mt-wd-n8, .my-wd-n8 { margin-top: -3.5rem !important; } .mr-wd-n8, .mx-wd-n8 { margin-right: -3.5rem !important; } .mb-wd-n8, .my-wd-n8 { margin-bottom: -3.5rem !important; } .ml-wd-n8, .mx-wd-n8 { margin-left: -3.5rem !important; } .m-wd-n9 { margin: -4rem !important; } .mt-wd-n9, .my-wd-n9 { margin-top: -4rem !important; } .mr-wd-n9, .mx-wd-n9 { margin-right: -4rem !important; } .mb-wd-n9, .my-wd-n9 { margin-bottom: -4rem !important; } .ml-wd-n9, .mx-wd-n9 { margin-left: -4rem !important; } .m-wd-n10 { margin: -4.5rem !important; } .mt-wd-n10, .my-wd-n10 { margin-top: -4.5rem !important; } .mr-wd-n10, .mx-wd-n10 { margin-right: -4.5rem !important; } .mb-wd-n10, .my-wd-n10 { margin-bottom: -4.5rem !important; } .ml-wd-n10, .mx-wd-n10 { margin-left: -4.5rem !important; } .m-wd-n11 { margin: -5rem !important; } .mt-wd-n11, .my-wd-n11 { margin-top: -5rem !important; } .mr-wd-n11, .mx-wd-n11 { margin-right: -5rem !important; } .mb-wd-n11, .my-wd-n11 { margin-bottom: -5rem !important; } .ml-wd-n11, .mx-wd-n11 { margin-left: -5rem !important; } .m-wd-n12 { margin: -5.5rem !important; } .mt-wd-n12, .my-wd-n12 { margin-top: -5.5rem !important; } .mr-wd-n12, .mx-wd-n12 { margin-right: -5.5rem !important; } .mb-wd-n12, .my-wd-n12 { margin-bottom: -5.5rem !important; } .ml-wd-n12, .mx-wd-n12 { margin-left: -5.5rem !important; } .m-wd-n13 { margin: -6rem !important; } .mt-wd-n13, .my-wd-n13 { margin-top: -6rem !important; } .mr-wd-n13, .mx-wd-n13 { margin-right: -6rem !important; } .mb-wd-n13, .my-wd-n13 { margin-bottom: -6rem !important; } .ml-wd-n13, .mx-wd-n13 { margin-left: -6rem !important; } .m-wd-n14 { margin: -6.5rem !important; } .mt-wd-n14, .my-wd-n14 { margin-top: -6.5rem !important; } .mr-wd-n14, .mx-wd-n14 { margin-right: -6.5rem !important; } .mb-wd-n14, .my-wd-n14 { margin-bottom: -6.5rem !important; } .ml-wd-n14, .mx-wd-n14 { margin-left: -6.5rem !important; } .m-wd-n15 { margin: -7rem !important; } .mt-wd-n15, .my-wd-n15 { margin-top: -7rem !important; } .mr-wd-n15, .mx-wd-n15 { margin-right: -7rem !important; } .mb-wd-n15, .my-wd-n15 { margin-bottom: -7rem !important; } .ml-wd-n15, .mx-wd-n15 { margin-left: -7rem !important; } .m-wd-n16 { margin: -8rem !important; } .mt-wd-n16, .my-wd-n16 { margin-top: -8rem !important; } .mr-wd-n16, .mx-wd-n16 { margin-right: -8rem !important; } .mb-wd-n16, .my-wd-n16 { margin-bottom: -8rem !important; } .ml-wd-n16, .mx-wd-n16 { margin-left: -8rem !important; } .m-wd-n17 { margin: -9rem !important; } .mt-wd-n17, .my-wd-n17 { margin-top: -9rem !important; } .mr-wd-n17, .mx-wd-n17 { margin-right: -9rem !important; } .mb-wd-n17, .my-wd-n17 { margin-bottom: -9rem !important; } .ml-wd-n17, .mx-wd-n17 { margin-left: -9rem !important; } .m-wd-n18 { margin: -10rem !important; } .mt-wd-n18, .my-wd-n18 { margin-top: -10rem !important; } .mr-wd-n18, .mx-wd-n18 { margin-right: -10rem !important; } .mb-wd-n18, .my-wd-n18 { margin-bottom: -10rem !important; } .ml-wd-n18, .mx-wd-n18 { margin-left: -10rem !important; } .m-wd-n19 { margin: -10.6rem !important; } .mt-wd-n19, .my-wd-n19 { margin-top: -10.6rem !important; } .mr-wd-n19, .mx-wd-n19 { margin-right: -10.6rem !important; } .mb-wd-n19, .my-wd-n19 { margin-bottom: -10.6rem !important; } .ml-wd-n19, .mx-wd-n19 { margin-left: -10.6rem !important; } .m-wd-n20 { margin: -12.4rem !important; } .mt-wd-n20, .my-wd-n20 { margin-top: -12.4rem !important; } .mr-wd-n20, .mx-wd-n20 { margin-right: -12.4rem !important; } .mb-wd-n20, .my-wd-n20 { margin-bottom: -12.4rem !important; } .ml-wd-n20, .mx-wd-n20 { margin-left: -12.4rem !important; } .m-wd-auto { margin: auto !important; } .mt-wd-auto, .my-wd-auto { margin-top: auto !important; } .mr-wd-auto, .mx-wd-auto { margin-right: auto !important; } .mb-wd-auto, .my-wd-auto { margin-bottom: auto !important; } .ml-wd-auto, .mx-wd-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1480px) { .text-wd-left { text-align: left !important; } .text-wd-right { text-align: right !important; } .text-wd-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #F21818 !important; } a.text-primary:hover, a.text-primary:focus { color: #b30a0a !important; } .text-secondary { color: #77838f !important; } a.text-secondary:hover, a.text-secondary:focus { color: #545d66 !important; } .text-success { color: #00c9a7 !important; } a.text-success:hover, a.text-success:focus { color: #007d67 !important; } .text-info { color: #00dffc !important; } a.text-info:hover, a.text-info:focus { color: #009bb0 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #de4437 !important; } a.text-danger:hover, a.text-danger:focus { color: #ac281c !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #333e48 !important; } a.text-dark:hover, a.text-dark:focus { color: #13171b !important; } .text-cyan { color: #34bcec !important; } a.text-cyan:hover, a.text-cyan:focus { color: #1294c1 !important; } .text-sale { color: #df3737 !important; } a.text-sale:hover, a.text-sale:focus { color: #ae1c1c !important; } .text-black { color: #000000 !important; } a.text-black:hover, a.text-black:focus { color: black !important; } .text-green { color: #5cb85c !important; } a.text-green:hover, a.text-green:focus { color: #3d8b3d !important; } .text-red { color: #ee0000 !important; } a.text-red:hover, a.text-red:focus { color: #a20000 !important; } .text-gray-1 { color: #f5f5f5 !important; } a.text-gray-1:hover, a.text-gray-1:focus { color: #cfcfcf !important; } .text-gray-2 { color: #383838 !important; } a.text-gray-2:hover, a.text-gray-2:focus { color: #121212 !important; } .text-gray-3 { color: #eeeeee !important; } a.text-gray-3:hover, a.text-gray-3:focus { color: #c8c8c8 !important; } .text-gray-4 { color: #e6e6e6 !important; } a.text-gray-4:hover, a.text-gray-4:focus { color: silver !important; } .text-gray-5 { color: #878787 !important; } a.text-gray-5:hover, a.text-gray-5:focus { color: #616161 !important; } .text-gray-6 { color: #848484 !important; } a.text-gray-6:hover, a.text-gray-6:focus { color: #5e5e5e !important; } .text-gray-7 { color: #f9f9f9 !important; } a.text-gray-7:hover, a.text-gray-7:focus { color: lightgray !important; } .text-gray-8 { color: #7b8186 !important; } a.text-gray-8:hover, a.text-gray-8:focus { color: #565b5e !important; } .text-gray-9 { color: #8f8f8f !important; } a.text-gray-9:hover, a.text-gray-9:focus { color: dimgray !important; } .text-gray-13 { color: #f8f8f8 !important; } a.text-gray-13:hover, a.text-gray-13:focus { color: #d2d2d2 !important; } .text-gray-14 { color: #eaeaea !important; } a.text-gray-14:hover, a.text-gray-14:focus { color: #c4c4c4 !important; } .text-gray-15 { color: #9d9c9c !important; } a.text-gray-15:hover, a.text-gray-15:focus { color: #777676 !important; } .text-gray-16 { color: #606060 !important; } a.text-gray-16:hover, a.text-gray-16:focus { color: #3a3a3a !important; } .text-gray-17 { color: #ecedf2 !important; } a.text-gray-17:hover, a.text-gray-17:focus { color: #bfc2d3 !important; } .text-gray-18 { color: #333e484d !important; } a.text-gray-18:hover, a.text-gray-18:focus { color: rgba(19, 23, 27, 0.3019607843) !important; } .text-white { color: #fff !important; } a.text-white:hover, a.text-white:focus { color: #d9d9d9 !important; } .text-indigo { color: #2d1582 !important; } a.text-indigo:hover, a.text-indigo:focus { color: #160a40 !important; } .text-body { color: #333e48 !important; } .text-muted { color: rgba(0, 0, 0, 0.2) !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #97a4af; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #e7eaf3 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #ecedf2; } .table .thead-dark th { color: inherit; border-color: #ecedf2; } } .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; } .w-15 { width: 15% !important; } .w-20 { width: 20% !important; } .w-30 { width: 30% !important; } .w-35 { width: 35% !important; } .w-40 { width: 40% !important; } .w-60 { width: 60% !important; } .w-65 { width: 65% !important; } .w-80 { width: 80% !important; } .w-85 { width: 85% !important; } .w-90 { width: 90% !important; } @media (min-width: 576px) { .w-sm-25 { width: 25% !important; } .w-sm-50 { width: 50% !important; } .w-sm-75 { width: 75% !important; } .w-sm-100 { width: 100% !important; } .w-sm-auto { width: auto !important; } .w-sm-15 { width: 15% !important; } .w-sm-20 { width: 20% !important; } .w-sm-30 { width: 30% !important; } .w-sm-35 { width: 35% !important; } .w-sm-40 { width: 40% !important; } .w-sm-60 { width: 60% !important; } .w-sm-65 { width: 65% !important; } .w-sm-80 { width: 80% !important; } .w-sm-85 { width: 85% !important; } .w-sm-90 { width: 90% !important; } } @media (min-width: 768px) { .w-md-25 { width: 25% !important; } .w-md-50 { width: 50% !important; } .w-md-75 { width: 75% !important; } .w-md-100 { width: 100% !important; } .w-md-auto { width: auto !important; } .w-md-15 { width: 15% !important; } .w-md-20 { width: 20% !important; } .w-md-30 { width: 30% !important; } .w-md-35 { width: 35% !important; } .w-md-40 { width: 40% !important; } .w-md-60 { width: 60% !important; } .w-md-65 { width: 65% !important; } .w-md-80 { width: 80% !important; } .w-md-85 { width: 85% !important; } .w-md-90 { width: 90% !important; } } @media (min-width: 992px) { .w-lg-25 { width: 25% !important; } .w-lg-50 { width: 50% !important; } .w-lg-75 { width: 75% !important; } .w-lg-100 { width: 100% !important; } .w-lg-auto { width: auto !important; } .w-lg-15 { width: 15% !important; } .w-lg-20 { width: 20% !important; } .w-lg-30 { width: 30% !important; } .w-lg-35 { width: 35% !important; } .w-lg-40 { width: 40% !important; } .w-lg-60 { width: 60% !important; } .w-lg-65 { width: 65% !important; } .w-lg-80 { width: 80% !important; } .w-lg-85 { width: 85% !important; } .w-lg-90 { width: 90% !important; } } @media (min-width: 1200px) { .w-xl-25 { width: 25% !important; } .w-xl-50 { width: 50% !important; } .w-xl-75 { width: 75% !important; } .w-xl-100 { width: 100% !important; } .w-xl-auto { width: auto !important; } .w-xl-15 { width: 15% !important; } .w-xl-20 { width: 20% !important; } .w-xl-30 { width: 30% !important; } .w-xl-35 { width: 35% !important; } .w-xl-40 { width: 40% !important; } .w-xl-60 { width: 60% !important; } .w-xl-65 { width: 65% !important; } .w-xl-80 { width: 80% !important; } .w-xl-85 { width: 85% !important; } .w-xl-90 { width: 90% !important; } } @media (min-width: 1480px) { .w-wd-25 { width: 25% !important; } .w-wd-50 { width: 50% !important; } .w-wd-75 { width: 75% !important; } .w-wd-100 { width: 100% !important; } .w-wd-auto { width: auto !important; } .w-wd-15 { width: 15% !important; } .w-wd-20 { width: 20% !important; } .w-wd-30 { width: 30% !important; } .w-wd-35 { width: 35% !important; } .w-wd-40 { width: 40% !important; } .w-wd-60 { width: 60% !important; } .w-wd-65 { width: 65% !important; } .w-wd-80 { width: 80% !important; } .w-wd-85 { width: 85% !important; } .w-wd-90 { width: 90% !important; } } .space-0, .space-top-0 { padding-top: 0 !important; } .space-0, .space-bottom-0 { padding-bottom: 0 !important; } .space-1, .space-top-1 { padding-top: 2rem !important; } .space-1, .space-bottom-1 { padding-bottom: 2rem !important; } .space-2, .space-top-2 { padding-top: 4rem !important; } .space-2, .space-bottom-2 { padding-bottom: 4rem !important; } .space-3, .space-top-3 { padding-top: 8rem !important; } .space-3, .space-bottom-3 { padding-bottom: 8rem !important; } .space-4, .space-top-4 { padding-top: 12.5rem !important; } .space-4, .space-bottom-4 { padding-bottom: 12.5rem !important; } .space-5, .space-top-5 { padding-top: 15rem !important; } .space-5, .space-bottom-5 { padding-bottom: 15rem !important; } @media (min-width: 576px) { .space-sm-0, .space-top-sm-0 { padding-top: 0 !important; } .space-sm-0, .space-bottom-sm-0 { padding-bottom: 0 !important; } .space-sm-1, .space-top-sm-1 { padding-top: 2rem !important; } .space-sm-1, .space-bottom-sm-1 { padding-bottom: 2rem !important; } .space-sm-2, .space-top-sm-2 { padding-top: 4rem !important; } .space-sm-2, .space-bottom-sm-2 { padding-bottom: 4rem !important; } .space-sm-3, .space-top-sm-3 { padding-top: 8rem !important; } .space-sm-3, .space-bottom-sm-3 { padding-bottom: 8rem !important; } .space-sm-4, .space-top-sm-4 { padding-top: 12.5rem !important; } .space-sm-4, .space-bottom-sm-4 { padding-bottom: 12.5rem !important; } .space-sm-5, .space-top-sm-5 { padding-top: 15rem !important; } .space-sm-5, .space-bottom-sm-5 { padding-bottom: 15rem !important; } } @media (min-width: 768px) { .space-md-0, .space-top-md-0 { padding-top: 0 !important; } .space-md-0, .space-bottom-md-0 { padding-bottom: 0 !important; } .space-md-1, .space-top-md-1 { padding-top: 2rem !important; } .space-md-1, .space-bottom-md-1 { padding-bottom: 2rem !important; } .space-md-2, .space-top-md-2 { padding-top: 4rem !important; } .space-md-2, .space-bottom-md-2 { padding-bottom: 4rem !important; } .space-md-3, .space-top-md-3 { padding-top: 8rem !important; } .space-md-3, .space-bottom-md-3 { padding-bottom: 8rem !important; } .space-md-4, .space-top-md-4 { padding-top: 12.5rem !important; } .space-md-4, .space-bottom-md-4 { padding-bottom: 12.5rem !important; } .space-md-5, .space-top-md-5 { padding-top: 15rem !important; } .space-md-5, .space-bottom-md-5 { padding-bottom: 15rem !important; } } @media (min-width: 992px) { .space-lg-0, .space-top-lg-0 { padding-top: 0 !important; } .space-lg-0, .space-bottom-lg-0 { padding-bottom: 0 !important; } .space-lg-1, .space-top-lg-1 { padding-top: 2rem !important; } .space-lg-1, .space-bottom-lg-1 { padding-bottom: 2rem !important; } .space-lg-2, .space-top-lg-2 { padding-top: 4rem !important; } .space-lg-2, .space-bottom-lg-2 { padding-bottom: 4rem !important; } .space-lg-3, .space-top-lg-3 { padding-top: 8rem !important; } .space-lg-3, .space-bottom-lg-3 { padding-bottom: 8rem !important; } .space-lg-4, .space-top-lg-4 { padding-top: 12.5rem !important; } .space-lg-4, .space-bottom-lg-4 { padding-bottom: 12.5rem !important; } .space-lg-5, .space-top-lg-5 { padding-top: 15rem !important; } .space-lg-5, .space-bottom-lg-5 { padding-bottom: 15rem !important; } } @media (min-width: 1200px) { .space-xl-0, .space-top-xl-0 { padding-top: 0 !important; } .space-xl-0, .space-bottom-xl-0 { padding-bottom: 0 !important; } .space-xl-1, .space-top-xl-1 { padding-top: 2rem !important; } .space-xl-1, .space-bottom-xl-1 { padding-bottom: 2rem !important; } .space-xl-2, .space-top-xl-2 { padding-top: 4rem !important; } .space-xl-2, .space-bottom-xl-2 { padding-bottom: 4rem !important; } .space-xl-3, .space-top-xl-3 { padding-top: 8rem !important; } .space-xl-3, .space-bottom-xl-3 { padding-bottom: 8rem !important; } .space-xl-4, .space-top-xl-4 { padding-top: 12.5rem !important; } .space-xl-4, .space-bottom-xl-4 { padding-bottom: 12.5rem !important; } .space-xl-5, .space-top-xl-5 { padding-top: 15rem !important; } .space-xl-5, .space-bottom-xl-5 { padding-bottom: 15rem !important; } } @media (min-width: 1480px) { .space-wd-0, .space-top-wd-0 { padding-top: 0 !important; } .space-wd-0, .space-bottom-wd-0 { padding-bottom: 0 !important; } .space-wd-1, .space-top-wd-1 { padding-top: 2rem !important; } .space-wd-1, .space-bottom-wd-1 { padding-bottom: 2rem !important; } .space-wd-2, .space-top-wd-2 { padding-top: 4rem !important; } .space-wd-2, .space-bottom-wd-2 { padding-bottom: 4rem !important; } .space-wd-3, .space-top-wd-3 { padding-top: 8rem !important; } .space-wd-3, .space-bottom-wd-3 { padding-bottom: 8rem !important; } .space-wd-4, .space-top-wd-4 { padding-top: 12.5rem !important; } .space-wd-4, .space-bottom-wd-4 { padding-bottom: 12.5rem !important; } .space-wd-5, .space-top-wd-5 { padding-top: 15rem !important; } .space-wd-5, .space-bottom-wd-5 { padding-bottom: 15rem !important; } } /*------------------------------------ Default Styles ------------------------------------*/ main { position: relative; } p { color: #747474; line-height: 1.7; } h4, h5, h6, .h4, .h5, .h6 { font-weight: 500; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a, .h1 > a, .h2 > a, .h3 > a, .h4 > a, .h5 > a, .h6 > a { color: #1e2022; } h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover, .h1 > a:hover, .h2 > a:hover, .h3 > a:hover, .h4 > a:hover, .h5 > a:hover, .h6 > a:hover { color: #333e48; } h1.text-white > a, h2.text-white > a, h3.text-white > a, h4.text-white > a, h5.text-white > a, h6.text-white > a, .h1.text-white > a, .h2.text-white > a, .h3.text-white > a, .h4.text-white > a, .h5.text-white > a, .h6.text-white > a { color: #fff; } figure { margin-bottom: 0; } strong { font-weight: 600; } svg { margin-bottom: -0.4375rem; vertical-align: baseline; } table th { font-weight: 700; } .fa, .fas { font-weight: 900; } /*------------------------------------ Highlight Color ------------------------------------*/ ::-moz-selection { color: #fff; background-color: #F21818; } ::selection { color: #fff; background-color: #F21818; } .bg-primary ::-moz-selection { color: #F21818; background-color: #fff; } .bg-primary ::selection { color: #F21818; background-color: #fff; } /*------------------------------------ Accessibility ------------------------------------*/ :focus, a:focus, button:focus { outline: 0; } .form-control:focus { box-shadow: 0 0 0 0 transparent; } .btn:focus, .btn.focus, .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus, .btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active { box-shadow: 0 0 0 0 transparent; } .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus, .show > .btn.dropdown-toggle:focus { box-shadow: 0 0 0 0 transparent; } .custom-select:focus, .page-link:focus { box-shadow: 0 0 0 0 transparent; } .custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:focus ~ .custom-control-label::before, .custom-control-input:active ~ .custom-control-label::before { box-shadow: 0 0 0 0 transparent; } .custom-file-input:focus ~ .custom-file-label { box-shadow: 0 0 0 0 transparent; } .bootstrap-select .dropdown-toggle:focus { outline: 0 !important; } /*------------------------------------ Print styles ------------------------------------*/ @media print { header, footer, .btn { display: none; } } /*------------------------------------ Skippy ------------------------------------*/ .u-skippy { display: none; } /*------------------------------------ List Group ------------------------------------*/ .list-group { list-style: none; } .list-group .list-group { margin-left: 1rem; } .list-group .list-group-item { font-size: 0.875rem; } .list-group .list-group-icon { min-width: 1rem; max-width: 1rem; color: #77838f; text-align: center; margin-right: 0.5rem; } .list-group .active > .list-group-item { color: #F21818; } .list-group .active > .list-group-text { color: #fff; } .list-group .disabled .u-icon { color: #77838f; background-color: rgba(119, 131, 143, 0.1); } /* Border Radius */ .list-group-rounded-0 .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .list-group-rounded-0 .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } /* Transparent */ .list-group-transparent .list-group-item { border-color: transparent; background-color: transparent; } /* White */ .list-group-white .list-group-item, .list-group-white .list-group-item-action { color: #fff; } .list-group-white .list-group-item[href], .list-group-white .list-group-item-action[href] { color: rgba(255, 255, 255, 0.7); } .list-group-white .list-group-item[href]:hover, .list-group-white .list-group-item-action[href]:hover { color: #fff; } .list-group-white.list-group-striped .list-group-item:nth-child(even) { background-color: rgba(255, 255, 255, 0.1); } .list-group-white .active > .list-group-item { color: #fff; } /* Flush */ .list-group-flush .list-group-item { padding-left: 0; padding-right: 0; } .list-group-flush .list-group-item.active { color: #F21818; background-color: transparent; border-color: transparent; } /* Borderless */ .list-group-borderless .list-group-item { border: none; } /* Striped */ .list-group-striped .list-group-item:nth-child(even) { background-color: #f8fafd; } /*------------------------------------ Links ------------------------------------*/ .link { display: inline-block; } .link__icon { position: relative; line-height: 0.7; display: inline-block; vertical-align: middle; text-align: center; width: 1.063rem; height: 1.063rem; font-size: 1rem; color: #063443; background-color: #F21818; border-radius: 50%; transition: 0.3s; } .link__icon-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .link:hover .link__icon { transform: rotate(90deg); } /* Collapse */ .link-collapse[aria-expanded=false] .link-collapse__default { display: inline-block; } .link-collapse[aria-expanded=false] .link-collapse__active { display: none; } .link-collapse[aria-expanded=true] .link-collapse__default { display: none; } .link-collapse[aria-expanded=true] .link-collapse__active { display: inline-block; } /* Link Light */ .link-light { color: rgba(255, 255, 255, 0.7); border-bottom: 1px dashed rgba(255, 255, 255, 0.7); } .link-light:hover { color: #fff; border-color: rgba(255, 255, 255, 0.7); } /* Link Muted */ .link-muted { color: #8c98a4; border-bottom: 1px dashed #97a4af; } .link-muted:hover { border-color: #333e48; } .link-muted__toggle-default { display: inline-block; } .link-muted__toggle-toggled { display: none; } .link-muted.toggled .link-muted__toggle-default { display: none; } .link-muted.toggled .link-muted__toggle-toggled { display: inline-block; } /* Link White */ .link-white { color: #fff; border-bottom: 1px dashed #fff; } .link-white:hover { color: #fff; } /*------------------------------------ Header Default ------------------------------------*/ .u-header { position: relative; right: 0; left: 0; width: 100%; z-index: 1001; } .u-header__section { position: relative; z-index: 1; background-color: #fff; box-shadow: 0 1px 10px rgba(151, 164, 175, 0.1); } .u-header__section-divider { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .u-header__shadow-on-show-hide { box-shadow: none; } .js-header-fix-moment .u-header__shadow-on-show-hide { box-shadow: 0 1px 10px rgba(151, 164, 175, 0.1); } /* Navbar */ .u-header__navbar { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0; padding-right: 0; } /* Navbar Space */ @media (max-width: 991.98px) { .u-header .u-header__navbar.u-header__navbar--top-space { padding-top: 0.25rem; } } /* Navbar Brand */ .u-header__navbar-brand, .u-header__navbar-brand > img { padding-top: 0; padding-bottom: 0; width: 9.375rem; } .u-header__navbar-brand-center { display: flex; align-items: center; } .u-header__navbar-brand-vertical { display: block; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 2.5rem; } .u-header__navbar-brand-vertical .u-header__navbar-brand-text { display: block; margin-left: 0; } .u-header__navbar-brand-text { font-size: 2.25rem; font-weight: 700; margin-left: 0.5rem; } .u-header__navbar-brand-text, .u-header__navbar-brand-text:focus, .u-header__navbar-brand-text:hover { color: #F21818; } .u-header__navbar-brand-text-white .u-header__navbar-brand-text, .u-header__navbar-brand-text-white .u-header__navbar-brand-text:focus, .u-header__navbar-brand-text-white .u-header__navbar-brand-text:hover { color: #fff; } /* Navbar Collapse */ .u-header__navbar-collapse { padding-top: 0; padding-bottom: 0; } /* Navbar Link */ .u-header__navbar-link { color: #77838f; font-size: 0.875rem; font-weight: 300; padding-left: 0.5rem; padding-right: 0.5rem; } /* Nav Item */ .u-header .u-header__nav-item:first-child .u-header__nav-link { padding-left: 0; } .u-header__nav-item:hover .u-header__nav-link, .u-header__nav-item:focus .u-header__nav-link { color: #000000; } /* Nav Link */ .u-header .active > .u-header__nav-link { color: #000000; } .u-header__nav-link { color: #333e48; } .u-header__nav-link-toggle { position: relative; } .u-header__nav-link-toggle::after { display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 65%; font-weight: 900; content: "\F107"; margin-left: 0.5rem; transition: 0.3s ease; } /* Sub Menu */ .u-header__sub-menu { width: 100%; padding-left: 0; list-style: none; } .u-header__sub-menu-nav-group { padding-left: 0; list-style: none; } .u-header__sub-menu-nav-link { display: flex; align-items: center; font-size: 0.875rem; color: #333e48; } .u-header__sub-menu-nav-link-toggle { position: relative; } .u-header__sub-menu-nav-link-toggle::after { display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 80%; font-weight: 900; content: "\F105"; margin-left: auto; margin-right: 0.04rem; transition: 0.3s ease; } .u-header__sub-menu .active > .u-header__sub-menu-nav-link { color: #000000; } .u-header__sub-menu-title { display: block; color: #1e2022; font-size: 0.875rem; font-weight: 700; margin-bottom: 0.5rem; } /* Promo */ .u-header__promo { background-color: #f8fafd; } .u-header__promo-inner { padding: 2rem; } .u-header__promo-item { margin-left: 1.5rem; margin-right: 1.5rem; } .u-header__promo-item ~ .u-header__promo-item { border-top: 1px solid #e7eaf3; } .u-header__promo-link { display: block; padding-top: 0.75rem; padding-bottom: 0.75rem; margin-top: 0.75rem; margin-bottom: 0.75rem; } .u-header__promo-link:hover .u-header__promo-title { color: #F21818; } .u-header__promo-card { display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; } .u-header__promo-card-deck { display: block; } .u-header__promo-card-deck:not(:last-child) .u-header__promo-item { border-bottom: 1px solid #e7eaf3; } .u-header__promo-card-deck .u-header__promo-item { border-top: none; } .u-header__promo-card-body { flex: 1 1 auto; } .u-header__promo-icon { width: 100%; max-width: 2.75rem; margin-right: 1rem; } .u-header__promo-icon--sm { max-width: 1.75rem; } .u-header__promo-title { display: block; color: #1e2022; font-size: 0.875rem; font-weight: 500; } .u-header__promo-text { display: block; color: #77838f; } .u-header__promo-footer { background-color: #f8fafd; border-bottom-right-radius: 0.3125rem; border-bottom-left-radius: 0.3125rem; padding-top: 1.5rem; padding-bottom: 1.5rem; } .u-header__promo-footer-item { padding-left: 1.5rem; padding-right: 1.5rem; } .u-header__promo-footer-ver-divider { position: relative; } .u-header__promo-footer-ver-divider::before { position: absolute; top: 0; left: 0; height: 100%; border-right: 1px solid #bdc5d1; content: ""; } /* Banner */ .u-header__banner { position: relative; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: top center; border-bottom-left-radius: 0.3125rem; } .u-header__banner::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(51, 62, 72, 0.5); border-bottom-left-radius: 0.3125rem; content: ""; } .u-header__banner-content { z-index: 1; width: 100%; text-align: center; padding: 2rem; position: absolute; top: 50%; transform: translate(0, -50%); } .u-header__banner-title { display: block; color: #fff; font-size: 1.5625rem; font-weight: 500; margin-bottom: 0.5rem; } .u-header__banner-text { display: block; color: #fff; margin-bottom: 0; } /* Product Banner */ .u-header__product-banner { background-color: #f8fafd; border-bottom-right-radius: 0.3125rem; border-bottom-left-radius: 0.3125rem; padding-right: 1.5rem; } .u-header__product-banner-content { padding-top: 1.5rem; padding-bottom: 1.5rem; } .u-header__product-banner-title { display: block; color: #F21818; font-size: 1.5625rem; font-weight: 500; margin-bottom: 0.5rem; } .u-header__product-banner-text { color: #333e48; margin-bottom: 0; } /* Hide Content */ .u-header.js-header-fix-moment .u-header__hide-content { display: none; } .u-header.u-header--moved-up.u-header--hide-topbar { transform: translate3d(0, -33px, 0); } /*------------------------------------ Header Helpers ------------------------------------*/ .u-header--invisible { display: none; } .u-header--moved-up { transform: translate3d(0, -100%, 0); } .u-header--faded { opacity: 0; visibility: hidden; } .u-header__section--hidden { position: relative; } .u-header[data-header-fix-effect] { transition: 0.3s ease; } .u-header.u-header--untransitioned { transition: none; } .u-header.js-header-fix-moment { position: fixed; top: 0; bottom: auto; } .u-header--fix-top { position: fixed; } .u-header.u-header--fix-top[data-effect-compensation] { transition: none; } /*------------------------------------ Nav Alignments ------------------------------------*/ @media (min-width: 992px) { .u-header__navbar-body, .u-header__navbar-nav { margin-left: auto; } .u-header-left-aligned-nav .u-header__navbar-body, .u-header-left-aligned-nav .u-header__navbar-nav { margin-left: 0; margin-right: auto; } .u-header-left-aligned-nav .u-header__navbar-nav { width: 100%; } .u-header-left-aligned-nav .u-header__navbar-brand { margin-left: 0; margin-right: 3rem; } .u-header-left-aligned-nav .u-header__nav-last-item { margin-left: auto; } .u-header-center-aligned-nav__col { flex: 0 0 16.666667%; max-width: 16.666667%; } .u-header-center-aligned-nav__col-last-item { text-align: right; } .u-header-center-aligned-nav .u-header__navbar-body, .u-header-center-aligned-nav .u-header__navbar-nav { margin-left: auto; margin-right: auto; } } @media (max-width: 1199.98px) { .u-header-center-aligned-nav__col:not(.u-header-center-aligned-nav__col-last-item) { width: 100%; display: flex; justify-content: space-between; } .u-header-center-aligned-nav__col-last-item { flex-grow: 1; } } @media (min-width: 768px) { .u-header-center-aligned-nav.u-header--abs-top-sm .u-header__navbar-body, .u-header-center-aligned-nav.u-header--abs-top-sm .u-header__navbar-nav { margin-left: auto; margin-right: auto; } } /*------------------------------------ Header Default ------------------------------------*/ .u-header__navbar-nav-scroll { max-width: 100%; height: 4.25rem; overflow: hidden; } .u-header__navbar-nav-scroll .u-header__navbar-nav { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } /*------------------------------------ Fullscreen ------------------------------------*/ .u-fullscreen { position: fixed; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; } .u-fullscreen--toggler { z-index: 1001; } .u-fullscreen__container, .u-fullscreen__overlay { transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out; } .u-fullscreen__container { position: relative; z-index: 1000; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; } .u-fullscreen__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; opacity: 0; visibility: hidden; background-image: linear-gradient(150deg, rgba(45, 21, 130, 0.95) 0%, rgba(25, 160, 255, 0.95) 100%); background-repeat: repeat-x; transition-delay: 0.5s; } .u-fullscreen.u-fullscreen--showed { visibility: visible; } .u-fullscreen.u-fullscreen--showed .u-fullscreen__container, .u-fullscreen.u-fullscreen--showed .u-fullscreen__overlay { opacity: 1; visibility: visible; } .u-fullscreen.u-fullscreen--showed .u-fullscreen__overlay { transition-delay: 0s; } .u-fullscreen.u-fullscreen--showed .u-fullscreen__container { transition-delay: 0.5s; } /*------------------------------------ Header Fullscreen Style ------------------------------------*/ .u-fullscreen__nav { padding-left: 0; list-style: none; margin-bottom: 0; } .u-fullscreen__nav-list { list-style: none; padding-left: 0; margin-bottom: 0; } .u-fullscreen__nav-link { display: inline-block; color: #fff; font-size: 1.203125rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } @media (min-width: 992px) { .u-fullscreen__nav-link { font-size: 1.53125rem; } } .u-fullscreen__nav-link:hover { color: rgba(255, 255, 255, 0.7); } .u-fullscreen__submenu { position: relative; transition: 0.3s ease-in-out; } .u-fullscreen__submenu .u-fullscreen__nav-list { border-left: 2px solid rgba(255, 255, 255, 0.6); padding-left: 1rem; } .u-fullscreen__submenu-nav-link { display: inline-block; color: #fff; padding-top: 0.5rem; padding-bottom: 0.5rem; } .u-fullscreen__submenu-nav-link:hover { color: rgba(255, 255, 255, 0.7); } .u-fullscreen__submenu-list { list-style: none; border-left: 2px solid rgba(255, 255, 255, 0.6); padding-left: 1rem; margin-bottom: 0; } .u-fullscreen__submenu-list-link { display: inline-block; color: rgba(255, 255, 255, 0.7); } .u-fullscreen__submenu-list-link:hover { color: #fff; } /*------------------------------------ Header Navbar Background Colors ------------------------------------*/ .u-header--navbar-bg .u-header__navbar-brand-text { color: #fff; } .u-header--navbar-bg .u-header__nav-item:hover .u-header__nav-link { color: #fff; } .u-header--navbar-bg .active > .u-header__nav-link { color: #fff; } .u-header--navbar-bg .u-header__nav-link { color: rgba(255, 255, 255, 0.7); } .u-header--navbar-bg .u-header__nav-link:hover { color: #fff; } .u-header--navbar-bg .u-header__navbar-link, .u-header--navbar-bg .dropdown-nav-link, .u-header--navbar-bg .btn-text-secondary { color: rgba(255, 255, 255, 0.6); } .u-header--navbar-bg .u-header__navbar-link:hover, .u-header--navbar-bg .dropdown-nav-link:hover, .u-header--navbar-bg .btn-text-secondary:hover { color: #fff; } .u-header--navbar-bg .btn-text-secondary[href]:hover { color: #fff; } .u-header--navbar-bg .u-hamburger__inner, .u-header--navbar-bg .u-hamburger__inner::before, .u-header--navbar-bg .u-hamburger__inner::after { background-color: rgba(255, 255, 255, 0.5); } .u-header--navbar-bg .u-hamburger:hover .u-hamburger__inner, .u-header--navbar-bg .u-hamburger:hover .u-hamburger__inner::before, .u-header--navbar-bg .u-hamburger:hover .u-hamburger__inner::after { background-color: #fff; } /*------------------------------------ Header Submenu Background Colors ------------------------------------*/ .u-header--sub-menu-dark-bg .u-header__sub-menu, .u-header--sub-menu-dark-bg .u-header__promo { background-color: #333e48; } .u-header--sub-menu-dark-bg .u-header__sub-menu-title, .u-header--sub-menu-dark-bg .u-header__promo-title { color: rgba(255, 255, 255, 0.8); } .u-header--sub-menu-dark-bg .u-header__promo-footer { background-color: #313b45; } .u-header--sub-menu-dark-bg .u-header__promo-footer-ver-divider::before { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg .u-header__promo-link::after { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg .u-header__promo-item { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg .u-header__sub-menu-nav-link { color: #8c98a4; } .u-header--sub-menu-dark-bg .u-header__sub-menu-nav-link:hover { color: #F21818; } .u-header--sub-menu-dark-bg .u-header__product-banner { background-color: #313b45; } .u-header--sub-menu-dark-bg .u-header__product-banner-text { color: #8c98a4; } .u-header--sub-menu-dark-bg .dropdown-nav-link:hover { color: rgba(255, 255, 255, 0.8); } .u-header--sub-menu-dark-bg .dropdown-divider { border-color: rgba(255, 255, 255, 0.1); } @media (min-width: 576px) { .u-header--sub-menu-dark-bg-sm .u-header__sub-menu, .u-header--sub-menu-dark-bg-sm .u-header__promo { background-color: #333e48; } .u-header--sub-menu-dark-bg-sm .u-header__sub-menu-title, .u-header--sub-menu-dark-bg-sm .u-header__promo-title { color: rgba(255, 255, 255, 0.8); } .u-header--sub-menu-dark-bg-sm .u-header__promo-footer { background-color: #313b45; } .u-header--sub-menu-dark-bg-sm .u-header__promo-footer-ver-divider::before { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg-sm .u-header__promo-link::after { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg-sm .u-header__promo-item { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg-sm .u-header__sub-menu-nav-link { color: #8c98a4; } .u-header--sub-menu-dark-bg-sm .u-header__sub-menu-nav-link:hover { color: #F21818; } .u-header--sub-menu-dark-bg-sm .u-header__product-banner { background-color: #313b45; } .u-header--sub-menu-dark-bg-sm .u-header__product-banner-text { color: #8c98a4; } .u-header--sub-menu-dark-bg-sm .dropdown-nav-link:hover { color: rgba(255, 255, 255, 0.8); } .u-header--sub-menu-dark-bg-sm .dropdown-divider { border-color: rgba(255, 255, 255, 0.1); } } @media (min-width: 768px) { .u-header--sub-menu-dark-bg-md .u-header__sub-menu, .u-header--sub-menu-dark-bg-md .u-header__promo { background-color: #333e48; } .u-header--sub-menu-dark-bg-md .u-header__sub-menu-title, .u-header--sub-menu-dark-bg-md .u-header__promo-title { color: rgba(255, 255, 255, 0.8); } .u-header--sub-menu-dark-bg-md .u-header__promo-footer { background-color: #313b45; } .u-header--sub-menu-dark-bg-md .u-header__promo-footer-ver-divider::before { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg-md .u-header__promo-link::after { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg-md .u-header__promo-item { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg-md .u-header__sub-menu-nav-link { color: #8c98a4; } .u-header--sub-menu-dark-bg-md .u-header__sub-menu-nav-link:hover { color: #F21818; } .u-header--sub-menu-dark-bg-md .u-header__product-banner { background-color: #313b45; } .u-header--sub-menu-dark-bg-md .u-header__product-banner-text { color: #8c98a4; } .u-header--sub-menu-dark-bg-md .dropdown-nav-link:hover { color: rgba(255, 255, 255, 0.8); } .u-header--sub-menu-dark-bg-md .dropdown-divider { border-color: rgba(255, 255, 255, 0.1); } } @media (min-width: 992px) { .u-header--sub-menu-dark-bg-lg .u-header__sub-menu, .u-header--sub-menu-dark-bg-lg .u-header__promo { background-color: #333e48; } .u-header--sub-menu-dark-bg-lg .u-header__sub-menu-title, .u-header--sub-menu-dark-bg-lg .u-header__promo-title { color: rgba(255, 255, 255, 0.8); } .u-header--sub-menu-dark-bg-lg .u-header__promo-footer { background-color: #313b45; } .u-header--sub-menu-dark-bg-lg .u-header__promo-footer-ver-divider::before { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg-lg .u-header__promo-link::after { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg-lg .u-header__promo-item { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg-lg .u-header__sub-menu-nav-link { color: #8c98a4; } .u-header--sub-menu-dark-bg-lg .u-header__sub-menu-nav-link:hover { color: #F21818; } .u-header--sub-menu-dark-bg-lg .u-header__product-banner { background-color: #313b45; } .u-header--sub-menu-dark-bg-lg .u-header__product-banner-text { color: #8c98a4; } .u-header--sub-menu-dark-bg-lg .dropdown-nav-link:hover { color: rgba(255, 255, 255, 0.8); } .u-header--sub-menu-dark-bg-lg .dropdown-divider { border-color: rgba(255, 255, 255, 0.1); } } @media (min-width: 1200px) { .u-header--sub-menu-dark-bg-xl .u-header__sub-menu, .u-header--sub-menu-dark-bg-xl .u-header__promo { background-color: #333e48; } .u-header--sub-menu-dark-bg-xl .u-header__sub-menu-title, .u-header--sub-menu-dark-bg-xl .u-header__promo-title { color: rgba(255, 255, 255, 0.8); } .u-header--sub-menu-dark-bg-xl .u-header__promo-footer { background-color: #313b45; } .u-header--sub-menu-dark-bg-xl .u-header__promo-footer-ver-divider::before { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg-xl .u-header__promo-link::after { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg-xl .u-header__promo-item { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg-xl .u-header__sub-menu-nav-link { color: #8c98a4; } .u-header--sub-menu-dark-bg-xl .u-header__sub-menu-nav-link:hover { color: #F21818; } .u-header--sub-menu-dark-bg-xl .u-header__product-banner { background-color: #313b45; } .u-header--sub-menu-dark-bg-xl .u-header__product-banner-text { color: #8c98a4; } .u-header--sub-menu-dark-bg-xl .dropdown-nav-link:hover { color: rgba(255, 255, 255, 0.8); } .u-header--sub-menu-dark-bg-xl .dropdown-divider { border-color: rgba(255, 255, 255, 0.1); } } @media (min-width: 1480px) { .u-header--sub-menu-dark-bg-wd .u-header__sub-menu, .u-header--sub-menu-dark-bg-wd .u-header__promo { background-color: #333e48; } .u-header--sub-menu-dark-bg-wd .u-header__sub-menu-title, .u-header--sub-menu-dark-bg-wd .u-header__promo-title { color: rgba(255, 255, 255, 0.8); } .u-header--sub-menu-dark-bg-wd .u-header__promo-footer { background-color: #313b45; } .u-header--sub-menu-dark-bg-wd .u-header__promo-footer-ver-divider::before { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg-wd .u-header__promo-link::after { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg-wd .u-header__promo-item { border-color: rgba(255, 255, 255, 0.1); } .u-header--sub-menu-dark-bg-wd .u-header__sub-menu-nav-link { color: #8c98a4; } .u-header--sub-menu-dark-bg-wd .u-header__sub-menu-nav-link:hover { color: #F21818; } .u-header--sub-menu-dark-bg-wd .u-header__product-banner { background-color: #313b45; } .u-header--sub-menu-dark-bg-wd .u-header__product-banner-text { color: #8c98a4; } .u-header--sub-menu-dark-bg-wd .dropdown-nav-link:hover { color: rgba(255, 255, 255, 0.8); } .u-header--sub-menu-dark-bg-wd .dropdown-divider { border-color: rgba(255, 255, 255, 0.1); } } /*------------------------------------ Transparent Header ------------------------------------*/ .u-header--bg-transparent:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section { background-color: #fff; } .u-header--bg-transparent:not(.js-header-fix-moment) .u-header__section { background-color: transparent; box-shadow: none; } .u-header--bg-transparent .u-header__navbar-brand-collapsed, .u-header--bg-transparent .u-header__navbar-brand-collapsed .u-header__navbar-brand-text, .u-header--bg-transparent .u-header__navbar-brand-on-scroll, .u-header--bg-transparent .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text { display: none; } .u-header--bg-transparent.js-header-fix-moment .u-header__navbar-brand-default, .u-header--bg-transparent.js-header-fix-moment .u-header__navbar-brand-default .u-header__navbar-brand-text { display: none; } .u-header--bg-transparent.js-header-fix-moment .u-header__navbar-brand-on-scroll { display: flex; } .u-header--bg-transparent.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text { display: inline-block; } @media (min-width: 576px) and (min-width: 576px) { .u-header--bg-transparent-sm:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section { background-color: #fff; } .u-header--bg-transparent-sm:not(.js-header-fix-moment) .u-header__section { background-color: transparent; box-shadow: none; } } @media (min-width: 576px) { .u-header--bg-transparent-sm .u-header__navbar-brand-collapsed, .u-header--bg-transparent-sm .u-header__navbar-brand-collapsed .u-header__navbar-brand-text, .u-header--bg-transparent-sm .u-header__navbar-brand-on-scroll, .u-header--bg-transparent-sm .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text { display: none; } } @media (min-width: 576px) { .u-header--bg-transparent-sm.js-header-fix-moment .u-header__navbar-brand-default, .u-header--bg-transparent-sm.js-header-fix-moment .u-header__navbar-brand-default .u-header__navbar-brand-text { display: none; } .u-header--bg-transparent-sm.js-header-fix-moment .u-header__navbar-brand-on-scroll { display: flex; } .u-header--bg-transparent-sm.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text { display: inline-block; } } @media (min-width: 768px) and (min-width: 768px) { .u-header--bg-transparent-md:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section { background-color: #fff; } .u-header--bg-transparent-md:not(.js-header-fix-moment) .u-header__section { background-color: transparent; box-shadow: none; } } @media (min-width: 768px) { .u-header--bg-transparent-md .u-header__navbar-brand-collapsed, .u-header--bg-transparent-md .u-header__navbar-brand-collapsed .u-header__navbar-brand-text, .u-header--bg-transparent-md .u-header__navbar-brand-on-scroll, .u-header--bg-transparent-md .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text { display: none; } } @media (min-width: 768px) { .u-header--bg-transparent-md.js-header-fix-moment .u-header__navbar-brand-default, .u-header--bg-transparent-md.js-header-fix-moment .u-header__navbar-brand-default .u-header__navbar-brand-text { display: none; } .u-header--bg-transparent-md.js-header-fix-moment .u-header__navbar-brand-on-scroll { display: flex; } .u-header--bg-transparent-md.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text { display: inline-block; } } @media (min-width: 992px) and (min-width: 992px) { .u-header--bg-transparent-lg:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section { background-color: #fff; } .u-header--bg-transparent-lg:not(.js-header-fix-moment) .u-header__section { background-color: transparent; box-shadow: none; } } @media (min-width: 992px) { .u-header--bg-transparent-lg .u-header__navbar-brand-collapsed, .u-header--bg-transparent-lg .u-header__navbar-brand-collapsed .u-header__navbar-brand-text, .u-header--bg-transparent-lg .u-header__navbar-brand-on-scroll, .u-header--bg-transparent-lg .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text { display: none; } } @media (min-width: 992px) { .u-header--bg-transparent-lg.js-header-fix-moment .u-header__navbar-brand-default, .u-header--bg-transparent-lg.js-header-fix-moment .u-header__navbar-brand-default .u-header__navbar-brand-text { display: none; } .u-header--bg-transparent-lg.js-header-fix-moment .u-header__navbar-brand-on-scroll { display: flex; } .u-header--bg-transparent-lg.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text { display: inline-block; } } @media (min-width: 1200px) and (min-width: 1200px) { .u-header--bg-transparent-xl:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section { background-color: #fff; } .u-header--bg-transparent-xl:not(.js-header-fix-moment) .u-header__section { background-color: transparent; box-shadow: none; } } @media (min-width: 1200px) { .u-header--bg-transparent-xl .u-header__navbar-brand-collapsed, .u-header--bg-transparent-xl .u-header__navbar-brand-collapsed .u-header__navbar-brand-text, .u-header--bg-transparent-xl .u-header__navbar-brand-on-scroll, .u-header--bg-transparent-xl .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text { display: none; } } @media (min-width: 1200px) { .u-header--bg-transparent-xl.js-header-fix-moment .u-header__navbar-brand-default, .u-header--bg-transparent-xl.js-header-fix-moment .u-header__navbar-brand-default .u-header__navbar-brand-text { display: none; } .u-header--bg-transparent-xl.js-header-fix-moment .u-header__navbar-brand-on-scroll { display: flex; } .u-header--bg-transparent-xl.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text { display: inline-block; } } @media (min-width: 1480px) and (min-width: 1480px) { .u-header--bg-transparent-wd:not(.js-header-fix-moment) .u-search-push-top[style*="display: block"] + .u-header__section { background-color: #fff; } .u-header--bg-transparent-wd:not(.js-header-fix-moment) .u-header__section { background-color: transparent; box-shadow: none; } } @media (min-width: 1480px) { .u-header--bg-transparent-wd .u-header__navbar-brand-collapsed, .u-header--bg-transparent-wd .u-header__navbar-brand-collapsed .u-header__navbar-brand-text, .u-header--bg-transparent-wd .u-header__navbar-brand-on-scroll, .u-header--bg-transparent-wd .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text { display: none; } } @media (min-width: 1480px) { .u-header--bg-transparent-wd.js-header-fix-moment .u-header__navbar-brand-default, .u-header--bg-transparent-wd.js-header-fix-moment .u-header__navbar-brand-default .u-header__navbar-brand-text { display: none; } .u-header--bg-transparent-wd.js-header-fix-moment .u-header__navbar-brand-on-scroll { display: flex; } .u-header--bg-transparent-wd.js-header-fix-moment .u-header__navbar-brand-on-scroll .u-header__navbar-brand-text { display: inline-block; } } @media (max-width: 575.98px) { .u-header--bg-transparent-sm .u-header__navbar-brand-default, .u-header--bg-transparent-sm .u-header__navbar-brand-on-scroll { display: none; } } @media (max-width: 767.98px) { .u-header--bg-transparent-md .u-header__navbar-brand-default, .u-header--bg-transparent-md .u-header__navbar-brand-on-scroll { display: none; } } @media (max-width: 991.98px) { .u-header--bg-transparent-lg .u-header__navbar-brand-default, .u-header--bg-transparent-lg .u-header__navbar-brand-on-scroll { display: none; } } @media (max-width: 1199.98px) { .u-header--bg-transparent-xl .u-header__navbar-brand-default, .u-header--bg-transparent-xl .u-header__navbar-brand-on-scroll { display: none; } } @media (max-width: 1479.98px) { .u-header--bg-transparent-wd .u-header__navbar-brand-default, .u-header--bg-transparent-wd .u-header__navbar-brand-on-scroll { display: none; } } .u-header--bg-transparent .u-header__navbar-brand-default, .u-header--bg-transparent .u-header__navbar-brand-on-scroll { display: none; } .u-header--bg-transparent .u-header__navbar-brand-default { display: flex; } @media (max-width: 767.98px) { .u-header--bg-transparent .u-header__navbar-nav { background-color: #fff; } .u-header--bg-transparent .u-header__navbar-nav { padding: 0.875rem 1.5rem; padding-top: 1rem; } } /*------------------------------------ Header On Scroll ------------------------------------*/ .u-header--white-bg-on-scroll.u-scrolled .u-header__section { background-color: #fff; box-shadow: 0 1px 10px rgba(151, 164, 175, 0.1); } /*------------------------------------ Header White Nav Links ------------------------------------*/ .u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-item:hover .u-header__nav-link { color: white; } .u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-link { color: rgba(255, 255, 255, 0.7); } .u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-link:hover { color: white; } .u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment) .u-header__navbar-link, .u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link, .u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary { color: rgba(255, 255, 255, 0.6); } .u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment) .u-header__navbar-link:hover, .u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link:hover, .u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary:hover { color: white; } @media (min-width: 576px) { .u-header--white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-item:hover .u-header__nav-link { color: white; } .u-header--white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-link { color: rgba(255, 255, 255, 0.7); } .u-header--white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-link:hover { color: white; } .u-header--white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment) .u-header__navbar-link, .u-header--white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link, .u-header--white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary { color: rgba(255, 255, 255, 0.6); } .u-header--white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment) .u-header__navbar-link:hover, .u-header--white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link:hover, .u-header--white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary:hover { color: white; } } @media (min-width: 768px) { .u-header--white-nav-links-md:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-item:hover .u-header__nav-link { color: white; } .u-header--white-nav-links-md:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-link { color: rgba(255, 255, 255, 0.7); } .u-header--white-nav-links-md:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-link:hover { color: white; } .u-header--white-nav-links-md:not(.bg-white):not(.js-header-fix-moment) .u-header__navbar-link, .u-header--white-nav-links-md:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link, .u-header--white-nav-links-md:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary { color: rgba(255, 255, 255, 0.6); } .u-header--white-nav-links-md:not(.bg-white):not(.js-header-fix-moment) .u-header__navbar-link:hover, .u-header--white-nav-links-md:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link:hover, .u-header--white-nav-links-md:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary:hover { color: white; } } @media (min-width: 992px) { .u-header--white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-item:hover .u-header__nav-link { color: white; } .u-header--white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-link { color: rgba(255, 255, 255, 0.7); } .u-header--white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-link:hover { color: white; } .u-header--white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment) .u-header__navbar-link, .u-header--white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link, .u-header--white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary { color: rgba(255, 255, 255, 0.6); } .u-header--white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment) .u-header__navbar-link:hover, .u-header--white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link:hover, .u-header--white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary:hover { color: white; } } @media (min-width: 1200px) { .u-header--white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-item:hover .u-header__nav-link { color: white; } .u-header--white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-link { color: rgba(255, 255, 255, 0.7); } .u-header--white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-link:hover { color: white; } .u-header--white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .u-header__navbar-link, .u-header--white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link, .u-header--white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary { color: rgba(255, 255, 255, 0.6); } .u-header--white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .u-header__navbar-link:hover, .u-header--white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link:hover, .u-header--white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary:hover { color: white; } } @media (min-width: 1480px) { .u-header--white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-item:hover .u-header__nav-link { color: white; } .u-header--white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-link { color: rgba(255, 255, 255, 0.7); } .u-header--white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-link:hover { color: white; } .u-header--white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment) .u-header__navbar-link, .u-header--white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link, .u-header--white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary { color: rgba(255, 255, 255, 0.6); } .u-header--white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment) .u-header__navbar-link:hover, .u-header--white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link:hover, .u-header--white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary:hover { color: white; } } /*------------------------------------ Navbar Expand ------------------------------------*/ .navbar-expand { flex-wrap: wrap; } .navbar-expand.u-header__navbar--no-space { padding-top: 0; padding-bottom: 0; } .navbar-expand .u-header__navbar-nav { align-items: center; padding-top: 0; padding-bottom: 0; } .navbar-expand .u-header__navbar-nav .u-header__nav-last-item { text-align: right; padding-left: 1rem; padding-right: 0; } .navbar-expand .u-header__navbar-nav .u-header__nav-link { padding-top: 0.781rem; padding-bottom: 0.781rem; padding-right: 0.99rem; padding-left: 0.99rem; } .navbar-expand .u-header__navbar-nav .u-header__sub-menu { border-top: 0.109375rem solid #F21818; border-bottom-right-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28); } .navbar-expand .u-header__navbar-nav .u-header__sub-menu-nav-link { padding-right: 1.75rem; padding-left: 1.75rem; } .navbar-expand .u-header__navbar-nav .u-header__sub-menu-nav-group .u-header__sub-menu-nav-link { padding-left: 0; } .navbar-expand .u-header__navbar-nav .u-header__sub-menu.hs-sub-menu { padding-top: 1rem; padding-bottom: 1rem; } .navbar-expand .u-header__navbar-nav .u-header__sub-menu .hs-has-sub-menu { padding: 0; } .navbar-expand .u-header__navbar-nav .u-header__sub-menu .hs-has-sub-menu .u-header__sub-menu { margin-top: -2px; margin-bottom: -2px; } .navbar-expand .u-header__mega-menu-position-right-fix.hs-mega-menu.hs-position-right { right: 20%; } .navbar-expand .u-header__mega-menu-wrapper { padding: 2.5rem; margin-left: 0; margin-right: 0; } .navbar-expand .u-header__promo { border-bottom-right-radius: 0.3125rem; } .navbar-expand .u-header__promo-card { display: flex; flex: 1 0 0%; flex-direction: column; } .navbar-expand .u-header__promo-card-deck { display: flex; flex-flow: row wrap; } .navbar-expand .u-header__promo-card-deck .u-header__promo-item:not(:last-child) .u-header__promo-link { position: relative; } .navbar-expand .u-header__promo-card-deck .u-header__promo-item:not(:last-child) .u-header__promo-link::after { position: absolute; top: 0; right: 0; margin-right: -1.5rem; border-right: 1px solid #e7eaf3; height: 100%; content: ""; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: wrap; } .navbar-expand-sm.u-header__navbar--no-space { padding-top: 0; padding-bottom: 0; } .navbar-expand-sm .u-header__navbar-nav { align-items: center; padding-top: 0; padding-bottom: 0; } .navbar-expand-sm .u-header__navbar-nav .u-header__nav-last-item { text-align: right; padding-left: 1rem; padding-right: 0; } .navbar-expand-sm .u-header__navbar-nav .u-header__nav-link { padding-top: 0.781rem; padding-bottom: 0.781rem; padding-right: 0.99rem; padding-left: 0.99rem; } .navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu { border-top: 0.109375rem solid #F21818; border-bottom-right-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28); } .navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu-nav-link { padding-right: 1.75rem; padding-left: 1.75rem; } .navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu-nav-group .u-header__sub-menu-nav-link { padding-left: 0; } .navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu.hs-sub-menu { padding-top: 1rem; padding-bottom: 1rem; } .navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu .hs-has-sub-menu { padding: 0; } .navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu .hs-has-sub-menu .u-header__sub-menu { margin-top: -2px; margin-bottom: -2px; } .navbar-expand-sm .u-header__mega-menu-position-right-fix.hs-mega-menu.hs-position-right { right: 20%; } .navbar-expand-sm .u-header__mega-menu-wrapper { padding: 2.5rem; margin-left: 0; margin-right: 0; } .navbar-expand-sm .u-header__promo { border-bottom-right-radius: 0.3125rem; } .navbar-expand-sm .u-header__promo-card { display: flex; flex: 1 0 0%; flex-direction: column; } .navbar-expand-sm .u-header__promo-card-deck { display: flex; flex-flow: row wrap; } .navbar-expand-sm .u-header__promo-card-deck .u-header__promo-item:not(:last-child) .u-header__promo-link { position: relative; } .navbar-expand-sm .u-header__promo-card-deck .u-header__promo-item:not(:last-child) .u-header__promo-link::after { position: absolute; top: 0; right: 0; margin-right: -1.5rem; border-right: 1px solid #e7eaf3; height: 100%; content: ""; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: wrap; } .navbar-expand-md.u-header__navbar--no-space { padding-top: 0; padding-bottom: 0; } .navbar-expand-md .u-header__navbar-nav { align-items: center; padding-top: 0; padding-bottom: 0; } .navbar-expand-md .u-header__navbar-nav .u-header__nav-last-item { text-align: right; padding-left: 1rem; padding-right: 0; } .navbar-expand-md .u-header__navbar-nav .u-header__nav-link { padding-top: 0.781rem; padding-bottom: 0.781rem; padding-right: 0.99rem; padding-left: 0.99rem; } .navbar-expand-md .u-header__navbar-nav .u-header__sub-menu { border-top: 0.109375rem solid #F21818; border-bottom-right-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28); } .navbar-expand-md .u-header__navbar-nav .u-header__sub-menu-nav-link { padding-right: 1.75rem; padding-left: 1.75rem; } .navbar-expand-md .u-header__navbar-nav .u-header__sub-menu-nav-group .u-header__sub-menu-nav-link { padding-left: 0; } .navbar-expand-md .u-header__navbar-nav .u-header__sub-menu.hs-sub-menu { padding-top: 1rem; padding-bottom: 1rem; } .navbar-expand-md .u-header__navbar-nav .u-header__sub-menu .hs-has-sub-menu { padding: 0; } .navbar-expand-md .u-header__navbar-nav .u-header__sub-menu .hs-has-sub-menu .u-header__sub-menu { margin-top: -2px; margin-bottom: -2px; } .navbar-expand-md .u-header__mega-menu-position-right-fix.hs-mega-menu.hs-position-right { right: 20%; } .navbar-expand-md .u-header__mega-menu-wrapper { padding: 2.5rem; margin-left: 0; margin-right: 0; } .navbar-expand-md .u-header__promo { border-bottom-right-radius: 0.3125rem; } .navbar-expand-md .u-header__promo-card { display: flex; flex: 1 0 0%; flex-direction: column; } .navbar-expand-md .u-header__promo-card-deck { display: flex; flex-flow: row wrap; } .navbar-expand-md .u-header__promo-card-deck .u-header__promo-item:not(:last-child) .u-header__promo-link { position: relative; } .navbar-expand-md .u-header__promo-card-deck .u-header__promo-item:not(:last-child) .u-header__promo-link::after { position: absolute; top: 0; right: 0; margin-right: -1.5rem; border-right: 1px solid #e7eaf3; height: 100%; content: ""; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: wrap; } .navbar-expand-lg.u-header__navbar--no-space { padding-top: 0; padding-bottom: 0; } .navbar-expand-lg .u-header__navbar-nav { align-items: center; padding-top: 0; padding-bottom: 0; } .navbar-expand-lg .u-header__navbar-nav .u-header__nav-last-item { text-align: right; padding-left: 1rem; padding-right: 0; } .navbar-expand-lg .u-header__navbar-nav .u-header__nav-link { padding-top: 0.781rem; padding-bottom: 0.781rem; padding-right: 0.99rem; padding-left: 0.99rem; } .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu { border-top: 0.109375rem solid #F21818; border-bottom-right-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28); } .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu-nav-link { padding-right: 1.75rem; padding-left: 1.75rem; } .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu-nav-group .u-header__sub-menu-nav-link { padding-left: 0; } .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu.hs-sub-menu { padding-top: 1rem; padding-bottom: 1rem; } .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu .hs-has-sub-menu { padding: 0; } .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu .hs-has-sub-menu .u-header__sub-menu { margin-top: -2px; margin-bottom: -2px; } .navbar-expand-lg .u-header__mega-menu-position-right-fix.hs-mega-menu.hs-position-right { right: 20%; } .navbar-expand-lg .u-header__mega-menu-wrapper { padding: 2.5rem; margin-left: 0; margin-right: 0; } .navbar-expand-lg .u-header__promo { border-bottom-right-radius: 0.3125rem; } .navbar-expand-lg .u-header__promo-card { display: flex; flex: 1 0 0%; flex-direction: column; } .navbar-expand-lg .u-header__promo-card-deck { display: flex; flex-flow: row wrap; } .navbar-expand-lg .u-header__promo-card-deck .u-header__promo-item:not(:last-child) .u-header__promo-link { position: relative; } .navbar-expand-lg .u-header__promo-card-deck .u-header__promo-item:not(:last-child) .u-header__promo-link::after { position: absolute; top: 0; right: 0; margin-right: -1.5rem; border-right: 1px solid #e7eaf3; height: 100%; content: ""; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: wrap; } .navbar-expand-xl.u-header__navbar--no-space { padding-top: 0; padding-bottom: 0; } .navbar-expand-xl .u-header__navbar-nav { align-items: center; padding-top: 0; padding-bottom: 0; } .navbar-expand-xl .u-header__navbar-nav .u-header__nav-last-item { text-align: right; padding-left: 1rem; padding-right: 0; } .navbar-expand-xl .u-header__navbar-nav .u-header__nav-link { padding-top: 0.781rem; padding-bottom: 0.781rem; padding-right: 0.99rem; padding-left: 0.99rem; } .navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu { border-top: 0.109375rem solid #F21818; border-bottom-right-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28); } .navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu-nav-link { padding-right: 1.75rem; padding-left: 1.75rem; } .navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu-nav-group .u-header__sub-menu-nav-link { padding-left: 0; } .navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu.hs-sub-menu { padding-top: 1rem; padding-bottom: 1rem; } .navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu .hs-has-sub-menu { padding: 0; } .navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu .hs-has-sub-menu .u-header__sub-menu { margin-top: -2px; margin-bottom: -2px; } .navbar-expand-xl .u-header__mega-menu-position-right-fix.hs-mega-menu.hs-position-right { right: 20%; } .navbar-expand-xl .u-header__mega-menu-wrapper { padding: 2.5rem; margin-left: 0; margin-right: 0; } .navbar-expand-xl .u-header__promo { border-bottom-right-radius: 0.3125rem; } .navbar-expand-xl .u-header__promo-card { display: flex; flex: 1 0 0%; flex-direction: column; } .navbar-expand-xl .u-header__promo-card-deck { display: flex; flex-flow: row wrap; } .navbar-expand-xl .u-header__promo-card-deck .u-header__promo-item:not(:last-child) .u-header__promo-link { position: relative; } .navbar-expand-xl .u-header__promo-card-deck .u-header__promo-item:not(:last-child) .u-header__promo-link::after { position: absolute; top: 0; right: 0; margin-right: -1.5rem; border-right: 1px solid #e7eaf3; height: 100%; content: ""; } } @media (min-width: 1480px) { .navbar-expand-wd { flex-wrap: wrap; } .navbar-expand-wd.u-header__navbar--no-space { padding-top: 0; padding-bottom: 0; } .navbar-expand-wd .u-header__navbar-nav { align-items: center; padding-top: 0; padding-bottom: 0; } .navbar-expand-wd .u-header__navbar-nav .u-header__nav-last-item { text-align: right; padding-left: 1rem; padding-right: 0; } .navbar-expand-wd .u-header__navbar-nav .u-header__nav-link { padding-top: 0.781rem; padding-bottom: 0.781rem; padding-right: 0.99rem; padding-left: 0.99rem; } .navbar-expand-wd .u-header__navbar-nav .u-header__sub-menu { border-top: 0.109375rem solid #F21818; border-bottom-right-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28); } .navbar-expand-wd .u-header__navbar-nav .u-header__sub-menu-nav-link { padding-right: 1.75rem; padding-left: 1.75rem; } .navbar-expand-wd .u-header__navbar-nav .u-header__sub-menu-nav-group .u-header__sub-menu-nav-link { padding-left: 0; } .navbar-expand-wd .u-header__navbar-nav .u-header__sub-menu.hs-sub-menu { padding-top: 1rem; padding-bottom: 1rem; } .navbar-expand-wd .u-header__navbar-nav .u-header__sub-menu .hs-has-sub-menu { padding: 0; } .navbar-expand-wd .u-header__navbar-nav .u-header__sub-menu .hs-has-sub-menu .u-header__sub-menu { margin-top: -2px; margin-bottom: -2px; } .navbar-expand-wd .u-header__mega-menu-position-right-fix.hs-mega-menu.hs-position-right { right: 20%; } .navbar-expand-wd .u-header__mega-menu-wrapper { padding: 2.5rem; margin-left: 0; margin-right: 0; } .navbar-expand-wd .u-header__promo { border-bottom-right-radius: 0.3125rem; } .navbar-expand-wd .u-header__promo-card { display: flex; flex: 1 0 0%; flex-direction: column; } .navbar-expand-wd .u-header__promo-card-deck { display: flex; flex-flow: row wrap; } .navbar-expand-wd .u-header__promo-card-deck .u-header__promo-item:not(:last-child) .u-header__promo-link { position: relative; } .navbar-expand-wd .u-header__promo-card-deck .u-header__promo-item:not(:last-child) .u-header__promo-link::after { position: absolute; top: 0; right: 0; margin-right: -1.5rem; border-right: 1px solid #e7eaf3; height: 100%; content: ""; } } @media (max-width: 575.98px) { .navbar-expand-sm .u-header__nav-last-item { display: none; } .navbar-expand-sm .u-header__nav-link, .navbar-expand-sm .u-header__sub-menu-nav-link { display: flex; align-items: center; } .navbar-expand-sm .u-header__nav-link-toggle::after, .navbar-expand-sm .u-header__sub-menu-nav-link-toggle::after { margin-left: auto; } .navbar-expand-sm .u-header__sub-menu-nav-link-toggle::after { transform: rotate(90deg); } .navbar-expand-sm .hs-mega-menu-opened .u-header__nav-link-toggle::after, .navbar-expand-sm .hs-sub-menu-opened .u-header__nav-link-toggle::after { transform: rotate(-180deg); } .navbar-expand-sm .hs-sub-menu-opened > .u-header__sub-menu-nav-link-toggle::after { transform: rotate(-90deg); } .navbar-expand-sm .u-header__mega-menu-wrapper { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-expand-sm .u-header__sub-menu { min-width: 100% !important; } .navbar-expand-sm .u-header__sub-menu--spacer { padding-left: 1.5rem; } .navbar-expand-sm .u-header__sub-menu:not(.u-header__promo) { border-left: 0.1875rem solid #F21818; } .navbar-expand-sm .u-header__sub-menu .u-header__sub-menu { padding-left: 1.5rem; } .navbar-expand-sm .u-header__sub-menu-title { padding-left: 1.5rem; margin-bottom: 0; } .navbar-expand-sm .u-header__sub-menu-nav-group { padding-top: 0.5rem; padding-left: 1.5rem; } .navbar-expand-sm .u-header__sub-menu .hs-has-sub-menu { padding-left: 1.5rem; padding-top: 0; padding-bottom: 0; } .navbar-expand-sm .u-header__sub-menu .hs-has-sub-menu .hs-sub-menu { -webkit-animation: none; animation: none; } .navbar-expand-sm .u-header-center-aligned-nav__col-last-item { display: none; } .navbar-expand-sm .u-header__promo-card-deck:last-child .u-header__promo-item:not(:last-child) { border-bottom: 1px solid #e7eaf3; } } @media (max-width: 767.98px) { .navbar-expand-md .u-header__nav-last-item { display: none; } .navbar-expand-md .u-header__nav-link, .navbar-expand-md .u-header__sub-menu-nav-link { display: flex; align-items: center; } .navbar-expand-md .u-header__nav-link-toggle::after, .navbar-expand-md .u-header__sub-menu-nav-link-toggle::after { margin-left: auto; } .navbar-expand-md .u-header__sub-menu-nav-link-toggle::after { transform: rotate(90deg); } .navbar-expand-md .hs-mega-menu-opened .u-header__nav-link-toggle::after, .navbar-expand-md .hs-sub-menu-opened .u-header__nav-link-toggle::after { transform: rotate(-180deg); } .navbar-expand-md .hs-sub-menu-opened > .u-header__sub-menu-nav-link-toggle::after { transform: rotate(-90deg); } .navbar-expand-md .u-header__mega-menu-wrapper { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-expand-md .u-header__sub-menu { min-width: 100% !important; } .navbar-expand-md .u-header__sub-menu--spacer { padding-left: 1.5rem; } .navbar-expand-md .u-header__sub-menu:not(.u-header__promo) { border-left: 0.1875rem solid #F21818; } .navbar-expand-md .u-header__sub-menu .u-header__sub-menu { padding-left: 1.5rem; } .navbar-expand-md .u-header__sub-menu-title { padding-left: 1.5rem; margin-bottom: 0; } .navbar-expand-md .u-header__sub-menu-nav-group { padding-top: 0.5rem; padding-left: 1.5rem; } .navbar-expand-md .u-header__sub-menu .hs-has-sub-menu { padding-left: 1.5rem; padding-top: 0; padding-bottom: 0; } .navbar-expand-md .u-header__sub-menu .hs-has-sub-menu .hs-sub-menu { -webkit-animation: none; animation: none; } .navbar-expand-md .u-header-center-aligned-nav__col-last-item { display: none; } .navbar-expand-md .u-header__promo-card-deck:last-child .u-header__promo-item:not(:last-child) { border-bottom: 1px solid #e7eaf3; } } @media (max-width: 991.98px) { .navbar-expand-lg .u-header__nav-last-item { display: none; } .navbar-expand-lg .u-header__nav-link, .navbar-expand-lg .u-header__sub-menu-nav-link { display: flex; align-items: center; } .navbar-expand-lg .u-header__nav-link-toggle::after, .navbar-expand-lg .u-header__sub-menu-nav-link-toggle::after { margin-left: auto; } .navbar-expand-lg .u-header__sub-menu-nav-link-toggle::after { transform: rotate(90deg); } .navbar-expand-lg .hs-mega-menu-opened .u-header__nav-link-toggle::after, .navbar-expand-lg .hs-sub-menu-opened .u-header__nav-link-toggle::after { transform: rotate(-180deg); } .navbar-expand-lg .hs-sub-menu-opened > .u-header__sub-menu-nav-link-toggle::after { transform: rotate(-90deg); } .navbar-expand-lg .u-header__mega-menu-wrapper { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-expand-lg .u-header__sub-menu { min-width: 100% !important; } .navbar-expand-lg .u-header__sub-menu--spacer { padding-left: 1.5rem; } .navbar-expand-lg .u-header__sub-menu:not(.u-header__promo) { border-left: 0.1875rem solid #F21818; } .navbar-expand-lg .u-header__sub-menu .u-header__sub-menu { padding-left: 1.5rem; } .navbar-expand-lg .u-header__sub-menu-title { padding-left: 1.5rem; margin-bottom: 0; } .navbar-expand-lg .u-header__sub-menu-nav-group { padding-top: 0.5rem; padding-left: 1.5rem; } .navbar-expand-lg .u-header__sub-menu .hs-has-sub-menu { padding-left: 1.5rem; padding-top: 0; padding-bottom: 0; } .navbar-expand-lg .u-header__sub-menu .hs-has-sub-menu .hs-sub-menu { -webkit-animation: none; animation: none; } .navbar-expand-lg .u-header-center-aligned-nav__col-last-item { display: none; } .navbar-expand-lg .u-header__promo-card-deck:last-child .u-header__promo-item:not(:last-child) { border-bottom: 1px solid #e7eaf3; } } @media (max-width: 1199.98px) { .navbar-expand-xl .u-header__nav-last-item { display: none; } .navbar-expand-xl .u-header__nav-link, .navbar-expand-xl .u-header__sub-menu-nav-link { display: flex; align-items: center; } .navbar-expand-xl .u-header__nav-link-toggle::after, .navbar-expand-xl .u-header__sub-menu-nav-link-toggle::after { margin-left: auto; } .navbar-expand-xl .u-header__sub-menu-nav-link-toggle::after { transform: rotate(90deg); } .navbar-expand-xl .hs-mega-menu-opened .u-header__nav-link-toggle::after, .navbar-expand-xl .hs-sub-menu-opened .u-header__nav-link-toggle::after { transform: rotate(-180deg); } .navbar-expand-xl .hs-sub-menu-opened > .u-header__sub-menu-nav-link-toggle::after { transform: rotate(-90deg); } .navbar-expand-xl .u-header__mega-menu-wrapper { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-expand-xl .u-header__sub-menu { min-width: 100% !important; } .navbar-expand-xl .u-header__sub-menu--spacer { padding-left: 1.5rem; } .navbar-expand-xl .u-header__sub-menu:not(.u-header__promo) { border-left: 0.1875rem solid #F21818; } .navbar-expand-xl .u-header__sub-menu .u-header__sub-menu { padding-left: 1.5rem; } .navbar-expand-xl .u-header__sub-menu-title { padding-left: 1.5rem; margin-bottom: 0; } .navbar-expand-xl .u-header__sub-menu-nav-group { padding-top: 0.5rem; padding-left: 1.5rem; } .navbar-expand-xl .u-header__sub-menu .hs-has-sub-menu { padding-left: 1.5rem; padding-top: 0; padding-bottom: 0; } .navbar-expand-xl .u-header__sub-menu .hs-has-sub-menu .hs-sub-menu { -webkit-animation: none; animation: none; } .navbar-expand-xl .u-header-center-aligned-nav__col-last-item { display: none; } .navbar-expand-xl .u-header__promo-card-deck:last-child .u-header__promo-item:not(:last-child) { border-bottom: 1px solid #e7eaf3; } } @media (max-width: 1479.98px) { .navbar-expand-wd .u-header__nav-last-item { display: none; } .navbar-expand-wd .u-header__nav-link, .navbar-expand-wd .u-header__sub-menu-nav-link { display: flex; align-items: center; } .navbar-expand-wd .u-header__nav-link-toggle::after, .navbar-expand-wd .u-header__sub-menu-nav-link-toggle::after { margin-left: auto; } .navbar-expand-wd .u-header__sub-menu-nav-link-toggle::after { transform: rotate(90deg); } .navbar-expand-wd .hs-mega-menu-opened .u-header__nav-link-toggle::after, .navbar-expand-wd .hs-sub-menu-opened .u-header__nav-link-toggle::after { transform: rotate(-180deg); } .navbar-expand-wd .hs-sub-menu-opened > .u-header__sub-menu-nav-link-toggle::after { transform: rotate(-90deg); } .navbar-expand-wd .u-header__mega-menu-wrapper { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-expand-wd .u-header__sub-menu { min-width: 100% !important; } .navbar-expand-wd .u-header__sub-menu--spacer { padding-left: 1.5rem; } .navbar-expand-wd .u-header__sub-menu:not(.u-header__promo) { border-left: 0.1875rem solid #F21818; } .navbar-expand-wd .u-header__sub-menu .u-header__sub-menu { padding-left: 1.5rem; } .navbar-expand-wd .u-header__sub-menu-title { padding-left: 1.5rem; margin-bottom: 0; } .navbar-expand-wd .u-header__sub-menu-nav-group { padding-top: 0.5rem; padding-left: 1.5rem; } .navbar-expand-wd .u-header__sub-menu .hs-has-sub-menu { padding-left: 1.5rem; padding-top: 0; padding-bottom: 0; } .navbar-expand-wd .u-header__sub-menu .hs-has-sub-menu .hs-sub-menu { -webkit-animation: none; animation: none; } .navbar-expand-wd .u-header-center-aligned-nav__col-last-item { display: none; } .navbar-expand-wd .u-header__promo-card-deck:last-child .u-header__promo-item:not(:last-child) { border-bottom: 1px solid #e7eaf3; } } .navbar-expand .u-header__nav-last-item { display: none; } .navbar-expand .u-header__nav-link, .navbar-expand .u-header__sub-menu-nav-link { display: flex; align-items: center; } .navbar-expand .u-header__nav-link-toggle::after, .navbar-expand .u-header__sub-menu-nav-link-toggle::after { margin-left: auto; } .navbar-expand .u-header__sub-menu-nav-link-toggle::after { transform: rotate(90deg); } .navbar-expand .hs-mega-menu-opened .u-header__nav-link-toggle::after, .navbar-expand .hs-sub-menu-opened .u-header__nav-link-toggle::after { transform: rotate(-180deg); } .navbar-expand .hs-sub-menu-opened > .u-header__sub-menu-nav-link-toggle::after { transform: rotate(-90deg); } .navbar-expand .u-header__mega-menu-wrapper { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-expand .u-header__sub-menu { min-width: 100% !important; } .navbar-expand .u-header__sub-menu--spacer { padding-left: 1.5rem; } .navbar-expand .u-header__sub-menu:not(.u-header__promo) { border-left: 0.1875rem solid #F21818; } .navbar-expand .u-header__sub-menu .u-header__sub-menu { padding-left: 1.5rem; } .navbar-expand .u-header__sub-menu-title { padding-left: 1.5rem; margin-bottom: 0; } .navbar-expand .u-header__sub-menu-nav-group { padding-top: 0.5rem; padding-left: 1.5rem; } .navbar-expand .u-header__sub-menu .hs-has-sub-menu { padding-left: 1.5rem; padding-top: 0; padding-bottom: 0; } .navbar-expand .u-header__sub-menu .hs-has-sub-menu .hs-sub-menu { -webkit-animation: none; animation: none; } .navbar-expand .u-header-center-aligned-nav__col-last-item { display: none; } .navbar-expand .u-header__promo-card-deck:last-child .u-header__promo-item:not(:last-child) { border-bottom: 1px solid #e7eaf3; } @media (max-width: 767.98px) { .navbar-expand-sm .u-header__nav-last-item { display: none; } } @media (max-width: 991.98px) { .navbar-expand-xs .u-header__banner, .navbar-expand-xs .u-header__product-banner, .navbar-expand-sm .u-header__banner, .navbar-expand-sm .u-header__product-banner, .navbar-expand-md .u-header__banner, .navbar-expand-md .u-header__product-banner, .navbar-expand-lg .u-header__banner, .navbar-expand-lg .u-header__product-banner { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl .u-header__banner, .navbar-expand-xl .u-header__product-banner { display: none; } } @media (min-width: 768px) and (max-width: 991.98px) { .navbar-expand-md .u-header__navbar-brand { padding-top: 0.5rem; } .u-header .u-header__mega-menu-position-right-fix--md.hs-mega-menu.hs-position-right { right: 20%; } } @media (min-width: 576px) and (max-width: 991.98px) { .navbar-expand-sm .u-header__navbar-brand { padding-top: 0.5rem; } } @media (min-width: 992px) { .navbar-expand .u-header__nav-last-item { display: inline-block; } [class*=navbar-expand]:not(.navbar-expand-xl) { flex-wrap: nowrap; } .navbar-expand-lg-collapse-block .navbar-collapse { display: block !important; } } /*------------------------------------ Header Floating ------------------------------------*/ .u-header--floating { position: absolute; right: 0; left: 0; margin-top: 2rem; } .u-header--floating.js-header-fix-moment { position: fixed; background-color: #fff; box-shadow: 0 1px 10px rgba(151, 164, 175, 0.1); margin-top: 0; } .u-header--floating.js-header-fix-moment .u-header--floating__inner { box-shadow: none; } .u-header--floating .u-header--floating__scrollbar { max-height: 50vh; } .u-header--floating .u-header--floating__scrollbar.mCS_destroyed { position: static !important; } .u-header--floating .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin: 0 24px; } .u-header--floating__inner { border-radius: 0.3125rem; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 576px) { .u-header--floating-sm { position: absolute; right: 0; left: 0; margin-top: 2rem; } .u-header--floating-sm.js-header-fix-moment { position: fixed; background-color: #fff; box-shadow: 0 1px 10px rgba(151, 164, 175, 0.1); margin-top: 0; } .u-header--floating-sm.js-header-fix-moment .u-header--floating__inner { box-shadow: none; } .u-header--floating-sm .u-header--floating__scrollbar { max-height: 50vh; } .u-header--floating-sm .u-header--floating__scrollbar.mCS_destroyed { position: static !important; } .u-header--floating-sm .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin: 0 24px; } .u-header--floating__inner { border-radius: 0.3125rem; padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 768px) { .u-header--floating-md { position: absolute; right: 0; left: 0; margin-top: 2rem; } .u-header--floating-md.js-header-fix-moment { position: fixed; background-color: #fff; box-shadow: 0 1px 10px rgba(151, 164, 175, 0.1); margin-top: 0; } .u-header--floating-md.js-header-fix-moment .u-header--floating__inner { box-shadow: none; } .u-header--floating-md .u-header--floating__scrollbar { max-height: 50vh; } .u-header--floating-md .u-header--floating__scrollbar.mCS_destroyed { position: static !important; } .u-header--floating-md .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin: 0 24px; } .u-header--floating__inner { border-radius: 0.3125rem; padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 992px) { .u-header--floating-lg { position: absolute; right: 0; left: 0; margin-top: 2rem; } .u-header--floating-lg.js-header-fix-moment { position: fixed; background-color: #fff; box-shadow: 0 1px 10px rgba(151, 164, 175, 0.1); margin-top: 0; } .u-header--floating-lg.js-header-fix-moment .u-header--floating__inner { box-shadow: none; } .u-header--floating-lg .u-header--floating__scrollbar { max-height: 50vh; } .u-header--floating-lg .u-header--floating__scrollbar.mCS_destroyed { position: static !important; } .u-header--floating-lg .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin: 0 24px; } .u-header--floating__inner { border-radius: 0.3125rem; padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 1200px) { .u-header--floating-xl { position: absolute; right: 0; left: 0; margin-top: 2rem; } .u-header--floating-xl.js-header-fix-moment { position: fixed; background-color: #fff; box-shadow: 0 1px 10px rgba(151, 164, 175, 0.1); margin-top: 0; } .u-header--floating-xl.js-header-fix-moment .u-header--floating__inner { box-shadow: none; } .u-header--floating-xl .u-header--floating__scrollbar { max-height: 50vh; } .u-header--floating-xl .u-header--floating__scrollbar.mCS_destroyed { position: static !important; } .u-header--floating-xl .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin: 0 24px; } .u-header--floating__inner { border-radius: 0.3125rem; padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 1480px) { .u-header--floating-wd { position: absolute; right: 0; left: 0; margin-top: 2rem; } .u-header--floating-wd.js-header-fix-moment { position: fixed; background-color: #fff; box-shadow: 0 1px 10px rgba(151, 164, 175, 0.1); margin-top: 0; } .u-header--floating-wd.js-header-fix-moment .u-header--floating__inner { box-shadow: none; } .u-header--floating-wd .u-header--floating__scrollbar { max-height: 50vh; } .u-header--floating-wd .u-header--floating__scrollbar.mCS_destroyed { position: static !important; } .u-header--floating-wd .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin: 0 24px; } .u-header--floating__inner { border-radius: 0.3125rem; padding-left: 1rem; padding-right: 1rem; } } @media (max-width: 575.98px) { .u-header--floating-sm .u-header__section { box-shadow: none; } .u-header--floating-sm .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { display: none; } } @media (max-width: 767.98px) { .u-header--floating-md .u-header__section { box-shadow: none; } .u-header--floating-md .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { display: none; } } @media (max-width: 991.98px) { .u-header--floating-lg .u-header__section { box-shadow: none; } .u-header--floating-lg .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { display: none; } } @media (max-width: 1199.98px) { .u-header--floating-xl .u-header__section { box-shadow: none; } .u-header--floating-xl .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { display: none; } } @media (max-width: 1479.98px) { .u-header--floating-wd .u-header__section { box-shadow: none; } .u-header--floating-wd .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { display: none; } } .u-header--floating .u-header__section { box-shadow: none; } .u-header--floating .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { display: none; } /*------------------------------------ Absolute Positions ------------------------------------*/ .u-header--abs-top, .u-header--abs-bottom, .u-header--abs-top-2nd-screen { position: absolute; } .u-header--abs-top { top: 0; bottom: auto; } .u-header--abs-top-2nd-screen:not(.js-header-fix-moment) { top: 100%; bottom: auto; } .u-header--abs-top-2nd-screen[data-header-fix-effect] { transition: none; } .u-header--abs-bottom:not(.js-header-fix-moment) { top: auto; bottom: 0; } .u-header--abs-bottom:not(.js-header-fix-moment) .u-header__sub-menu { top: auto; bottom: 100%; } .u-header--abs-bottom:not(.js-header-fix-moment) .u-header__sub-menu .u-header__sub-menu { top: 0; bottom: auto; } .u-header--abs-bottom:not(.js-header-fix-moment) [class*=navbar-expand] .u-header__navbar-nav .u-header__sub-menu { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 -8px 20px rgba(151, 164, 175, 0.1); } .u-header--abs-bottom:not(.js-header-fix-moment) .slideInUp { -webkit-animation-name: absoluteSlideInUp; animation-name: absoluteSlideInUp; } @media (min-width: 576px) { .u-header--abs-top-sm, .u-header--abs-bottom-sm, .u-header--abs-top-2nd-screen-sm { position: absolute; } .u-header--abs-top-sm { top: 0; bottom: auto; } .u-header--abs-top-2nd-screen-sm:not(.js-header-fix-moment) { top: 100%; bottom: auto; } .u-header--abs-top-2nd-screen-sm[data-header-fix-effect] { transition: none; } .u-header--abs-bottom-sm:not(.js-header-fix-moment) { top: auto; bottom: 0; } .u-header--abs-bottom-sm:not(.js-header-fix-moment) .u-header__sub-menu { top: auto; bottom: 100%; } .u-header--abs-bottom-sm:not(.js-header-fix-moment) .u-header__sub-menu .u-header__sub-menu { top: 0; bottom: auto; } .u-header--abs-bottom-sm:not(.js-header-fix-moment) [class*=navbar-expand] .u-header__navbar-nav .u-header__sub-menu { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 -8px 20px rgba(151, 164, 175, 0.1); } .u-header--abs-bottom-sm:not(.js-header-fix-moment) .slideInUp { -webkit-animation-name: absoluteSlideInUp; animation-name: absoluteSlideInUp; } } @media (min-width: 768px) { .u-header--abs-top-md, .u-header--abs-bottom-md, .u-header--abs-top-2nd-screen-md { position: absolute; } .u-header--abs-top-md { top: 0; bottom: auto; } .u-header--abs-top-2nd-screen-md:not(.js-header-fix-moment) { top: 100%; bottom: auto; } .u-header--abs-top-2nd-screen-md[data-header-fix-effect] { transition: none; } .u-header--abs-bottom-md:not(.js-header-fix-moment) { top: auto; bottom: 0; } .u-header--abs-bottom-md:not(.js-header-fix-moment) .u-header__sub-menu { top: auto; bottom: 100%; } .u-header--abs-bottom-md:not(.js-header-fix-moment) .u-header__sub-menu .u-header__sub-menu { top: 0; bottom: auto; } .u-header--abs-bottom-md:not(.js-header-fix-moment) [class*=navbar-expand] .u-header__navbar-nav .u-header__sub-menu { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 -8px 20px rgba(151, 164, 175, 0.1); } .u-header--abs-bottom-md:not(.js-header-fix-moment) .slideInUp { -webkit-animation-name: absoluteSlideInUp; animation-name: absoluteSlideInUp; } } @media (min-width: 992px) { .u-header--abs-top-lg, .u-header--abs-bottom-lg, .u-header--abs-top-2nd-screen-lg { position: absolute; } .u-header--abs-top-lg { top: 0; bottom: auto; } .u-header--abs-top-2nd-screen-lg:not(.js-header-fix-moment) { top: 100%; bottom: auto; } .u-header--abs-top-2nd-screen-lg[data-header-fix-effect] { transition: none; } .u-header--abs-bottom-lg:not(.js-header-fix-moment) { top: auto; bottom: 0; } .u-header--abs-bottom-lg:not(.js-header-fix-moment) .u-header__sub-menu { top: auto; bottom: 100%; } .u-header--abs-bottom-lg:not(.js-header-fix-moment) .u-header__sub-menu .u-header__sub-menu { top: 0; bottom: auto; } .u-header--abs-bottom-lg:not(.js-header-fix-moment) [class*=navbar-expand] .u-header__navbar-nav .u-header__sub-menu { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 -8px 20px rgba(151, 164, 175, 0.1); } .u-header--abs-bottom-lg:not(.js-header-fix-moment) .slideInUp { -webkit-animation-name: absoluteSlideInUp; animation-name: absoluteSlideInUp; } } @media (min-width: 1200px) { .u-header--abs-top-xl, .u-header--abs-bottom-xl, .u-header--abs-top-2nd-screen-xl { position: absolute; } .u-header--abs-top-xl { top: 0; bottom: auto; } .u-header--abs-top-2nd-screen-xl:not(.js-header-fix-moment) { top: 100%; bottom: auto; } .u-header--abs-top-2nd-screen-xl[data-header-fix-effect] { transition: none; } .u-header--abs-bottom-xl:not(.js-header-fix-moment) { top: auto; bottom: 0; } .u-header--abs-bottom-xl:not(.js-header-fix-moment) .u-header__sub-menu { top: auto; bottom: 100%; } .u-header--abs-bottom-xl:not(.js-header-fix-moment) .u-header__sub-menu .u-header__sub-menu { top: 0; bottom: auto; } .u-header--abs-bottom-xl:not(.js-header-fix-moment) [class*=navbar-expand] .u-header__navbar-nav .u-header__sub-menu { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 -8px 20px rgba(151, 164, 175, 0.1); } .u-header--abs-bottom-xl:not(.js-header-fix-moment) .slideInUp { -webkit-animation-name: absoluteSlideInUp; animation-name: absoluteSlideInUp; } } @media (min-width: 1480px) { .u-header--abs-top-wd, .u-header--abs-bottom-wd, .u-header--abs-top-2nd-screen-wd { position: absolute; } .u-header--abs-top-wd { top: 0; bottom: auto; } .u-header--abs-top-2nd-screen-wd:not(.js-header-fix-moment) { top: 100%; bottom: auto; } .u-header--abs-top-2nd-screen-wd[data-header-fix-effect] { transition: none; } .u-header--abs-bottom-wd:not(.js-header-fix-moment) { top: auto; bottom: 0; } .u-header--abs-bottom-wd:not(.js-header-fix-moment) .u-header__sub-menu { top: auto; bottom: 100%; } .u-header--abs-bottom-wd:not(.js-header-fix-moment) .u-header__sub-menu .u-header__sub-menu { top: 0; bottom: auto; } .u-header--abs-bottom-wd:not(.js-header-fix-moment) [class*=navbar-expand] .u-header__navbar-nav .u-header__sub-menu { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 -8px 20px rgba(151, 164, 175, 0.1); } .u-header--abs-bottom-wd:not(.js-header-fix-moment) .slideInUp { -webkit-animation-name: absoluteSlideInUp; animation-name: absoluteSlideInUp; } } @media (min-width: 768px) and (max-width: 991.98px) { .u-header--abs-bottom-md:not(.js-header-fix-moment) .navbar-expand-md .hs-mega-menu { bottom: 52.8%; } } @media (min-width: 576px) and (max-width: 991.98px) { .u-header--abs-bottom:not(.js-header-fix-moment) .navbar-expand-md .hs-mega-menu, .u-header--abs-bottom-sm:not(.js-header-fix-moment) .navbar-expand-md .hs-mega-menu { bottom: 52.8%; } } .u-header--abs-top__inner, .u-header--abs-bottom__inner, .u-header--abs-top-2nd-screen__inner { max-height: 50vh; } .u-header--abs-top__inner.mCS_destroyed, .u-header--abs-bottom__inner.mCS_destroyed, .u-header--abs-top-2nd-screen__inner.mCS_destroyed { position: static !important; } [class*=u-header--abs] .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin: 0 24px; } /* Disable box-shadow on mobile device */ .u-header--abs-top-2nd-screen:not(.js-header-fix-moment) [class*=navbar-expand] .u-header__navbar-nav .u-header__sub-menu, .u-header--abs-bottom:not(.js-header-fix-moment) [class*=navbar-expand] .u-header__navbar-nav .u-header__sub-menu { box-shadow: none; } @-webkit-keyframes absoluteSlideInUp { from { transform: translate3d(0, -10px, 0); } } @keyframes absoluteSlideInUp { from { transform: translate3d(0, -10px, 0); } } /*------------------------------------ Header Sidebar ------------------------------------*/ .u-header-sidebar__footer-offset { height: 100%; box-sizing: border-box; padding-bottom: 10.625rem; } .u-header-sidebar__content { padding: 1.5rem 3rem 3rem; } .u-header-sidebar__navbar-brand { display: block; width: 6.25rem; padding-top: 0; padding-bottom: 0; margin-left: auto; margin-right: auto; margin-bottom: 2.5rem; } .u-header-sidebar__footer { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; padding: 1rem 3rem; } .u-header-sidebar__footer-link { color: rgba(255, 255, 255, 0.7); font-size: 0.65625rem; } .u-header-sidebar__footer-link:hover { color: #fff; } /*------------------------------------ Sticky Positions ------------------------------------*/ .u-header--sticky-top, .u-header--sticky-bottom { position: fixed; } .u-header--sticky-top { bottom: auto; top: 0; } .u-header--sticky-bottom { top: auto; bottom: 0; } .u-header--sticky-bottom .u-header__sub-menu { top: auto; bottom: 100%; } .u-header--sticky-bottom .u-header__sub-menu .u-header__sub-menu { top: 0; bottom: auto; } .u-header--sticky-bottom .navbar-nav .u-header__sub-menu { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 -8px 20px rgba(151, 164, 175, 0.1); } .u-header--sticky-bottom .slideInUp { -webkit-animation-name: stickySlideInUp; animation-name: stickySlideInUp; } @media (min-width: 576px) { .u-header--sticky-top-sm, .u-header--sticky-bottom-sm { position: fixed; } .u-header--sticky-top-sm { bottom: auto; top: 0; } .u-header--sticky-bottom-sm { top: auto; bottom: 0; } .u-header--sticky-bottom-sm .u-header__sub-menu { top: auto; bottom: 100%; } .u-header--sticky-bottom-sm .u-header__sub-menu .u-header__sub-menu { top: 0; bottom: auto; } .u-header--sticky-bottom-sm .navbar-nav .u-header__sub-menu { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 -8px 20px rgba(151, 164, 175, 0.1); } .u-header--sticky-bottom-sm .slideInUp { -webkit-animation-name: stickySlideInUp; animation-name: stickySlideInUp; } } @media (min-width: 768px) { .u-header--sticky-top-md, .u-header--sticky-bottom-md { position: fixed; } .u-header--sticky-top-md { bottom: auto; top: 0; } .u-header--sticky-bottom-md { top: auto; bottom: 0; } .u-header--sticky-bottom-md .u-header__sub-menu { top: auto; bottom: 100%; } .u-header--sticky-bottom-md .u-header__sub-menu .u-header__sub-menu { top: 0; bottom: auto; } .u-header--sticky-bottom-md .navbar-nav .u-header__sub-menu { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 -8px 20px rgba(151, 164, 175, 0.1); } .u-header--sticky-bottom-md .slideInUp { -webkit-animation-name: stickySlideInUp; animation-name: stickySlideInUp; } } @media (min-width: 992px) { .u-header--sticky-top-lg, .u-header--sticky-bottom-lg { position: fixed; } .u-header--sticky-top-lg { bottom: auto; top: 0; } .u-header--sticky-bottom-lg { top: auto; bottom: 0; } .u-header--sticky-bottom-lg .u-header__sub-menu { top: auto; bottom: 100%; } .u-header--sticky-bottom-lg .u-header__sub-menu .u-header__sub-menu { top: 0; bottom: auto; } .u-header--sticky-bottom-lg .navbar-nav .u-header__sub-menu { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 -8px 20px rgba(151, 164, 175, 0.1); } .u-header--sticky-bottom-lg .slideInUp { -webkit-animation-name: stickySlideInUp; animation-name: stickySlideInUp; } } @media (min-width: 1200px) { .u-header--sticky-top-xl, .u-header--sticky-bottom-xl { position: fixed; } .u-header--sticky-top-xl { bottom: auto; top: 0; } .u-header--sticky-bottom-xl { top: auto; bottom: 0; } .u-header--sticky-bottom-xl .u-header__sub-menu { top: auto; bottom: 100%; } .u-header--sticky-bottom-xl .u-header__sub-menu .u-header__sub-menu { top: 0; bottom: auto; } .u-header--sticky-bottom-xl .navbar-nav .u-header__sub-menu { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 -8px 20px rgba(151, 164, 175, 0.1); } .u-header--sticky-bottom-xl .slideInUp { -webkit-animation-name: stickySlideInUp; animation-name: stickySlideInUp; } } @media (min-width: 1480px) { .u-header--sticky-top-wd, .u-header--sticky-bottom-wd { position: fixed; } .u-header--sticky-top-wd { bottom: auto; top: 0; } .u-header--sticky-bottom-wd { top: auto; bottom: 0; } .u-header--sticky-bottom-wd .u-header__sub-menu { top: auto; bottom: 100%; } .u-header--sticky-bottom-wd .u-header__sub-menu .u-header__sub-menu { top: 0; bottom: auto; } .u-header--sticky-bottom-wd .navbar-nav .u-header__sub-menu { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 -8px 20px rgba(151, 164, 175, 0.1); } .u-header--sticky-bottom-wd .slideInUp { -webkit-animation-name: stickySlideInUp; animation-name: stickySlideInUp; } } @media (min-width: 768px) and (max-width: 991.98px) { .u-header--sticky-bottom-md:not(.js-header-fix-moment) .navbar-expand-md .hs-mega-menu { bottom: 52.8%; } } @media (min-width: 576px) and (max-width: 991.98px) { .u-header--sticky-bottom:not(.js-header-fix-moment) .navbar-expand-md .hs-mega-menu, .u-header--sticky-bottom-sm:not(.js-header-fix-moment) .navbar-expand-md .hs-mega-menu { bottom: 52.8%; } } .u-header--sticky-top__inner, .u-header--sticky-bottom__inner { max-height: 50vh; } .u-header--sticky-top__inner.mCS_destroyed, .u-header--sticky-bottom__inner.mCS_destroyed { position: static !important; } .u-header--sticky-top__inner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .u-header--sticky-bottom__inner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin: 0 24px; } /* Disable box-shadow on mobile device */ .u-header--sticky-bottom:not(.js-header-fix-moment) [class*=navbar-expand] .navbar-nav .u-header__sub-menu { box-shadow: none; } @-webkit-keyframes stickySlideInUp { from { transform: translate3d(0, -10px, 0); } } @keyframes stickySlideInUp { from { transform: translate3d(0, -10px, 0); } } /*------------------------------------ Header Center Aligned ------------------------------------*/ .u-header--center-aligned .u-hamburger { display: none; } .u-header--center-aligned .u-header--center-aligned__inner { justify-content: center; text-align: center; padding-top: 0.5rem; } .u-header--center-aligned .u-header__navbar-brand { margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .u-header--center-aligned-sm .u-hamburger { display: none; } .u-header--center-aligned-sm .u-header--center-aligned__inner { justify-content: center; text-align: center; padding-top: 0.5rem; } .u-header--center-aligned-sm .u-header__navbar-brand { margin-right: auto; margin-left: auto; } } @media (min-width: 768px) { .u-header--center-aligned-md .u-hamburger { display: none; } .u-header--center-aligned-md .u-header--center-aligned__inner { justify-content: center; text-align: center; padding-top: 0.5rem; } .u-header--center-aligned-md .u-header__navbar-brand { margin-right: auto; margin-left: auto; } } @media (min-width: 992px) { .u-header--center-aligned-lg .u-hamburger { display: none; } .u-header--center-aligned-lg .u-header--center-aligned__inner { justify-content: center; text-align: center; padding-top: 0.5rem; } .u-header--center-aligned-lg .u-header__navbar-brand { margin-right: auto; margin-left: auto; } } @media (min-width: 1200px) { .u-header--center-aligned-xl .u-hamburger { display: none; } .u-header--center-aligned-xl .u-header--center-aligned__inner { justify-content: center; text-align: center; padding-top: 0.5rem; } .u-header--center-aligned-xl .u-header__navbar-brand { margin-right: auto; margin-left: auto; } } @media (min-width: 1480px) { .u-header--center-aligned-wd .u-hamburger { display: none; } .u-header--center-aligned-wd .u-header--center-aligned__inner { justify-content: center; text-align: center; padding-top: 0.5rem; } .u-header--center-aligned-wd .u-header__navbar-brand { margin-right: auto; margin-left: auto; } } @media (max-width: 575.98px) { .u-header--center-aligned-sm .u-header--center-aligned__inner { display: flex; justify-content: space-between; padding-top: 0.25rem; } .u-header--center-aligned-sm .u-header__navbar { padding-top: 0; } } @media (max-width: 767.98px) { .u-header--center-aligned-md .u-header--center-aligned__inner { display: flex; justify-content: space-between; padding-top: 0.25rem; } .u-header--center-aligned-md .u-header__navbar { padding-top: 0; } } @media (max-width: 991.98px) { .u-header--center-aligned-lg .u-header--center-aligned__inner { display: flex; justify-content: space-between; padding-top: 0.25rem; } .u-header--center-aligned-lg .u-header__navbar { padding-top: 0; } } @media (max-width: 1199.98px) { .u-header--center-aligned-xl .u-header--center-aligned__inner { display: flex; justify-content: space-between; padding-top: 0.25rem; } .u-header--center-aligned-xl .u-header__navbar { padding-top: 0; } } @media (max-width: 1479.98px) { .u-header--center-aligned-wd .u-header--center-aligned__inner { display: flex; justify-content: space-between; padding-top: 0.25rem; } .u-header--center-aligned-wd .u-header__navbar { padding-top: 0; } } .u-header--center-aligned .u-header--center-aligned__inner { display: flex; justify-content: space-between; padding-top: 0.25rem; } .u-header--center-aligned .u-header__navbar { padding-top: 0; } /*------------------------------------ Header Collapse ------------------------------------*/ .u-header-collapse__nav { list-style: none; padding-left: 0; margin-bottom: 0; } .u-header-collapse__nav-list { padding-left: 0; list-style: none; margin-bottom: 0; } .u-header-collapse__nav-link { color: #333e48; } .u-header-collapse__nav-pointer { position: relative; } .u-header-collapse__nav-pointer::after { display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 65%; font-weight: 900; content: "\F107"; margin-left: auto; transition: 0.3s ease; } .u-header-collapse__nav-pointer.active::after { transform: rotate(-180deg); } .u-header-collapse__nav-link, .u-header-collapse__submenu-nav-link { display: flex; align-items: center; padding-top: 0.625rem; padding-bottom: 0.625rem; } .u-header-collapse__nav-link.active, .u-header-collapse__submenu-nav-link.active { color: #F21818; } .u-header-collapse__submenu { position: relative; transition: 0.3s ease-in-out; } .u-header-collapse__submenu .u-header-collapse__nav-list { border-left: 2px solid #F21818; padding-left: 1rem; } .u-header-collapse__submenu .u-header-collapse__nav-list--no-spacer { padding-left: 0; } .u-header-collapse__submenu-nav-link { color: #77838f; } .u-header-collapse__submenu-list { list-style: none; border-left: 2px solid #F21818; padding-left: 0; margin-bottom: 0; } .u-header-collapse__submenu-list-link { display: inline-block; color: #77838f; } /*------------------------------------ Alert ------------------------------------*/ .alert-text { color: inherit; } /*------------------------------------ Avatar ------------------------------------*/ .u-avatar { width: 3.125rem; height: 3.125rem; } .u-xs-avatar { width: 1.375rem; height: 1.375rem; } .u-sm-avatar { width: 2rem; height: 2rem; } .u-lg-avatar { width: 5rem; height: 5rem; } .u-xl-avatar { width: 6.250125rem; height: 6.250125rem; } /*------------------------------------ Avatar Bordered ------------------------------------*/ .u-sm-avatar--bordered { border: 2px solid #fff; } .u-xl-avatar--bordered { border: 7px solid #fff; } /*------------------------------------ Badges ------------------------------------*/ [class*=badge-] { z-index: 3; } .badge:empty { display: inherit; } .badge.badge-pos { position: absolute; } .btn .badge-pos { top: auto; } [class*=badge-outline] { border-style: solid; border-width: 0.125rem; box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25); } /*------------------------------------ Badge Sizes ------------------------------------*/ /* Extra Small */ .badge-xs { width: 0.875rem; height: 0.875rem; line-height: 1.4; font-size: 0.5rem; } /* Small */ .badge-sm { width: 1.125rem; height: 1.125rem; line-height: 1.4; font-size: 0.625rem; } .badge-sm[class*=badge-outline] { line-height: 1; } /* Medium */ .badge-md { width: 1.375rem; height: 1.375rem; line-height: 1.7; font-size: 0.625rem; } .badge-md[class*=badge-outline] { line-height: 1.3; } /* Bigger */ .badge-bigger { padding: 0.625rem; } /*------------------------------------ Badge Styles ------------------------------------*/ /* primary badge */ .badge-outline-primary { color: #fff; background: #F21818; border-color: #fff; } /* secondary badge */ .badge-outline-secondary { color: #fff; background: #77838f; border-color: #fff; } /* success badge */ .badge-outline-success { color: #fff; background: #00c9a7; border-color: #fff; } /* info badge */ .badge-outline-info { color: #1e2022; background: #00dffc; border-color: #fff; } /* warning badge */ .badge-outline-warning { color: #1e2022; background: #ffc107; border-color: #fff; } /* danger badge */ .badge-outline-danger { color: #fff; background: #de4437; border-color: #fff; } /* light badge */ .badge-outline-light { color: #1e2022; background: #f8f9fa; border-color: #fff; } /* dark badge */ .badge-outline-dark { color: #fff; background: #333e48; border-color: #fff; } /* cyan badge */ .badge-outline-cyan { color: #1e2022; background: #34bcec; border-color: #fff; } /* sale badge */ .badge-outline-sale { color: #fff; background: #df3737; border-color: #fff; } /* black badge */ .badge-outline-black { color: #fff; background: #000000; border-color: #fff; } /* green badge */ .badge-outline-green { color: #fff; background: #5cb85c; border-color: #fff; } /* red badge */ .badge-outline-red { color: #fff; background: #ee0000; border-color: #fff; } /* gray-1 badge */ .badge-outline-gray-1 { color: #1e2022; background: #f5f5f5; border-color: #fff; } /* gray-2 badge */ .badge-outline-gray-2 { color: #fff; background: #383838; border-color: #fff; } /* gray-3 badge */ .badge-outline-gray-3 { color: #1e2022; background: #eeeeee; border-color: #fff; } /* gray-4 badge */ .badge-outline-gray-4 { color: #1e2022; background: #e6e6e6; border-color: #fff; } /* gray-5 badge */ .badge-outline-gray-5 { color: #fff; background: #878787; border-color: #fff; } /* gray-6 badge */ .badge-outline-gray-6 { color: #fff; background: #848484; border-color: #fff; } /* gray-7 badge */ .badge-outline-gray-7 { color: #1e2022; background: #f9f9f9; border-color: #fff; } /* gray-8 badge */ .badge-outline-gray-8 { color: #fff; background: #7b8186; border-color: #fff; } /* gray-9 badge */ .badge-outline-gray-9 { color: #fff; background: #8f8f8f; border-color: #fff; } /* gray-13 badge */ .badge-outline-gray-13 { color: #1e2022; background: #f8f8f8; border-color: #fff; } /* gray-14 badge */ .badge-outline-gray-14 { color: #1e2022; background: #eaeaea; border-color: #fff; } /* gray-15 badge */ .badge-outline-gray-15 { color: #1e2022; background: #9d9c9c; border-color: #fff; } /* gray-16 badge */ .badge-outline-gray-16 { color: #fff; background: #606060; border-color: #fff; } /* gray-17 badge */ .badge-outline-gray-17 { color: #1e2022; background: #ecedf2; border-color: #fff; } /* gray-18 badge */ .badge-outline-gray-18 { color: #fff; background: #333e484d; border-color: #fff; } /* white badge */ .badge-outline-white { color: #1e2022; background: #fff; border-color: #fff; } /* indigo badge */ .badge-outline-indigo { color: #fff; background: #2d1582; border-color: #fff; } .badge-outline-white { border-color: #fff; } /*------------------------------------ Badge Positions ------------------------------------*/ .badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { top: 0; right: 0; transform: translate(50%, -50%); } .badge-pos--top-left { top: 0; left: 0; transform: translate(-50%, -50%); } .badge-pos--bottom-left { bottom: 0; left: 0; transform: translate(-50%, 50%); } .badge-pos--bottom-right { bottom: 0; right: 0; transform: translate(50%, 50%); } /*------------------------------------ Badge in Avatar Component ------------------------------------*/ /* Default Size Avatar */ .u-avatar .rounded-circle + .badge-xs.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(20%, -20%); } .u-avatar .rounded-circle + .badge-xs.badge-pos--top-left { transform: translate(-20%, -20%); } .u-avatar .rounded-circle + .badge-xs.badge-pos--bottom-left { transform: translate(-20%, 20%); } .u-avatar .rounded-circle + .badge-xs.badge-pos--bottom-right { transform: translate(20%, 20%); } .u-avatar .rounded-circle + .badge-sm.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(25%, -25%); } .u-avatar .rounded-circle + .badge-sm.badge-pos--top-left { transform: translate(-25%, -25%); } .u-avatar .rounded-circle + .badge-sm.badge-pos--bottom-left { transform: translate(-25%, 25%); } .u-avatar .rounded-circle + .badge-sm.badge-pos--bottom-right { transform: translate(25%, 25%); } .u-avatar .rounded-circle + .badge-md.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(30%, -30%); } .u-avatar .rounded-circle + .badge-md.badge-pos--top-left { transform: translate(-30%, -30%); } .u-avatar .rounded-circle + .badge-md.badge-pos--bottom-left { transform: translate(-30%, 30%); } .u-avatar .rounded-circle + .badge-md.badge-pos--bottom-right { transform: translate(30%, 30%); } /* Small Size Avatar */ .u-sm-avatar .rounded-circle + .badge-xs.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(25%, -25%); } .u-sm-avatar .rounded-circle + .badge-xs.badge-pos--top-left { transform: translate(-25%, -25%); } .u-sm-avatar .rounded-circle + .badge-xs.badge-pos--bottom-left { transform: translate(-25%, 25%); } .u-sm-avatar .rounded-circle + .badge-xs.badge-pos--bottom-right { transform: translate(25%, 25%); } .u-sm-avatar .rounded-circle + .badge-sm.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]), .u-sm-avatar .rounded-circle + .badge-md.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(35%, -35%); } .u-sm-avatar .rounded-circle + .badge-sm.badge-pos--top-left, .u-sm-avatar .rounded-circle + .badge-md.badge-pos--top-left { transform: translate(-35%, -35%); } .u-sm-avatar .rounded-circle + .badge-sm.badge-pos--bottom-left, .u-sm-avatar .rounded-circle + .badge-md.badge-pos--bottom-left { transform: translate(-35%, 35%); } .u-sm-avatar .rounded-circle + .badge-sm.badge-pos--bottom-right, .u-sm-avatar .rounded-circle + .badge-md.badge-pos--bottom-right { transform: translate(35%, 35%); } /* Large Size Avatar */ .u-lg-avatar .rounded-circle + .badge-xs.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(-35%, 35%); } .u-lg-avatar .rounded-circle + .badge-xs.badge-pos--top-left { transform: translate(35%, 35%); } .u-lg-avatar .rounded-circle + .badge-xs.badge-pos--bottom-left { transform: translate(35%, -35%); } .u-lg-avatar .rounded-circle + .badge-xs.badge-pos--bottom-right { transform: translate(-35%, -35%); } .u-lg-avatar .rounded-circle + .badge-sm.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(-15%, 15%); } .u-lg-avatar .rounded-circle + .badge-sm.badge-pos--top-left { transform: translate(15%, 15%); } .u-lg-avatar .rounded-circle + .badge-sm.badge-pos--bottom-left { transform: translate(15%, -15%); } .u-lg-avatar .rounded-circle + .badge-sm.badge-pos--bottom-right { transform: translate(-15%, -15%); } .u-lg-avatar .rounded-circle + .badge-md.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(0%, 0%); } .u-lg-avatar .rounded-circle + .badge-md.badge-pos--top-left { transform: translate(0%, 0%); } .u-lg-avatar .rounded-circle + .badge-md.badge-pos--bottom-left { transform: translate(0%, 0%); } .u-lg-avatar .rounded-circle + .badge-md.badge-pos--bottom-right { transform: translate(0%, 0%); } /* Extra Large Size Avatar */ .u-xl-avatar .rounded-circle + .badge-xs.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(-100%, 100%); } .u-xl-avatar .rounded-circle + .badge-xs.badge-pos--top-left { transform: translate(100%, 100%); } .u-xl-avatar .rounded-circle + .badge-xs.badge-pos--bottom-left { transform: translate(100%, -100%); } .u-xl-avatar .rounded-circle + .badge-xs.badge-pos--bottom-right { transform: translate(-100%, -100%); } .u-xl-avatar .rounded-circle + .badge-sm.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(-65%, 65%); } .u-xl-avatar .rounded-circle + .badge-sm.badge-pos--top-left { transform: translate(65%, 65%); } .u-xl-avatar .rounded-circle + .badge-sm.badge-pos--bottom-left { transform: translate(65%, -65%); } .u-xl-avatar .rounded-circle + .badge-sm.badge-pos--bottom-right { transform: translate(-65%, -65%); } .u-xl-avatar .rounded-circle + .badge-md.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(-45%, 45%); } .u-xl-avatar .rounded-circle + .badge-md.badge-pos--top-left { transform: translate(45%, 45%); } .u-xl-avatar .rounded-circle + .badge-md.badge-pos--bottom-left { transform: translate(45%, -45%); } .u-xl-avatar .rounded-circle + .badge-md.badge-pos--bottom-right { transform: translate(-45%, -45%); } /*------------------------------------ Badge in Icon Component ------------------------------------*/ /* Default Size Icon */ .btn-icon.rounded-circle .badge-xs.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(20%, -20%); } .btn-icon.rounded-circle .badge-xs.badge-pos--top-left { transform: translate(-20%, -20%); } .btn-icon.rounded-circle .badge-xs.badge-pos--bottom-left { transform: translate(-20%, 20%); } .btn-icon.rounded-circle .badge-xs.badge-pos--bottom-right { transform: translate(20%, 20%); } .btn-icon.rounded-circle .badge-sm.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(25%, -25%); } .btn-icon.rounded-circle .badge-sm.badge-pos--top-left { transform: translate(-25%, -25%); } .btn-icon.rounded-circle .badge-sm.badge-pos--bottom-left { transform: translate(-25%, 25%); } .btn-icon.rounded-circle .badge-sm.badge-pos--bottom-right { transform: translate(25%, 25%); } .btn-icon.rounded-circle .badge-md.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(30%, -30%); } .btn-icon.rounded-circle .badge-md.badge-pos--top-left { transform: translate(-30%, -30%); } .btn-icon.rounded-circle .badge-md.badge-pos--bottom-left { transform: translate(-30%, 30%); } .btn-icon.rounded-circle .badge-md.badge-pos--bottom-right { transform: translate(30%, 30%); } /* Small Size Icon */ .btn-sm.rounded-circle .badge-xs.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]), .btn-group-sm > .rounded-circle.btn .badge-xs.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(25%, -25%); } .btn-sm.rounded-circle .badge-xs.badge-pos--top-left, .btn-group-sm > .rounded-circle.btn .badge-xs.badge-pos--top-left { transform: translate(-25%, -25%); } .btn-sm.rounded-circle .badge-xs.badge-pos--bottom-left, .btn-group-sm > .rounded-circle.btn .badge-xs.badge-pos--bottom-left { transform: translate(-25%, 25%); } .btn-sm.rounded-circle .badge-xs.badge-pos--bottom-right, .btn-group-sm > .rounded-circle.btn .badge-xs.badge-pos--bottom-right { transform: translate(25%, 25%); } .btn-sm.rounded-circle .badge-sm.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]), .btn-group-sm > .rounded-circle.btn .badge-sm.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]), .btn-sm.rounded-circle .badge-md.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]), .btn-group-sm > .rounded-circle.btn .badge-md.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(35%, -35%); } .btn-sm.rounded-circle .badge-sm.badge-pos--top-left, .btn-group-sm > .rounded-circle.btn .badge-sm.badge-pos--top-left, .btn-sm.rounded-circle .badge-md.badge-pos--top-left, .btn-group-sm > .rounded-circle.btn .badge-md.badge-pos--top-left { transform: translate(-35%, -35%); } .btn-sm.rounded-circle .badge-sm.badge-pos--bottom-left, .btn-group-sm > .rounded-circle.btn .badge-sm.badge-pos--bottom-left, .btn-sm.rounded-circle .badge-md.badge-pos--bottom-left, .btn-group-sm > .rounded-circle.btn .badge-md.badge-pos--bottom-left { transform: translate(-35%, 35%); } .btn-sm.rounded-circle .badge-sm.badge-pos--bottom-right, .btn-group-sm > .rounded-circle.btn .badge-sm.badge-pos--bottom-right, .btn-sm.rounded-circle .badge-md.badge-pos--bottom-right, .btn-group-sm > .rounded-circle.btn .badge-md.badge-pos--bottom-right { transform: translate(35%, 35%); } /* Large Size Icon */ .btn-lg.rounded-circle .badge-xs.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]), .btn-group-lg > .rounded-circle.btn .badge-xs.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(-35%, 35%); } .btn-lg.rounded-circle .badge-xs.badge-pos--top-left, .btn-group-lg > .rounded-circle.btn .badge-xs.badge-pos--top-left { transform: translate(35%, 35%); } .btn-lg.rounded-circle .badge-xs.badge-pos--bottom-left, .btn-group-lg > .rounded-circle.btn .badge-xs.badge-pos--bottom-left { transform: translate(35%, -35%); } .btn-lg.rounded-circle .badge-xs.badge-pos--bottom-right, .btn-group-lg > .rounded-circle.btn .badge-xs.badge-pos--bottom-right { transform: translate(-35%, -35%); } .btn-lg.rounded-circle .badge-sm.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]), .btn-group-lg > .rounded-circle.btn .badge-sm.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(-15%, 15%); } .btn-lg.rounded-circle .badge-sm.badge-pos--top-left, .btn-group-lg > .rounded-circle.btn .badge-sm.badge-pos--top-left { transform: translate(15%, 15%); } .btn-lg.rounded-circle .badge-sm.badge-pos--bottom-left, .btn-group-lg > .rounded-circle.btn .badge-sm.badge-pos--bottom-left { transform: translate(15%, -15%); } .btn-lg.rounded-circle .badge-sm.badge-pos--bottom-right, .btn-group-lg > .rounded-circle.btn .badge-sm.badge-pos--bottom-right { transform: translate(-15%, -15%); } .btn-lg.rounded-circle .badge-md.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]), .btn-group-lg > .rounded-circle.btn .badge-md.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not([class*="--bottom-right"]) { transform: translate(0%, 0%); } .btn-lg.rounded-circle .badge-md.badge-pos--top-left, .btn-group-lg > .rounded-circle.btn .badge-md.badge-pos--top-left { transform: translate(0%, 0%); } .btn-lg.rounded-circle .badge-md.badge-pos--bottom-left, .btn-group-lg > .rounded-circle.btn .badge-md.badge-pos--bottom-left { transform: translate(0%, 0%); } .btn-lg.rounded-circle .badge-md.badge-pos--bottom-right, .btn-group-lg > .rounded-circle.btn .badge-md.badge-pos--bottom-right { transform: translate(0%, 0%); } /*------------------------------------ Buttons Bootstrap Style ------------------------------------*/ /* facebook */ .btn-facebook { color: #fff; background-color: #3b5998; border-color: #3b5998; } .btn-facebook:hover { color: #fff; background-color: #30497c; border-color: #2d4373; } .btn-facebook:focus, .btn-facebook.focus { color: #fff; background-color: #30497c; border-color: #2d4373; box-shadow: 0 0 0 0.2rem rgba(88, 114, 167, 0.5); } .btn-facebook.disabled, .btn-facebook:disabled { color: #fff; background-color: #3b5998; border-color: #3b5998; } .btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active, .show > .btn-facebook.dropdown-toggle { color: #fff; background-color: #2d4373; border-color: #293e6a; } .btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus, .show > .btn-facebook.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(88, 114, 167, 0.5); } /* google */ .btn-google { color: #fff; background-color: #d14130; border-color: #d14130; } .btn-google:hover { color: #fff; background-color: #b33628; border-color: #a93325; } .btn-google:focus, .btn-google.focus { color: #fff; background-color: #b33628; border-color: #a93325; box-shadow: 0 0 0 0.2rem rgba(216, 94, 79, 0.5); } .btn-google.disabled, .btn-google:disabled { color: #fff; background-color: #d14130; border-color: #d14130; } .btn-google:not(:disabled):not(.disabled):active, .btn-google:not(:disabled):not(.disabled).active, .show > .btn-google.dropdown-toggle { color: #fff; background-color: #a93325; border-color: #9e3023; } .btn-google:not(:disabled):not(.disabled):active:focus, .btn-google:not(:disabled):not(.disabled).active:focus, .show > .btn-google.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 94, 79, 0.5); } /* twitter */ .btn-twitter { color: #fff; background-color: #1da1f2; border-color: #1da1f2; } .btn-twitter:hover { color: #fff; background-color: #0d8ddc; border-color: #0c85d0; } .btn-twitter:focus, .btn-twitter.focus { color: #fff; background-color: #0d8ddc; border-color: #0c85d0; box-shadow: 0 0 0 0.2rem rgba(63, 175, 244, 0.5); } .btn-twitter.disabled, .btn-twitter:disabled { color: #fff; background-color: #1da1f2; border-color: #1da1f2; } .btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active, .show > .btn-twitter.dropdown-toggle { color: #fff; background-color: #0c85d0; border-color: #0b7ec4; } .btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus, .show > .btn-twitter.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(63, 175, 244, 0.5); } /* instagram */ .btn-instagram { color: #fff; background-color: #3f729b; border-color: #3f729b; } .btn-instagram:hover { color: #fff; background-color: #345e80; border-color: #305777; } .btn-instagram:focus, .btn-instagram.focus { color: #fff; background-color: #345e80; border-color: #305777; box-shadow: 0 0 0 0.2rem rgba(92, 135, 170, 0.5); } .btn-instagram.disabled, .btn-instagram:disabled { color: #fff; background-color: #3f729b; border-color: #3f729b; } .btn-instagram:not(:disabled):not(.disabled):active, .btn-instagram:not(:disabled):not(.disabled).active, .show > .btn-instagram.dropdown-toggle { color: #fff; background-color: #305777; border-color: #2d516e; } .btn-instagram:not(:disabled):not(.disabled):active:focus, .btn-instagram:not(:disabled):not(.disabled).active:focus, .show > .btn-instagram.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(92, 135, 170, 0.5); } /* github */ .btn-github { color: #fff; background-color: #24292e; border-color: #24292e; } .btn-github:hover { color: #fff; background-color: #131619; border-color: #0e1011; } .btn-github:focus, .btn-github.focus { color: #fff; background-color: #131619; border-color: #0e1011; box-shadow: 0 0 0 0.2rem rgba(69, 73, 77, 0.5); } .btn-github.disabled, .btn-github:disabled { color: #fff; background-color: #24292e; border-color: #24292e; } .btn-github:not(:disabled):not(.disabled):active, .btn-github:not(:disabled):not(.disabled).active, .show > .btn-github.dropdown-toggle { color: #fff; background-color: #0e1011; border-color: #08090a; } .btn-github:not(:disabled):not(.disabled):active:focus, .btn-github:not(:disabled):not(.disabled).active:focus, .show > .btn-github.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(69, 73, 77, 0.5); } /* gray */ .btn-gray { color: #1e2022; background-color: #f8fafd; border-color: #f8fafd; } .btn-gray:hover { color: #1e2022; background-color: #dae5f5; border-color: #d0def2; } .btn-gray:focus, .btn-gray.focus { color: #1e2022; background-color: #dae5f5; border-color: #d0def2; box-shadow: 0 0 0 0.2rem rgba(215, 217, 220, 0.5); } .btn-gray.disabled, .btn-gray:disabled { color: #1e2022; background-color: #f8fafd; border-color: #f8fafd; } .btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { color: #1e2022; background-color: #d0def2; border-color: #c6d7ef; } .btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(215, 217, 220, 0.5); } /*------------------------------------ Custom Buttons ------------------------------------*/ /* primary button :hover, :focus, :active effects */ .btn-primary[href]:hover, .btn-primary[href]:focus, .btn-primary[href]:active, .btn-primary[type]:hover, .btn-primary[type]:focus, .btn-primary[type]:active { box-shadow: 0 4px 11px rgba(242, 24, 24, 0.35); } .btn-primary:not(label.btn), .btn-primary:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-primary:not([href]), .btn-primary:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #F21818; border-color: #F21818; } .btn-primary:hover { background-color: #F21818; border-color: #F21818; } /* secondary button :hover, :focus, :active effects */ .btn-secondary[href]:hover, .btn-secondary[href]:focus, .btn-secondary[href]:active, .btn-secondary[type]:hover, .btn-secondary[type]:focus, .btn-secondary[type]:active { box-shadow: 0 4px 11px rgba(119, 131, 143, 0.35); } .btn-secondary:not(label.btn), .btn-secondary:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-secondary:not([href]), .btn-secondary:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #77838f; border-color: #77838f; } .btn-secondary:hover { background-color: #77838f; border-color: #77838f; } /* success button :hover, :focus, :active effects */ .btn-success[href]:hover, .btn-success[href]:focus, .btn-success[href]:active, .btn-success[type]:hover, .btn-success[type]:focus, .btn-success[type]:active { box-shadow: 0 4px 11px rgba(0, 201, 167, 0.35); } .btn-success:not(label.btn), .btn-success:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-success:not([href]), .btn-success:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #00c9a7; border-color: #00c9a7; } .btn-success:hover { background-color: #00c9a7; border-color: #00c9a7; } /* info button :hover, :focus, :active effects */ .btn-info[href]:hover, .btn-info[href]:focus, .btn-info[href]:active, .btn-info[type]:hover, .btn-info[type]:focus, .btn-info[type]:active { box-shadow: 0 4px 11px rgba(0, 223, 252, 0.35); } .btn-info:not(label.btn), .btn-info:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-info:not([href]), .btn-info:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #00dffc; border-color: #00dffc; } .btn-info:hover { background-color: #00dffc; border-color: #00dffc; } /* warning button :hover, :focus, :active effects */ .btn-warning[href]:hover, .btn-warning[href]:focus, .btn-warning[href]:active, .btn-warning[type]:hover, .btn-warning[type]:focus, .btn-warning[type]:active { box-shadow: 0 4px 11px rgba(255, 193, 7, 0.35); } .btn-warning:not(label.btn), .btn-warning:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-warning:not([href]), .btn-warning:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { background-color: #ffc107; border-color: #ffc107; } /* danger button :hover, :focus, :active effects */ .btn-danger[href]:hover, .btn-danger[href]:focus, .btn-danger[href]:active, .btn-danger[type]:hover, .btn-danger[type]:focus, .btn-danger[type]:active { box-shadow: 0 4px 11px rgba(222, 68, 55, 0.35); } .btn-danger:not(label.btn), .btn-danger:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-danger:not([href]), .btn-danger:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #de4437; border-color: #de4437; } .btn-danger:hover { background-color: #de4437; border-color: #de4437; } /* light button :hover, :focus, :active effects */ .btn-light[href]:hover, .btn-light[href]:focus, .btn-light[href]:active, .btn-light[type]:hover, .btn-light[type]:focus, .btn-light[type]:active { box-shadow: 0 4px 11px rgba(248, 249, 250, 0.35); } .btn-light:not(label.btn), .btn-light:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-light:not([href]), .btn-light:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { background-color: #f8f9fa; border-color: #f8f9fa; } /* dark button :hover, :focus, :active effects */ .btn-dark[href]:hover, .btn-dark[href]:focus, .btn-dark[href]:active, .btn-dark[type]:hover, .btn-dark[type]:focus, .btn-dark[type]:active { box-shadow: 0 4px 11px rgba(51, 62, 72, 0.35); } .btn-dark:not(label.btn), .btn-dark:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-dark:not([href]), .btn-dark:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #333e48; border-color: #333e48; } .btn-dark:hover { background-color: #333e48; border-color: #333e48; } /* cyan button :hover, :focus, :active effects */ .btn-cyan[href]:hover, .btn-cyan[href]:focus, .btn-cyan[href]:active, .btn-cyan[type]:hover, .btn-cyan[type]:focus, .btn-cyan[type]:active { box-shadow: 0 4px 11px rgba(52, 188, 236, 0.35); } .btn-cyan:not(label.btn), .btn-cyan:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-cyan:not([href]), .btn-cyan:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #34bcec; border-color: #34bcec; } .btn-cyan:hover { background-color: #34bcec; border-color: #34bcec; } /* sale button :hover, :focus, :active effects */ .btn-sale[href]:hover, .btn-sale[href]:focus, .btn-sale[href]:active, .btn-sale[type]:hover, .btn-sale[type]:focus, .btn-sale[type]:active { box-shadow: 0 4px 11px rgba(223, 55, 55, 0.35); } .btn-sale:not(label.btn), .btn-sale:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-sale:not([href]), .btn-sale:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #df3737; border-color: #df3737; } .btn-sale:hover { background-color: #df3737; border-color: #df3737; } /* black button :hover, :focus, :active effects */ .btn-black[href]:hover, .btn-black[href]:focus, .btn-black[href]:active, .btn-black[type]:hover, .btn-black[type]:focus, .btn-black[type]:active { box-shadow: 0 4px 11px rgba(0, 0, 0, 0.35); } .btn-black:not(label.btn), .btn-black:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-black:not([href]), .btn-black:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #000000; border-color: #000000; } .btn-black:hover { background-color: #000000; border-color: #000000; } /* green button :hover, :focus, :active effects */ .btn-green[href]:hover, .btn-green[href]:focus, .btn-green[href]:active, .btn-green[type]:hover, .btn-green[type]:focus, .btn-green[type]:active { box-shadow: 0 4px 11px rgba(92, 184, 92, 0.35); } .btn-green:not(label.btn), .btn-green:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-green:not([href]), .btn-green:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #5cb85c; border-color: #5cb85c; } .btn-green:hover { background-color: #5cb85c; border-color: #5cb85c; } /* red button :hover, :focus, :active effects */ .btn-red[href]:hover, .btn-red[href]:focus, .btn-red[href]:active, .btn-red[type]:hover, .btn-red[type]:focus, .btn-red[type]:active { box-shadow: 0 4px 11px rgba(238, 0, 0, 0.35); } .btn-red:not(label.btn), .btn-red:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-red:not([href]), .btn-red:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #ee0000; border-color: #ee0000; } .btn-red:hover { background-color: #ee0000; border-color: #ee0000; } /* gray-1 button :hover, :focus, :active effects */ .btn-gray-1[href]:hover, .btn-gray-1[href]:focus, .btn-gray-1[href]:active, .btn-gray-1[type]:hover, .btn-gray-1[type]:focus, .btn-gray-1[type]:active { box-shadow: 0 4px 11px rgba(245, 245, 245, 0.35); } .btn-gray-1:not(label.btn), .btn-gray-1:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-gray-1:not([href]), .btn-gray-1:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #f5f5f5; border-color: #f5f5f5; } .btn-gray-1:hover { background-color: #f5f5f5; border-color: #f5f5f5; } /* gray-2 button :hover, :focus, :active effects */ .btn-gray-2[href]:hover, .btn-gray-2[href]:focus, .btn-gray-2[href]:active, .btn-gray-2[type]:hover, .btn-gray-2[type]:focus, .btn-gray-2[type]:active { box-shadow: 0 4px 11px rgba(56, 56, 56, 0.35); } .btn-gray-2:not(label.btn), .btn-gray-2:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-gray-2:not([href]), .btn-gray-2:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #383838; border-color: #383838; } .btn-gray-2:hover { background-color: #383838; border-color: #383838; } /* gray-3 button :hover, :focus, :active effects */ .btn-gray-3[href]:hover, .btn-gray-3[href]:focus, .btn-gray-3[href]:active, .btn-gray-3[type]:hover, .btn-gray-3[type]:focus, .btn-gray-3[type]:active { box-shadow: 0 4px 11px rgba(238, 238, 238, 0.35); } .btn-gray-3:not(label.btn), .btn-gray-3:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-gray-3:not([href]), .btn-gray-3:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #eeeeee; border-color: #eeeeee; } .btn-gray-3:hover { background-color: #eeeeee; border-color: #eeeeee; } /* gray-4 button :hover, :focus, :active effects */ .btn-gray-4[href]:hover, .btn-gray-4[href]:focus, .btn-gray-4[href]:active, .btn-gray-4[type]:hover, .btn-gray-4[type]:focus, .btn-gray-4[type]:active { box-shadow: 0 4px 11px rgba(230, 230, 230, 0.35); } .btn-gray-4:not(label.btn), .btn-gray-4:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-gray-4:not([href]), .btn-gray-4:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #e6e6e6; border-color: #e6e6e6; } .btn-gray-4:hover { background-color: #e6e6e6; border-color: #e6e6e6; } /* gray-5 button :hover, :focus, :active effects */ .btn-gray-5[href]:hover, .btn-gray-5[href]:focus, .btn-gray-5[href]:active, .btn-gray-5[type]:hover, .btn-gray-5[type]:focus, .btn-gray-5[type]:active { box-shadow: 0 4px 11px rgba(135, 135, 135, 0.35); } .btn-gray-5:not(label.btn), .btn-gray-5:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-gray-5:not([href]), .btn-gray-5:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #878787; border-color: #878787; } .btn-gray-5:hover { background-color: #878787; border-color: #878787; } /* gray-6 button :hover, :focus, :active effects */ .btn-gray-6[href]:hover, .btn-gray-6[href]:focus, .btn-gray-6[href]:active, .btn-gray-6[type]:hover, .btn-gray-6[type]:focus, .btn-gray-6[type]:active { box-shadow: 0 4px 11px rgba(132, 132, 132, 0.35); } .btn-gray-6:not(label.btn), .btn-gray-6:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-gray-6:not([href]), .btn-gray-6:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #848484; border-color: #848484; } .btn-gray-6:hover { background-color: #848484; border-color: #848484; } /* gray-7 button :hover, :focus, :active effects */ .btn-gray-7[href]:hover, .btn-gray-7[href]:focus, .btn-gray-7[href]:active, .btn-gray-7[type]:hover, .btn-gray-7[type]:focus, .btn-gray-7[type]:active { box-shadow: 0 4px 11px rgba(249, 249, 249, 0.35); } .btn-gray-7:not(label.btn), .btn-gray-7:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-gray-7:not([href]), .btn-gray-7:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #f9f9f9; border-color: #f9f9f9; } .btn-gray-7:hover { background-color: #f9f9f9; border-color: #f9f9f9; } /* gray-8 button :hover, :focus, :active effects */ .btn-gray-8[href]:hover, .btn-gray-8[href]:focus, .btn-gray-8[href]:active, .btn-gray-8[type]:hover, .btn-gray-8[type]:focus, .btn-gray-8[type]:active { box-shadow: 0 4px 11px rgba(123, 129, 134, 0.35); } .btn-gray-8:not(label.btn), .btn-gray-8:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-gray-8:not([href]), .btn-gray-8:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #7b8186; border-color: #7b8186; } .btn-gray-8:hover { background-color: #7b8186; border-color: #7b8186; } /* gray-9 button :hover, :focus, :active effects */ .btn-gray-9[href]:hover, .btn-gray-9[href]:focus, .btn-gray-9[href]:active, .btn-gray-9[type]:hover, .btn-gray-9[type]:focus, .btn-gray-9[type]:active { box-shadow: 0 4px 11px rgba(143, 143, 143, 0.35); } .btn-gray-9:not(label.btn), .btn-gray-9:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-gray-9:not([href]), .btn-gray-9:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #8f8f8f; border-color: #8f8f8f; } .btn-gray-9:hover { background-color: #8f8f8f; border-color: #8f8f8f; } /* gray-13 button :hover, :focus, :active effects */ .btn-gray-13[href]:hover, .btn-gray-13[href]:focus, .btn-gray-13[href]:active, .btn-gray-13[type]:hover, .btn-gray-13[type]:focus, .btn-gray-13[type]:active { box-shadow: 0 4px 11px rgba(248, 248, 248, 0.35); } .btn-gray-13:not(label.btn), .btn-gray-13:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-gray-13:not([href]), .btn-gray-13:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #f8f8f8; border-color: #f8f8f8; } .btn-gray-13:hover { background-color: #f8f8f8; border-color: #f8f8f8; } /* gray-14 button :hover, :focus, :active effects */ .btn-gray-14[href]:hover, .btn-gray-14[href]:focus, .btn-gray-14[href]:active, .btn-gray-14[type]:hover, .btn-gray-14[type]:focus, .btn-gray-14[type]:active { box-shadow: 0 4px 11px rgba(234, 234, 234, 0.35); } .btn-gray-14:not(label.btn), .btn-gray-14:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-gray-14:not([href]), .btn-gray-14:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #eaeaea; border-color: #eaeaea; } .btn-gray-14:hover { background-color: #eaeaea; border-color: #eaeaea; } /* gray-15 button :hover, :focus, :active effects */ .btn-gray-15[href]:hover, .btn-gray-15[href]:focus, .btn-gray-15[href]:active, .btn-gray-15[type]:hover, .btn-gray-15[type]:focus, .btn-gray-15[type]:active { box-shadow: 0 4px 11px rgba(157, 156, 156, 0.35); } .btn-gray-15:not(label.btn), .btn-gray-15:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-gray-15:not([href]), .btn-gray-15:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #9d9c9c; border-color: #9d9c9c; } .btn-gray-15:hover { background-color: #9d9c9c; border-color: #9d9c9c; } /* gray-16 button :hover, :focus, :active effects */ .btn-gray-16[href]:hover, .btn-gray-16[href]:focus, .btn-gray-16[href]:active, .btn-gray-16[type]:hover, .btn-gray-16[type]:focus, .btn-gray-16[type]:active { box-shadow: 0 4px 11px rgba(96, 96, 96, 0.35); } .btn-gray-16:not(label.btn), .btn-gray-16:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-gray-16:not([href]), .btn-gray-16:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #606060; border-color: #606060; } .btn-gray-16:hover { background-color: #606060; border-color: #606060; } /* gray-17 button :hover, :focus, :active effects */ .btn-gray-17[href]:hover, .btn-gray-17[href]:focus, .btn-gray-17[href]:active, .btn-gray-17[type]:hover, .btn-gray-17[type]:focus, .btn-gray-17[type]:active { box-shadow: 0 4px 11px rgba(236, 237, 242, 0.35); } .btn-gray-17:not(label.btn), .btn-gray-17:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-gray-17:not([href]), .btn-gray-17:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #ecedf2; border-color: #ecedf2; } .btn-gray-17:hover { background-color: #ecedf2; border-color: #ecedf2; } /* gray-18 button :hover, :focus, :active effects */ .btn-gray-18[href]:hover, .btn-gray-18[href]:focus, .btn-gray-18[href]:active, .btn-gray-18[type]:hover, .btn-gray-18[type]:focus, .btn-gray-18[type]:active { box-shadow: 0 4px 11px rgba(51, 62, 72, 0.35); } .btn-gray-18:not(label.btn), .btn-gray-18:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-gray-18:not([href]), .btn-gray-18:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #333e484d; border-color: #333e484d; } .btn-gray-18:hover { background-color: #333e484d; border-color: #333e484d; } /* white button :hover, :focus, :active effects */ .btn-white[href]:hover, .btn-white[href]:focus, .btn-white[href]:active, .btn-white[type]:hover, .btn-white[type]:focus, .btn-white[type]:active { box-shadow: 0 4px 11px rgba(255, 255, 255, 0.35); } .btn-white:not(label.btn), .btn-white:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-white:not([href]), .btn-white:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #fff; border-color: #fff; } .btn-white:hover { background-color: #fff; border-color: #fff; } /* indigo button :hover, :focus, :active effects */ .btn-indigo[href]:hover, .btn-indigo[href]:focus, .btn-indigo[href]:active, .btn-indigo[type]:hover, .btn-indigo[type]:focus, .btn-indigo[type]:active { box-shadow: 0 4px 11px rgba(45, 21, 130, 0.35); } .btn-indigo:not(label.btn), .btn-indigo:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-indigo:not([href]), .btn-indigo:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #2d1582; border-color: #2d1582; } .btn-indigo:hover { background-color: #2d1582; border-color: #2d1582; } /* facebook button :hover, :focus, :active effects */ .btn-facebook[href]:hover, .btn-facebook[href]:focus, .btn-facebook[href]:active, .btn-facebook[type]:hover, .btn-facebook[type]:focus, .btn-facebook[type]:active { box-shadow: 0 4px 11px rgba(59, 89, 152, 0.35); } .btn-facebook:not(label.btn), .btn-facebook:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-facebook:not([href]), .btn-facebook:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #3b5998; border-color: #3b5998; } .btn-facebook:hover { background-color: #3b5998; border-color: #3b5998; } /* google button :hover, :focus, :active effects */ .btn-google[href]:hover, .btn-google[href]:focus, .btn-google[href]:active, .btn-google[type]:hover, .btn-google[type]:focus, .btn-google[type]:active { box-shadow: 0 4px 11px rgba(209, 65, 48, 0.35); } .btn-google:not(label.btn), .btn-google:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-google:not([href]), .btn-google:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #d14130; border-color: #d14130; } .btn-google:hover { background-color: #d14130; border-color: #d14130; } /* twitter button :hover, :focus, :active effects */ .btn-twitter[href]:hover, .btn-twitter[href]:focus, .btn-twitter[href]:active, .btn-twitter[type]:hover, .btn-twitter[type]:focus, .btn-twitter[type]:active { box-shadow: 0 4px 11px rgba(29, 161, 242, 0.35); } .btn-twitter:not(label.btn), .btn-twitter:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-twitter:not([href]), .btn-twitter:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #1da1f2; border-color: #1da1f2; } .btn-twitter:hover { background-color: #1da1f2; border-color: #1da1f2; } /* instagram button :hover, :focus, :active effects */ .btn-instagram[href]:hover, .btn-instagram[href]:focus, .btn-instagram[href]:active, .btn-instagram[type]:hover, .btn-instagram[type]:focus, .btn-instagram[type]:active { box-shadow: 0 4px 11px rgba(63, 114, 155, 0.35); } .btn-instagram:not(label.btn), .btn-instagram:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-instagram:not([href]), .btn-instagram:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #3f729b; border-color: #3f729b; } .btn-instagram:hover { background-color: #3f729b; border-color: #3f729b; } /* github button :hover, :focus, :active effects */ .btn-github[href]:hover, .btn-github[href]:focus, .btn-github[href]:active, .btn-github[type]:hover, .btn-github[type]:focus, .btn-github[type]:active { box-shadow: 0 4px 11px rgba(36, 41, 46, 0.35); } .btn-github:not(label.btn), .btn-github:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-github:not([href]), .btn-github:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #24292e; border-color: #24292e; } .btn-github:hover { background-color: #24292e; border-color: #24292e; } /* gray button :hover, :focus, :active effects */ .btn-gray[href]:hover, .btn-gray[href]:focus, .btn-gray[href]:active, .btn-gray[type]:hover, .btn-gray[type]:focus, .btn-gray[type]:active { box-shadow: 0 4px 11px rgba(248, 250, 253, 0.35); } .btn-gray:not(label.btn), .btn-gray:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-gray:not([href]), .btn-gray:not([href]):not([href]):not(:disabled):not(.disabled) { background-color: #f8fafd; border-color: #f8fafd; } .btn-gray:hover { background-color: #f8fafd; border-color: #f8fafd; } /*------------------------------------ Custom Button Toggle ------------------------------------*/ .btn-custom-toggle-primary { color: #8c98a4; border-color: #d5dae2; } .btn-custom-toggle-primary:hover { color: #063443; background-color: transparent; border-color: #063443; } .btn-custom-toggle-primary:not(:disabled):not(.disabled):active, .btn-custom-toggle-primary:not(:disabled):not(.disabled).active, .btn-custom-toggle-primary:not(:disabled):not(.disabled):active, .btn-custom-toggle-primary:not(:disabled):not(.disabled).active { color: #fff; background-color: #063443; border-color: #063443; } .btn-custom-toggle-white:hover { color: #fff; background-color: rgba(255, 255, 255, 0.2); } .btn-custom-toggle-white:not(:disabled):not(.disabled):active, .btn-custom-toggle-white:not(:disabled):not(.disabled).active, .btn-custom-toggle-white:not(:disabled):not(.disabled):active, .btn-custom-toggle-white:not(:disabled):not(.disabled).active { color: #063443; } /*------------------------------------ Air Button Styles ------------------------------------*/ /* primary air */ .btn-soft-primary { color: #F21818; background: rgba(242, 24, 24, 0.1); border-color: transparent; } .btn-soft-primary[href]:hover, .btn-soft-primary[href]:focus, .btn-soft-primary[href]:active, .btn-soft-primary[href].active, .btn-soft-primary[type]:hover, .btn-soft-primary[type]:focus, .btn-soft-primary[type]:active, .btn-soft-primary[type].active { color: #fff; background: #F21818; box-shadow: 0 4px 11px rgba(242, 24, 24, 0.35); } .btn-soft-primary[href].disabled, .btn-soft-primary[href]:disabled, .btn-soft-primary[type].disabled, .btn-soft-primary[type]:disabled { color: #F21818; background-color: rgba(242, 24, 24, 0.1); box-shadow: none; } .btn-soft-primary[href]:not(:disabled):not(.disabled):active, .btn-soft-primary[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-primary[href].dropdown-toggle, .btn-soft-primary[type]:not(:disabled):not(.disabled):active, .btn-soft-primary[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-primary[type].dropdown-toggle { color: #fff; background-color: #F21818; } .btn.btn-soft-primary { color: #F21818; } /* secondary air */ .btn-soft-secondary { color: #77838f; background: rgba(119, 131, 143, 0.1); border-color: transparent; } .btn-soft-secondary[href]:hover, .btn-soft-secondary[href]:focus, .btn-soft-secondary[href]:active, .btn-soft-secondary[href].active, .btn-soft-secondary[type]:hover, .btn-soft-secondary[type]:focus, .btn-soft-secondary[type]:active, .btn-soft-secondary[type].active { color: #fff; background: #77838f; box-shadow: 0 4px 11px rgba(119, 131, 143, 0.35); } .btn-soft-secondary[href].disabled, .btn-soft-secondary[href]:disabled, .btn-soft-secondary[type].disabled, .btn-soft-secondary[type]:disabled { color: #77838f; background-color: rgba(119, 131, 143, 0.1); box-shadow: none; } .btn-soft-secondary[href]:not(:disabled):not(.disabled):active, .btn-soft-secondary[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-secondary[href].dropdown-toggle, .btn-soft-secondary[type]:not(:disabled):not(.disabled):active, .btn-soft-secondary[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-secondary[type].dropdown-toggle { color: #fff; background-color: #77838f; } .btn.btn-soft-secondary { color: #77838f; } /* success air */ .btn-soft-success { color: #00c9a7; background: rgba(0, 201, 167, 0.1); border-color: transparent; } .btn-soft-success[href]:hover, .btn-soft-success[href]:focus, .btn-soft-success[href]:active, .btn-soft-success[href].active, .btn-soft-success[type]:hover, .btn-soft-success[type]:focus, .btn-soft-success[type]:active, .btn-soft-success[type].active { color: #fff; background: #00c9a7; box-shadow: 0 4px 11px rgba(0, 201, 167, 0.35); } .btn-soft-success[href].disabled, .btn-soft-success[href]:disabled, .btn-soft-success[type].disabled, .btn-soft-success[type]:disabled { color: #00c9a7; background-color: rgba(0, 201, 167, 0.1); box-shadow: none; } .btn-soft-success[href]:not(:disabled):not(.disabled):active, .btn-soft-success[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-success[href].dropdown-toggle, .btn-soft-success[type]:not(:disabled):not(.disabled):active, .btn-soft-success[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-success[type].dropdown-toggle { color: #fff; background-color: #00c9a7; } .btn.btn-soft-success { color: #00c9a7; } /* info air */ .btn-soft-info { color: #00dffc; background: rgba(0, 223, 252, 0.1); border-color: transparent; } .btn-soft-info[href]:hover, .btn-soft-info[href]:focus, .btn-soft-info[href]:active, .btn-soft-info[href].active, .btn-soft-info[type]:hover, .btn-soft-info[type]:focus, .btn-soft-info[type]:active, .btn-soft-info[type].active { color: #1e2022; background: #00dffc; box-shadow: 0 4px 11px rgba(0, 223, 252, 0.35); } .btn-soft-info[href].disabled, .btn-soft-info[href]:disabled, .btn-soft-info[type].disabled, .btn-soft-info[type]:disabled { color: #00dffc; background-color: rgba(0, 223, 252, 0.1); box-shadow: none; } .btn-soft-info[href]:not(:disabled):not(.disabled):active, .btn-soft-info[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-info[href].dropdown-toggle, .btn-soft-info[type]:not(:disabled):not(.disabled):active, .btn-soft-info[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-info[type].dropdown-toggle { color: #1e2022; background-color: #00dffc; } .btn.btn-soft-info { color: #00dffc; } /* warning air */ .btn-soft-warning { color: #ffc107; background: rgba(255, 193, 7, 0.1); border-color: transparent; } .btn-soft-warning[href]:hover, .btn-soft-warning[href]:focus, .btn-soft-warning[href]:active, .btn-soft-warning[href].active, .btn-soft-warning[type]:hover, .btn-soft-warning[type]:focus, .btn-soft-warning[type]:active, .btn-soft-warning[type].active { color: #1e2022; background: #ffc107; box-shadow: 0 4px 11px rgba(255, 193, 7, 0.35); } .btn-soft-warning[href].disabled, .btn-soft-warning[href]:disabled, .btn-soft-warning[type].disabled, .btn-soft-warning[type]:disabled { color: #ffc107; background-color: rgba(255, 193, 7, 0.1); box-shadow: none; } .btn-soft-warning[href]:not(:disabled):not(.disabled):active, .btn-soft-warning[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-warning[href].dropdown-toggle, .btn-soft-warning[type]:not(:disabled):not(.disabled):active, .btn-soft-warning[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-warning[type].dropdown-toggle { color: #1e2022; background-color: #ffc107; } .btn.btn-soft-warning { color: #ffc107; } /* danger air */ .btn-soft-danger { color: #de4437; background: rgba(222, 68, 55, 0.1); border-color: transparent; } .btn-soft-danger[href]:hover, .btn-soft-danger[href]:focus, .btn-soft-danger[href]:active, .btn-soft-danger[href].active, .btn-soft-danger[type]:hover, .btn-soft-danger[type]:focus, .btn-soft-danger[type]:active, .btn-soft-danger[type].active { color: #fff; background: #de4437; box-shadow: 0 4px 11px rgba(222, 68, 55, 0.35); } .btn-soft-danger[href].disabled, .btn-soft-danger[href]:disabled, .btn-soft-danger[type].disabled, .btn-soft-danger[type]:disabled { color: #de4437; background-color: rgba(222, 68, 55, 0.1); box-shadow: none; } .btn-soft-danger[href]:not(:disabled):not(.disabled):active, .btn-soft-danger[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-danger[href].dropdown-toggle, .btn-soft-danger[type]:not(:disabled):not(.disabled):active, .btn-soft-danger[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-danger[type].dropdown-toggle { color: #fff; background-color: #de4437; } .btn.btn-soft-danger { color: #de4437; } /* light air */ .btn-soft-light { color: #f8f9fa; background: rgba(248, 249, 250, 0.1); border-color: transparent; } .btn-soft-light[href]:hover, .btn-soft-light[href]:focus, .btn-soft-light[href]:active, .btn-soft-light[href].active, .btn-soft-light[type]:hover, .btn-soft-light[type]:focus, .btn-soft-light[type]:active, .btn-soft-light[type].active { color: #1e2022; background: #f8f9fa; box-shadow: 0 4px 11px rgba(248, 249, 250, 0.35); } .btn-soft-light[href].disabled, .btn-soft-light[href]:disabled, .btn-soft-light[type].disabled, .btn-soft-light[type]:disabled { color: #f8f9fa; background-color: rgba(248, 249, 250, 0.1); box-shadow: none; } .btn-soft-light[href]:not(:disabled):not(.disabled):active, .btn-soft-light[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-light[href].dropdown-toggle, .btn-soft-light[type]:not(:disabled):not(.disabled):active, .btn-soft-light[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-light[type].dropdown-toggle { color: #1e2022; background-color: #f8f9fa; } .btn.btn-soft-light { color: #f8f9fa; } /* dark air */ .btn-soft-dark { color: #333e48; background: rgba(51, 62, 72, 0.1); border-color: transparent; } .btn-soft-dark[href]:hover, .btn-soft-dark[href]:focus, .btn-soft-dark[href]:active, .btn-soft-dark[href].active, .btn-soft-dark[type]:hover, .btn-soft-dark[type]:focus, .btn-soft-dark[type]:active, .btn-soft-dark[type].active { color: #fff; background: #333e48; box-shadow: 0 4px 11px rgba(51, 62, 72, 0.35); } .btn-soft-dark[href].disabled, .btn-soft-dark[href]:disabled, .btn-soft-dark[type].disabled, .btn-soft-dark[type]:disabled { color: #333e48; background-color: rgba(51, 62, 72, 0.1); box-shadow: none; } .btn-soft-dark[href]:not(:disabled):not(.disabled):active, .btn-soft-dark[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-dark[href].dropdown-toggle, .btn-soft-dark[type]:not(:disabled):not(.disabled):active, .btn-soft-dark[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-dark[type].dropdown-toggle { color: #fff; background-color: #333e48; } .btn.btn-soft-dark { color: #333e48; } /* cyan air */ .btn-soft-cyan { color: #34bcec; background: rgba(52, 188, 236, 0.1); border-color: transparent; } .btn-soft-cyan[href]:hover, .btn-soft-cyan[href]:focus, .btn-soft-cyan[href]:active, .btn-soft-cyan[href].active, .btn-soft-cyan[type]:hover, .btn-soft-cyan[type]:focus, .btn-soft-cyan[type]:active, .btn-soft-cyan[type].active { color: #1e2022; background: #34bcec; box-shadow: 0 4px 11px rgba(52, 188, 236, 0.35); } .btn-soft-cyan[href].disabled, .btn-soft-cyan[href]:disabled, .btn-soft-cyan[type].disabled, .btn-soft-cyan[type]:disabled { color: #34bcec; background-color: rgba(52, 188, 236, 0.1); box-shadow: none; } .btn-soft-cyan[href]:not(:disabled):not(.disabled):active, .btn-soft-cyan[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-cyan[href].dropdown-toggle, .btn-soft-cyan[type]:not(:disabled):not(.disabled):active, .btn-soft-cyan[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-cyan[type].dropdown-toggle { color: #1e2022; background-color: #34bcec; } .btn.btn-soft-cyan { color: #34bcec; } /* sale air */ .btn-soft-sale { color: #df3737; background: rgba(223, 55, 55, 0.1); border-color: transparent; } .btn-soft-sale[href]:hover, .btn-soft-sale[href]:focus, .btn-soft-sale[href]:active, .btn-soft-sale[href].active, .btn-soft-sale[type]:hover, .btn-soft-sale[type]:focus, .btn-soft-sale[type]:active, .btn-soft-sale[type].active { color: #fff; background: #df3737; box-shadow: 0 4px 11px rgba(223, 55, 55, 0.35); } .btn-soft-sale[href].disabled, .btn-soft-sale[href]:disabled, .btn-soft-sale[type].disabled, .btn-soft-sale[type]:disabled { color: #df3737; background-color: rgba(223, 55, 55, 0.1); box-shadow: none; } .btn-soft-sale[href]:not(:disabled):not(.disabled):active, .btn-soft-sale[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-sale[href].dropdown-toggle, .btn-soft-sale[type]:not(:disabled):not(.disabled):active, .btn-soft-sale[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-sale[type].dropdown-toggle { color: #fff; background-color: #df3737; } .btn.btn-soft-sale { color: #df3737; } /* black air */ .btn-soft-black { color: #000000; background: rgba(0, 0, 0, 0.1); border-color: transparent; } .btn-soft-black[href]:hover, .btn-soft-black[href]:focus, .btn-soft-black[href]:active, .btn-soft-black[href].active, .btn-soft-black[type]:hover, .btn-soft-black[type]:focus, .btn-soft-black[type]:active, .btn-soft-black[type].active { color: #fff; background: #000000; box-shadow: 0 4px 11px rgba(0, 0, 0, 0.35); } .btn-soft-black[href].disabled, .btn-soft-black[href]:disabled, .btn-soft-black[type].disabled, .btn-soft-black[type]:disabled { color: #000000; background-color: rgba(0, 0, 0, 0.1); box-shadow: none; } .btn-soft-black[href]:not(:disabled):not(.disabled):active, .btn-soft-black[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-black[href].dropdown-toggle, .btn-soft-black[type]:not(:disabled):not(.disabled):active, .btn-soft-black[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-black[type].dropdown-toggle { color: #fff; background-color: #000000; } .btn.btn-soft-black { color: #000000; } /* green air */ .btn-soft-green { color: #5cb85c; background: rgba(92, 184, 92, 0.1); border-color: transparent; } .btn-soft-green[href]:hover, .btn-soft-green[href]:focus, .btn-soft-green[href]:active, .btn-soft-green[href].active, .btn-soft-green[type]:hover, .btn-soft-green[type]:focus, .btn-soft-green[type]:active, .btn-soft-green[type].active { color: #fff; background: #5cb85c; box-shadow: 0 4px 11px rgba(92, 184, 92, 0.35); } .btn-soft-green[href].disabled, .btn-soft-green[href]:disabled, .btn-soft-green[type].disabled, .btn-soft-green[type]:disabled { color: #5cb85c; background-color: rgba(92, 184, 92, 0.1); box-shadow: none; } .btn-soft-green[href]:not(:disabled):not(.disabled):active, .btn-soft-green[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-green[href].dropdown-toggle, .btn-soft-green[type]:not(:disabled):not(.disabled):active, .btn-soft-green[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-green[type].dropdown-toggle { color: #fff; background-color: #5cb85c; } .btn.btn-soft-green { color: #5cb85c; } /* red air */ .btn-soft-red { color: #ee0000; background: rgba(238, 0, 0, 0.1); border-color: transparent; } .btn-soft-red[href]:hover, .btn-soft-red[href]:focus, .btn-soft-red[href]:active, .btn-soft-red[href].active, .btn-soft-red[type]:hover, .btn-soft-red[type]:focus, .btn-soft-red[type]:active, .btn-soft-red[type].active { color: #fff; background: #ee0000; box-shadow: 0 4px 11px rgba(238, 0, 0, 0.35); } .btn-soft-red[href].disabled, .btn-soft-red[href]:disabled, .btn-soft-red[type].disabled, .btn-soft-red[type]:disabled { color: #ee0000; background-color: rgba(238, 0, 0, 0.1); box-shadow: none; } .btn-soft-red[href]:not(:disabled):not(.disabled):active, .btn-soft-red[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-red[href].dropdown-toggle, .btn-soft-red[type]:not(:disabled):not(.disabled):active, .btn-soft-red[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-red[type].dropdown-toggle { color: #fff; background-color: #ee0000; } .btn.btn-soft-red { color: #ee0000; } /* gray-1 air */ .btn-soft-gray-1 { color: #f5f5f5; background: rgba(245, 245, 245, 0.1); border-color: transparent; } .btn-soft-gray-1[href]:hover, .btn-soft-gray-1[href]:focus, .btn-soft-gray-1[href]:active, .btn-soft-gray-1[href].active, .btn-soft-gray-1[type]:hover, .btn-soft-gray-1[type]:focus, .btn-soft-gray-1[type]:active, .btn-soft-gray-1[type].active { color: #1e2022; background: #f5f5f5; box-shadow: 0 4px 11px rgba(245, 245, 245, 0.35); } .btn-soft-gray-1[href].disabled, .btn-soft-gray-1[href]:disabled, .btn-soft-gray-1[type].disabled, .btn-soft-gray-1[type]:disabled { color: #f5f5f5; background-color: rgba(245, 245, 245, 0.1); box-shadow: none; } .btn-soft-gray-1[href]:not(:disabled):not(.disabled):active, .btn-soft-gray-1[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-1[href].dropdown-toggle, .btn-soft-gray-1[type]:not(:disabled):not(.disabled):active, .btn-soft-gray-1[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-1[type].dropdown-toggle { color: #1e2022; background-color: #f5f5f5; } .btn.btn-soft-gray-1 { color: #f5f5f5; } /* gray-2 air */ .btn-soft-gray-2 { color: #383838; background: rgba(56, 56, 56, 0.1); border-color: transparent; } .btn-soft-gray-2[href]:hover, .btn-soft-gray-2[href]:focus, .btn-soft-gray-2[href]:active, .btn-soft-gray-2[href].active, .btn-soft-gray-2[type]:hover, .btn-soft-gray-2[type]:focus, .btn-soft-gray-2[type]:active, .btn-soft-gray-2[type].active { color: #fff; background: #383838; box-shadow: 0 4px 11px rgba(56, 56, 56, 0.35); } .btn-soft-gray-2[href].disabled, .btn-soft-gray-2[href]:disabled, .btn-soft-gray-2[type].disabled, .btn-soft-gray-2[type]:disabled { color: #383838; background-color: rgba(56, 56, 56, 0.1); box-shadow: none; } .btn-soft-gray-2[href]:not(:disabled):not(.disabled):active, .btn-soft-gray-2[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-2[href].dropdown-toggle, .btn-soft-gray-2[type]:not(:disabled):not(.disabled):active, .btn-soft-gray-2[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-2[type].dropdown-toggle { color: #fff; background-color: #383838; } .btn.btn-soft-gray-2 { color: #383838; } /* gray-3 air */ .btn-soft-gray-3 { color: #eeeeee; background: rgba(238, 238, 238, 0.1); border-color: transparent; } .btn-soft-gray-3[href]:hover, .btn-soft-gray-3[href]:focus, .btn-soft-gray-3[href]:active, .btn-soft-gray-3[href].active, .btn-soft-gray-3[type]:hover, .btn-soft-gray-3[type]:focus, .btn-soft-gray-3[type]:active, .btn-soft-gray-3[type].active { color: #1e2022; background: #eeeeee; box-shadow: 0 4px 11px rgba(238, 238, 238, 0.35); } .btn-soft-gray-3[href].disabled, .btn-soft-gray-3[href]:disabled, .btn-soft-gray-3[type].disabled, .btn-soft-gray-3[type]:disabled { color: #eeeeee; background-color: rgba(238, 238, 238, 0.1); box-shadow: none; } .btn-soft-gray-3[href]:not(:disabled):not(.disabled):active, .btn-soft-gray-3[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-3[href].dropdown-toggle, .btn-soft-gray-3[type]:not(:disabled):not(.disabled):active, .btn-soft-gray-3[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-3[type].dropdown-toggle { color: #1e2022; background-color: #eeeeee; } .btn.btn-soft-gray-3 { color: #eeeeee; } /* gray-4 air */ .btn-soft-gray-4 { color: #e6e6e6; background: rgba(230, 230, 230, 0.1); border-color: transparent; } .btn-soft-gray-4[href]:hover, .btn-soft-gray-4[href]:focus, .btn-soft-gray-4[href]:active, .btn-soft-gray-4[href].active, .btn-soft-gray-4[type]:hover, .btn-soft-gray-4[type]:focus, .btn-soft-gray-4[type]:active, .btn-soft-gray-4[type].active { color: #1e2022; background: #e6e6e6; box-shadow: 0 4px 11px rgba(230, 230, 230, 0.35); } .btn-soft-gray-4[href].disabled, .btn-soft-gray-4[href]:disabled, .btn-soft-gray-4[type].disabled, .btn-soft-gray-4[type]:disabled { color: #e6e6e6; background-color: rgba(230, 230, 230, 0.1); box-shadow: none; } .btn-soft-gray-4[href]:not(:disabled):not(.disabled):active, .btn-soft-gray-4[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-4[href].dropdown-toggle, .btn-soft-gray-4[type]:not(:disabled):not(.disabled):active, .btn-soft-gray-4[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-4[type].dropdown-toggle { color: #1e2022; background-color: #e6e6e6; } .btn.btn-soft-gray-4 { color: #e6e6e6; } /* gray-5 air */ .btn-soft-gray-5 { color: #878787; background: rgba(135, 135, 135, 0.1); border-color: transparent; } .btn-soft-gray-5[href]:hover, .btn-soft-gray-5[href]:focus, .btn-soft-gray-5[href]:active, .btn-soft-gray-5[href].active, .btn-soft-gray-5[type]:hover, .btn-soft-gray-5[type]:focus, .btn-soft-gray-5[type]:active, .btn-soft-gray-5[type].active { color: #fff; background: #878787; box-shadow: 0 4px 11px rgba(135, 135, 135, 0.35); } .btn-soft-gray-5[href].disabled, .btn-soft-gray-5[href]:disabled, .btn-soft-gray-5[type].disabled, .btn-soft-gray-5[type]:disabled { color: #878787; background-color: rgba(135, 135, 135, 0.1); box-shadow: none; } .btn-soft-gray-5[href]:not(:disabled):not(.disabled):active, .btn-soft-gray-5[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-5[href].dropdown-toggle, .btn-soft-gray-5[type]:not(:disabled):not(.disabled):active, .btn-soft-gray-5[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-5[type].dropdown-toggle { color: #fff; background-color: #878787; } .btn.btn-soft-gray-5 { color: #878787; } /* gray-6 air */ .btn-soft-gray-6 { color: #848484; background: rgba(132, 132, 132, 0.1); border-color: transparent; } .btn-soft-gray-6[href]:hover, .btn-soft-gray-6[href]:focus, .btn-soft-gray-6[href]:active, .btn-soft-gray-6[href].active, .btn-soft-gray-6[type]:hover, .btn-soft-gray-6[type]:focus, .btn-soft-gray-6[type]:active, .btn-soft-gray-6[type].active { color: #fff; background: #848484; box-shadow: 0 4px 11px rgba(132, 132, 132, 0.35); } .btn-soft-gray-6[href].disabled, .btn-soft-gray-6[href]:disabled, .btn-soft-gray-6[type].disabled, .btn-soft-gray-6[type]:disabled { color: #848484; background-color: rgba(132, 132, 132, 0.1); box-shadow: none; } .btn-soft-gray-6[href]:not(:disabled):not(.disabled):active, .btn-soft-gray-6[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-6[href].dropdown-toggle, .btn-soft-gray-6[type]:not(:disabled):not(.disabled):active, .btn-soft-gray-6[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-6[type].dropdown-toggle { color: #fff; background-color: #848484; } .btn.btn-soft-gray-6 { color: #848484; } /* gray-7 air */ .btn-soft-gray-7 { color: #f9f9f9; background: rgba(249, 249, 249, 0.1); border-color: transparent; } .btn-soft-gray-7[href]:hover, .btn-soft-gray-7[href]:focus, .btn-soft-gray-7[href]:active, .btn-soft-gray-7[href].active, .btn-soft-gray-7[type]:hover, .btn-soft-gray-7[type]:focus, .btn-soft-gray-7[type]:active, .btn-soft-gray-7[type].active { color: #1e2022; background: #f9f9f9; box-shadow: 0 4px 11px rgba(249, 249, 249, 0.35); } .btn-soft-gray-7[href].disabled, .btn-soft-gray-7[href]:disabled, .btn-soft-gray-7[type].disabled, .btn-soft-gray-7[type]:disabled { color: #f9f9f9; background-color: rgba(249, 249, 249, 0.1); box-shadow: none; } .btn-soft-gray-7[href]:not(:disabled):not(.disabled):active, .btn-soft-gray-7[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-7[href].dropdown-toggle, .btn-soft-gray-7[type]:not(:disabled):not(.disabled):active, .btn-soft-gray-7[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-7[type].dropdown-toggle { color: #1e2022; background-color: #f9f9f9; } .btn.btn-soft-gray-7 { color: #f9f9f9; } /* gray-8 air */ .btn-soft-gray-8 { color: #7b8186; background: rgba(123, 129, 134, 0.1); border-color: transparent; } .btn-soft-gray-8[href]:hover, .btn-soft-gray-8[href]:focus, .btn-soft-gray-8[href]:active, .btn-soft-gray-8[href].active, .btn-soft-gray-8[type]:hover, .btn-soft-gray-8[type]:focus, .btn-soft-gray-8[type]:active, .btn-soft-gray-8[type].active { color: #fff; background: #7b8186; box-shadow: 0 4px 11px rgba(123, 129, 134, 0.35); } .btn-soft-gray-8[href].disabled, .btn-soft-gray-8[href]:disabled, .btn-soft-gray-8[type].disabled, .btn-soft-gray-8[type]:disabled { color: #7b8186; background-color: rgba(123, 129, 134, 0.1); box-shadow: none; } .btn-soft-gray-8[href]:not(:disabled):not(.disabled):active, .btn-soft-gray-8[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-8[href].dropdown-toggle, .btn-soft-gray-8[type]:not(:disabled):not(.disabled):active, .btn-soft-gray-8[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-8[type].dropdown-toggle { color: #fff; background-color: #7b8186; } .btn.btn-soft-gray-8 { color: #7b8186; } /* gray-9 air */ .btn-soft-gray-9 { color: #8f8f8f; background: rgba(143, 143, 143, 0.1); border-color: transparent; } .btn-soft-gray-9[href]:hover, .btn-soft-gray-9[href]:focus, .btn-soft-gray-9[href]:active, .btn-soft-gray-9[href].active, .btn-soft-gray-9[type]:hover, .btn-soft-gray-9[type]:focus, .btn-soft-gray-9[type]:active, .btn-soft-gray-9[type].active { color: #fff; background: #8f8f8f; box-shadow: 0 4px 11px rgba(143, 143, 143, 0.35); } .btn-soft-gray-9[href].disabled, .btn-soft-gray-9[href]:disabled, .btn-soft-gray-9[type].disabled, .btn-soft-gray-9[type]:disabled { color: #8f8f8f; background-color: rgba(143, 143, 143, 0.1); box-shadow: none; } .btn-soft-gray-9[href]:not(:disabled):not(.disabled):active, .btn-soft-gray-9[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-9[href].dropdown-toggle, .btn-soft-gray-9[type]:not(:disabled):not(.disabled):active, .btn-soft-gray-9[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-9[type].dropdown-toggle { color: #fff; background-color: #8f8f8f; } .btn.btn-soft-gray-9 { color: #8f8f8f; } /* gray-13 air */ .btn-soft-gray-13 { color: #f8f8f8; background: rgba(248, 248, 248, 0.1); border-color: transparent; } .btn-soft-gray-13[href]:hover, .btn-soft-gray-13[href]:focus, .btn-soft-gray-13[href]:active, .btn-soft-gray-13[href].active, .btn-soft-gray-13[type]:hover, .btn-soft-gray-13[type]:focus, .btn-soft-gray-13[type]:active, .btn-soft-gray-13[type].active { color: #1e2022; background: #f8f8f8; box-shadow: 0 4px 11px rgba(248, 248, 248, 0.35); } .btn-soft-gray-13[href].disabled, .btn-soft-gray-13[href]:disabled, .btn-soft-gray-13[type].disabled, .btn-soft-gray-13[type]:disabled { color: #f8f8f8; background-color: rgba(248, 248, 248, 0.1); box-shadow: none; } .btn-soft-gray-13[href]:not(:disabled):not(.disabled):active, .btn-soft-gray-13[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-13[href].dropdown-toggle, .btn-soft-gray-13[type]:not(:disabled):not(.disabled):active, .btn-soft-gray-13[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-13[type].dropdown-toggle { color: #1e2022; background-color: #f8f8f8; } .btn.btn-soft-gray-13 { color: #f8f8f8; } /* gray-14 air */ .btn-soft-gray-14 { color: #eaeaea; background: rgba(234, 234, 234, 0.1); border-color: transparent; } .btn-soft-gray-14[href]:hover, .btn-soft-gray-14[href]:focus, .btn-soft-gray-14[href]:active, .btn-soft-gray-14[href].active, .btn-soft-gray-14[type]:hover, .btn-soft-gray-14[type]:focus, .btn-soft-gray-14[type]:active, .btn-soft-gray-14[type].active { color: #1e2022; background: #eaeaea; box-shadow: 0 4px 11px rgba(234, 234, 234, 0.35); } .btn-soft-gray-14[href].disabled, .btn-soft-gray-14[href]:disabled, .btn-soft-gray-14[type].disabled, .btn-soft-gray-14[type]:disabled { color: #eaeaea; background-color: rgba(234, 234, 234, 0.1); box-shadow: none; } .btn-soft-gray-14[href]:not(:disabled):not(.disabled):active, .btn-soft-gray-14[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-14[href].dropdown-toggle, .btn-soft-gray-14[type]:not(:disabled):not(.disabled):active, .btn-soft-gray-14[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-14[type].dropdown-toggle { color: #1e2022; background-color: #eaeaea; } .btn.btn-soft-gray-14 { color: #eaeaea; } /* gray-15 air */ .btn-soft-gray-15 { color: #9d9c9c; background: rgba(157, 156, 156, 0.1); border-color: transparent; } .btn-soft-gray-15[href]:hover, .btn-soft-gray-15[href]:focus, .btn-soft-gray-15[href]:active, .btn-soft-gray-15[href].active, .btn-soft-gray-15[type]:hover, .btn-soft-gray-15[type]:focus, .btn-soft-gray-15[type]:active, .btn-soft-gray-15[type].active { color: #1e2022; background: #9d9c9c; box-shadow: 0 4px 11px rgba(157, 156, 156, 0.35); } .btn-soft-gray-15[href].disabled, .btn-soft-gray-15[href]:disabled, .btn-soft-gray-15[type].disabled, .btn-soft-gray-15[type]:disabled { color: #9d9c9c; background-color: rgba(157, 156, 156, 0.1); box-shadow: none; } .btn-soft-gray-15[href]:not(:disabled):not(.disabled):active, .btn-soft-gray-15[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-15[href].dropdown-toggle, .btn-soft-gray-15[type]:not(:disabled):not(.disabled):active, .btn-soft-gray-15[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-15[type].dropdown-toggle { color: #1e2022; background-color: #9d9c9c; } .btn.btn-soft-gray-15 { color: #9d9c9c; } /* gray-16 air */ .btn-soft-gray-16 { color: #606060; background: rgba(96, 96, 96, 0.1); border-color: transparent; } .btn-soft-gray-16[href]:hover, .btn-soft-gray-16[href]:focus, .btn-soft-gray-16[href]:active, .btn-soft-gray-16[href].active, .btn-soft-gray-16[type]:hover, .btn-soft-gray-16[type]:focus, .btn-soft-gray-16[type]:active, .btn-soft-gray-16[type].active { color: #fff; background: #606060; box-shadow: 0 4px 11px rgba(96, 96, 96, 0.35); } .btn-soft-gray-16[href].disabled, .btn-soft-gray-16[href]:disabled, .btn-soft-gray-16[type].disabled, .btn-soft-gray-16[type]:disabled { color: #606060; background-color: rgba(96, 96, 96, 0.1); box-shadow: none; } .btn-soft-gray-16[href]:not(:disabled):not(.disabled):active, .btn-soft-gray-16[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-16[href].dropdown-toggle, .btn-soft-gray-16[type]:not(:disabled):not(.disabled):active, .btn-soft-gray-16[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-16[type].dropdown-toggle { color: #fff; background-color: #606060; } .btn.btn-soft-gray-16 { color: #606060; } /* gray-17 air */ .btn-soft-gray-17 { color: #ecedf2; background: rgba(236, 237, 242, 0.1); border-color: transparent; } .btn-soft-gray-17[href]:hover, .btn-soft-gray-17[href]:focus, .btn-soft-gray-17[href]:active, .btn-soft-gray-17[href].active, .btn-soft-gray-17[type]:hover, .btn-soft-gray-17[type]:focus, .btn-soft-gray-17[type]:active, .btn-soft-gray-17[type].active { color: #1e2022; background: #ecedf2; box-shadow: 0 4px 11px rgba(236, 237, 242, 0.35); } .btn-soft-gray-17[href].disabled, .btn-soft-gray-17[href]:disabled, .btn-soft-gray-17[type].disabled, .btn-soft-gray-17[type]:disabled { color: #ecedf2; background-color: rgba(236, 237, 242, 0.1); box-shadow: none; } .btn-soft-gray-17[href]:not(:disabled):not(.disabled):active, .btn-soft-gray-17[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-17[href].dropdown-toggle, .btn-soft-gray-17[type]:not(:disabled):not(.disabled):active, .btn-soft-gray-17[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-17[type].dropdown-toggle { color: #1e2022; background-color: #ecedf2; } .btn.btn-soft-gray-17 { color: #ecedf2; } /* gray-18 air */ .btn-soft-gray-18 { color: #333e484d; background: rgba(51, 62, 72, 0.1); border-color: transparent; } .btn-soft-gray-18[href]:hover, .btn-soft-gray-18[href]:focus, .btn-soft-gray-18[href]:active, .btn-soft-gray-18[href].active, .btn-soft-gray-18[type]:hover, .btn-soft-gray-18[type]:focus, .btn-soft-gray-18[type]:active, .btn-soft-gray-18[type].active { color: #fff; background: #333e484d; box-shadow: 0 4px 11px rgba(51, 62, 72, 0.35); } .btn-soft-gray-18[href].disabled, .btn-soft-gray-18[href]:disabled, .btn-soft-gray-18[type].disabled, .btn-soft-gray-18[type]:disabled { color: #333e484d; background-color: rgba(51, 62, 72, 0.1); box-shadow: none; } .btn-soft-gray-18[href]:not(:disabled):not(.disabled):active, .btn-soft-gray-18[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-18[href].dropdown-toggle, .btn-soft-gray-18[type]:not(:disabled):not(.disabled):active, .btn-soft-gray-18[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray-18[type].dropdown-toggle { color: #fff; background-color: #333e484d; } .btn.btn-soft-gray-18 { color: #333e484d; } /* white air */ .btn-soft-white { color: #fff; background: rgba(255, 255, 255, 0.1); border-color: transparent; } .btn-soft-white[href]:hover, .btn-soft-white[href]:focus, .btn-soft-white[href]:active, .btn-soft-white[href].active, .btn-soft-white[type]:hover, .btn-soft-white[type]:focus, .btn-soft-white[type]:active, .btn-soft-white[type].active { color: #1e2022; background: #fff; box-shadow: 0 4px 11px rgba(255, 255, 255, 0.35); } .btn-soft-white[href].disabled, .btn-soft-white[href]:disabled, .btn-soft-white[type].disabled, .btn-soft-white[type]:disabled { color: #fff; background-color: rgba(255, 255, 255, 0.1); box-shadow: none; } .btn-soft-white[href]:not(:disabled):not(.disabled):active, .btn-soft-white[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-white[href].dropdown-toggle, .btn-soft-white[type]:not(:disabled):not(.disabled):active, .btn-soft-white[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-white[type].dropdown-toggle { color: #1e2022; background-color: #fff; } .btn.btn-soft-white { color: #fff; } /* indigo air */ .btn-soft-indigo { color: #2d1582; background: rgba(45, 21, 130, 0.1); border-color: transparent; } .btn-soft-indigo[href]:hover, .btn-soft-indigo[href]:focus, .btn-soft-indigo[href]:active, .btn-soft-indigo[href].active, .btn-soft-indigo[type]:hover, .btn-soft-indigo[type]:focus, .btn-soft-indigo[type]:active, .btn-soft-indigo[type].active { color: #fff; background: #2d1582; box-shadow: 0 4px 11px rgba(45, 21, 130, 0.35); } .btn-soft-indigo[href].disabled, .btn-soft-indigo[href]:disabled, .btn-soft-indigo[type].disabled, .btn-soft-indigo[type]:disabled { color: #2d1582; background-color: rgba(45, 21, 130, 0.1); box-shadow: none; } .btn-soft-indigo[href]:not(:disabled):not(.disabled):active, .btn-soft-indigo[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-indigo[href].dropdown-toggle, .btn-soft-indigo[type]:not(:disabled):not(.disabled):active, .btn-soft-indigo[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-indigo[type].dropdown-toggle { color: #fff; background-color: #2d1582; } .btn.btn-soft-indigo { color: #2d1582; } /* facebook air */ .btn-soft-facebook { color: #3b5998; background: rgba(59, 89, 152, 0.1); border-color: transparent; } .btn-soft-facebook[href]:hover, .btn-soft-facebook[href]:focus, .btn-soft-facebook[href]:active, .btn-soft-facebook[href].active, .btn-soft-facebook[type]:hover, .btn-soft-facebook[type]:focus, .btn-soft-facebook[type]:active, .btn-soft-facebook[type].active { color: #fff; background: #3b5998; box-shadow: 0 4px 11px rgba(59, 89, 152, 0.35); } .btn-soft-facebook[href].disabled, .btn-soft-facebook[href]:disabled, .btn-soft-facebook[type].disabled, .btn-soft-facebook[type]:disabled { color: #3b5998; background-color: rgba(59, 89, 152, 0.1); box-shadow: none; } .btn-soft-facebook[href]:not(:disabled):not(.disabled):active, .btn-soft-facebook[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-facebook[href].dropdown-toggle, .btn-soft-facebook[type]:not(:disabled):not(.disabled):active, .btn-soft-facebook[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-facebook[type].dropdown-toggle { color: #fff; background-color: #3b5998; } .btn.btn-soft-facebook { color: #3b5998; } /* google air */ .btn-soft-google { color: #d14130; background: rgba(209, 65, 48, 0.1); border-color: transparent; } .btn-soft-google[href]:hover, .btn-soft-google[href]:focus, .btn-soft-google[href]:active, .btn-soft-google[href].active, .btn-soft-google[type]:hover, .btn-soft-google[type]:focus, .btn-soft-google[type]:active, .btn-soft-google[type].active { color: #fff; background: #d14130; box-shadow: 0 4px 11px rgba(209, 65, 48, 0.35); } .btn-soft-google[href].disabled, .btn-soft-google[href]:disabled, .btn-soft-google[type].disabled, .btn-soft-google[type]:disabled { color: #d14130; background-color: rgba(209, 65, 48, 0.1); box-shadow: none; } .btn-soft-google[href]:not(:disabled):not(.disabled):active, .btn-soft-google[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-google[href].dropdown-toggle, .btn-soft-google[type]:not(:disabled):not(.disabled):active, .btn-soft-google[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-google[type].dropdown-toggle { color: #fff; background-color: #d14130; } .btn.btn-soft-google { color: #d14130; } /* twitter air */ .btn-soft-twitter { color: #1da1f2; background: rgba(29, 161, 242, 0.1); border-color: transparent; } .btn-soft-twitter[href]:hover, .btn-soft-twitter[href]:focus, .btn-soft-twitter[href]:active, .btn-soft-twitter[href].active, .btn-soft-twitter[type]:hover, .btn-soft-twitter[type]:focus, .btn-soft-twitter[type]:active, .btn-soft-twitter[type].active { color: #fff; background: #1da1f2; box-shadow: 0 4px 11px rgba(29, 161, 242, 0.35); } .btn-soft-twitter[href].disabled, .btn-soft-twitter[href]:disabled, .btn-soft-twitter[type].disabled, .btn-soft-twitter[type]:disabled { color: #1da1f2; background-color: rgba(29, 161, 242, 0.1); box-shadow: none; } .btn-soft-twitter[href]:not(:disabled):not(.disabled):active, .btn-soft-twitter[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-twitter[href].dropdown-toggle, .btn-soft-twitter[type]:not(:disabled):not(.disabled):active, .btn-soft-twitter[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-twitter[type].dropdown-toggle { color: #fff; background-color: #1da1f2; } .btn.btn-soft-twitter { color: #1da1f2; } /* instagram air */ .btn-soft-instagram { color: #3f729b; background: rgba(63, 114, 155, 0.1); border-color: transparent; } .btn-soft-instagram[href]:hover, .btn-soft-instagram[href]:focus, .btn-soft-instagram[href]:active, .btn-soft-instagram[href].active, .btn-soft-instagram[type]:hover, .btn-soft-instagram[type]:focus, .btn-soft-instagram[type]:active, .btn-soft-instagram[type].active { color: #fff; background: #3f729b; box-shadow: 0 4px 11px rgba(63, 114, 155, 0.35); } .btn-soft-instagram[href].disabled, .btn-soft-instagram[href]:disabled, .btn-soft-instagram[type].disabled, .btn-soft-instagram[type]:disabled { color: #3f729b; background-color: rgba(63, 114, 155, 0.1); box-shadow: none; } .btn-soft-instagram[href]:not(:disabled):not(.disabled):active, .btn-soft-instagram[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-instagram[href].dropdown-toggle, .btn-soft-instagram[type]:not(:disabled):not(.disabled):active, .btn-soft-instagram[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-instagram[type].dropdown-toggle { color: #fff; background-color: #3f729b; } .btn.btn-soft-instagram { color: #3f729b; } /* github air */ .btn-soft-github { color: #24292e; background: rgba(36, 41, 46, 0.1); border-color: transparent; } .btn-soft-github[href]:hover, .btn-soft-github[href]:focus, .btn-soft-github[href]:active, .btn-soft-github[href].active, .btn-soft-github[type]:hover, .btn-soft-github[type]:focus, .btn-soft-github[type]:active, .btn-soft-github[type].active { color: #fff; background: #24292e; box-shadow: 0 4px 11px rgba(36, 41, 46, 0.35); } .btn-soft-github[href].disabled, .btn-soft-github[href]:disabled, .btn-soft-github[type].disabled, .btn-soft-github[type]:disabled { color: #24292e; background-color: rgba(36, 41, 46, 0.1); box-shadow: none; } .btn-soft-github[href]:not(:disabled):not(.disabled):active, .btn-soft-github[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-github[href].dropdown-toggle, .btn-soft-github[type]:not(:disabled):not(.disabled):active, .btn-soft-github[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-github[type].dropdown-toggle { color: #fff; background-color: #24292e; } .btn.btn-soft-github { color: #24292e; } /* gray air */ .btn-soft-gray { color: #f8fafd; background: rgba(248, 250, 253, 0.1); border-color: transparent; } .btn-soft-gray[href]:hover, .btn-soft-gray[href]:focus, .btn-soft-gray[href]:active, .btn-soft-gray[href].active, .btn-soft-gray[type]:hover, .btn-soft-gray[type]:focus, .btn-soft-gray[type]:active, .btn-soft-gray[type].active { color: #1e2022; background: #f8fafd; box-shadow: 0 4px 11px rgba(248, 250, 253, 0.35); } .btn-soft-gray[href].disabled, .btn-soft-gray[href]:disabled, .btn-soft-gray[type].disabled, .btn-soft-gray[type]:disabled { color: #f8fafd; background-color: rgba(248, 250, 253, 0.1); box-shadow: none; } .btn-soft-gray[href]:not(:disabled):not(.disabled):active, .btn-soft-gray[href]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray[href].dropdown-toggle, .btn-soft-gray[type]:not(:disabled):not(.disabled):active, .btn-soft-gray[type]:not(:disabled):not(.disabled).active, .show > .btn-soft-gray[type].dropdown-toggle { color: #1e2022; background-color: #f8fafd; } .btn.btn-soft-gray { color: #f8fafd; } /*------------------------------------ Button Sizes ------------------------------------*/ /* Wide */ .btn-wide { min-width: 9.6875rem; } .btn-sm-wide { min-width: 8.4375rem; } /* Extra Small */ .btn-xs { font-size: 0.6875rem; font-weight: 400; padding: 0.4375rem 0.9375rem; } /* Icons */ .btn-icon.btn-xs { font-size: 0.75rem; width: 1.5rem; height: 1.5rem; } .btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn { font-size: 0.8175rem; width: 2rem; height: 2rem; } .btn-icon.btn-lg, .btn-group-lg > .btn-icon.btn { font-size: 1.75rem; width: 5rem; height: 5rem; } /*------------------------------------ Text Buttons Styles ------------------------------------*/ /* primary text button */ .btn-text-primary { color: #F21818; background: transparent; } .btn-text-primary[href]:hover, .btn-text-primary[href]:focus, .btn-text-primary[href]:active, .btn-text-primary[type]:hover, .btn-text-primary[type]:focus, .btn-text-primary[type]:active { color: #333e48; } /* secondary text button */ .btn-text-secondary { color: #77838f; background: transparent; } .btn-text-secondary[href]:hover, .btn-text-secondary[href]:focus, .btn-text-secondary[href]:active, .btn-text-secondary[type]:hover, .btn-text-secondary[type]:focus, .btn-text-secondary[type]:active { color: #333e48; } /* success text button */ .btn-text-success { color: #00c9a7; background: transparent; } .btn-text-success[href]:hover, .btn-text-success[href]:focus, .btn-text-success[href]:active, .btn-text-success[type]:hover, .btn-text-success[type]:focus, .btn-text-success[type]:active { color: #333e48; } /* info text button */ .btn-text-info { color: #00dffc; background: transparent; } .btn-text-info[href]:hover, .btn-text-info[href]:focus, .btn-text-info[href]:active, .btn-text-info[type]:hover, .btn-text-info[type]:focus, .btn-text-info[type]:active { color: #333e48; } /* warning text button */ .btn-text-warning { color: #ffc107; background: transparent; } .btn-text-warning[href]:hover, .btn-text-warning[href]:focus, .btn-text-warning[href]:active, .btn-text-warning[type]:hover, .btn-text-warning[type]:focus, .btn-text-warning[type]:active { color: #333e48; } /* danger text button */ .btn-text-danger { color: #de4437; background: transparent; } .btn-text-danger[href]:hover, .btn-text-danger[href]:focus, .btn-text-danger[href]:active, .btn-text-danger[type]:hover, .btn-text-danger[type]:focus, .btn-text-danger[type]:active { color: #333e48; } /* light text button */ .btn-text-light { color: #f8f9fa; background: transparent; } .btn-text-light[href]:hover, .btn-text-light[href]:focus, .btn-text-light[href]:active, .btn-text-light[type]:hover, .btn-text-light[type]:focus, .btn-text-light[type]:active { color: #bdc5d1; } /* dark text button */ .btn-text-dark { color: #333e48; background: transparent; } .btn-text-dark[href]:hover, .btn-text-dark[href]:focus, .btn-text-dark[href]:active, .btn-text-dark[type]:hover, .btn-text-dark[type]:focus, .btn-text-dark[type]:active { color: #333e48; } /* cyan text button */ .btn-text-cyan { color: #34bcec; background: transparent; } .btn-text-cyan[href]:hover, .btn-text-cyan[href]:focus, .btn-text-cyan[href]:active, .btn-text-cyan[type]:hover, .btn-text-cyan[type]:focus, .btn-text-cyan[type]:active { color: #333e48; } /* sale text button */ .btn-text-sale { color: #df3737; background: transparent; } .btn-text-sale[href]:hover, .btn-text-sale[href]:focus, .btn-text-sale[href]:active, .btn-text-sale[type]:hover, .btn-text-sale[type]:focus, .btn-text-sale[type]:active { color: #333e48; } /* black text button */ .btn-text-black { color: #000000; background: transparent; } .btn-text-black[href]:hover, .btn-text-black[href]:focus, .btn-text-black[href]:active, .btn-text-black[type]:hover, .btn-text-black[type]:focus, .btn-text-black[type]:active { color: #333e48; } /* green text button */ .btn-text-green { color: #5cb85c; background: transparent; } .btn-text-green[href]:hover, .btn-text-green[href]:focus, .btn-text-green[href]:active, .btn-text-green[type]:hover, .btn-text-green[type]:focus, .btn-text-green[type]:active { color: #333e48; } /* red text button */ .btn-text-red { color: #ee0000; background: transparent; } .btn-text-red[href]:hover, .btn-text-red[href]:focus, .btn-text-red[href]:active, .btn-text-red[type]:hover, .btn-text-red[type]:focus, .btn-text-red[type]:active { color: #333e48; } /* gray-1 text button */ .btn-text-gray-1 { color: #f5f5f5; background: transparent; } .btn-text-gray-1[href]:hover, .btn-text-gray-1[href]:focus, .btn-text-gray-1[href]:active, .btn-text-gray-1[type]:hover, .btn-text-gray-1[type]:focus, .btn-text-gray-1[type]:active { color: #333e48; } /* gray-2 text button */ .btn-text-gray-2 { color: #383838; background: transparent; } .btn-text-gray-2[href]:hover, .btn-text-gray-2[href]:focus, .btn-text-gray-2[href]:active, .btn-text-gray-2[type]:hover, .btn-text-gray-2[type]:focus, .btn-text-gray-2[type]:active { color: #333e48; } /* gray-3 text button */ .btn-text-gray-3 { color: #eeeeee; background: transparent; } .btn-text-gray-3[href]:hover, .btn-text-gray-3[href]:focus, .btn-text-gray-3[href]:active, .btn-text-gray-3[type]:hover, .btn-text-gray-3[type]:focus, .btn-text-gray-3[type]:active { color: #333e48; } /* gray-4 text button */ .btn-text-gray-4 { color: #e6e6e6; background: transparent; } .btn-text-gray-4[href]:hover, .btn-text-gray-4[href]:focus, .btn-text-gray-4[href]:active, .btn-text-gray-4[type]:hover, .btn-text-gray-4[type]:focus, .btn-text-gray-4[type]:active { color: #333e48; } /* gray-5 text button */ .btn-text-gray-5 { color: #878787; background: transparent; } .btn-text-gray-5[href]:hover, .btn-text-gray-5[href]:focus, .btn-text-gray-5[href]:active, .btn-text-gray-5[type]:hover, .btn-text-gray-5[type]:focus, .btn-text-gray-5[type]:active { color: #333e48; } /* gray-6 text button */ .btn-text-gray-6 { color: #848484; background: transparent; } .btn-text-gray-6[href]:hover, .btn-text-gray-6[href]:focus, .btn-text-gray-6[href]:active, .btn-text-gray-6[type]:hover, .btn-text-gray-6[type]:focus, .btn-text-gray-6[type]:active { color: #333e48; } /* gray-7 text button */ .btn-text-gray-7 { color: #f9f9f9; background: transparent; } .btn-text-gray-7[href]:hover, .btn-text-gray-7[href]:focus, .btn-text-gray-7[href]:active, .btn-text-gray-7[type]:hover, .btn-text-gray-7[type]:focus, .btn-text-gray-7[type]:active { color: #333e48; } /* gray-8 text button */ .btn-text-gray-8 { color: #7b8186; background: transparent; } .btn-text-gray-8[href]:hover, .btn-text-gray-8[href]:focus, .btn-text-gray-8[href]:active, .btn-text-gray-8[type]:hover, .btn-text-gray-8[type]:focus, .btn-text-gray-8[type]:active { color: #333e48; } /* gray-9 text button */ .btn-text-gray-9 { color: #8f8f8f; background: transparent; } .btn-text-gray-9[href]:hover, .btn-text-gray-9[href]:focus, .btn-text-gray-9[href]:active, .btn-text-gray-9[type]:hover, .btn-text-gray-9[type]:focus, .btn-text-gray-9[type]:active { color: #333e48; } /* gray-13 text button */ .btn-text-gray-13 { color: #f8f8f8; background: transparent; } .btn-text-gray-13[href]:hover, .btn-text-gray-13[href]:focus, .btn-text-gray-13[href]:active, .btn-text-gray-13[type]:hover, .btn-text-gray-13[type]:focus, .btn-text-gray-13[type]:active { color: #333e48; } /* gray-14 text button */ .btn-text-gray-14 { color: #eaeaea; background: transparent; } .btn-text-gray-14[href]:hover, .btn-text-gray-14[href]:focus, .btn-text-gray-14[href]:active, .btn-text-gray-14[type]:hover, .btn-text-gray-14[type]:focus, .btn-text-gray-14[type]:active { color: #333e48; } /* gray-15 text button */ .btn-text-gray-15 { color: #9d9c9c; background: transparent; } .btn-text-gray-15[href]:hover, .btn-text-gray-15[href]:focus, .btn-text-gray-15[href]:active, .btn-text-gray-15[type]:hover, .btn-text-gray-15[type]:focus, .btn-text-gray-15[type]:active { color: #333e48; } /* gray-16 text button */ .btn-text-gray-16 { color: #606060; background: transparent; } .btn-text-gray-16[href]:hover, .btn-text-gray-16[href]:focus, .btn-text-gray-16[href]:active, .btn-text-gray-16[type]:hover, .btn-text-gray-16[type]:focus, .btn-text-gray-16[type]:active { color: #333e48; } /* gray-17 text button */ .btn-text-gray-17 { color: #ecedf2; background: transparent; } .btn-text-gray-17[href]:hover, .btn-text-gray-17[href]:focus, .btn-text-gray-17[href]:active, .btn-text-gray-17[type]:hover, .btn-text-gray-17[type]:focus, .btn-text-gray-17[type]:active { color: #333e48; } /* gray-18 text button */ .btn-text-gray-18 { color: #333e484d; background: transparent; } .btn-text-gray-18[href]:hover, .btn-text-gray-18[href]:focus, .btn-text-gray-18[href]:active, .btn-text-gray-18[type]:hover, .btn-text-gray-18[type]:focus, .btn-text-gray-18[type]:active { color: #333e48; } /* white text button */ .btn-text-white { color: #fff; background: transparent; } .btn-text-white[href]:hover, .btn-text-white[href]:focus, .btn-text-white[href]:active, .btn-text-white[type]:hover, .btn-text-white[type]:focus, .btn-text-white[type]:active { color: #333e48; } /* indigo text button */ .btn-text-indigo { color: #2d1582; background: transparent; } .btn-text-indigo[href]:hover, .btn-text-indigo[href]:focus, .btn-text-indigo[href]:active, .btn-text-indigo[type]:hover, .btn-text-indigo[type]:focus, .btn-text-indigo[type]:active { color: #333e48; } /*------------------------------------ Buttons ------------------------------------*/ .btn[href] { cursor: pointer; } .btn:not([href]):not([type]):not(:disabled):not(.disabled) { cursor: default; } label.btn { cursor: pointer !important; } /* Pill */ .btn-pill { border-radius: 6.1875rem; } /* Icon */ .btn-icon { position: relative; line-height: 0; font-size: 1rem; width: 3.125rem; height: 3.125rem; padding: 0; } .btn-icon__inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .btn-icon__inner-bottom-minus { top: 80%; } /* Background Transparent */ [class*=btn-soft-].btn-bg-transparent { background-color: transparent; } /* Toggle */ .btn__toggle-default { display: inline-block; } .btn__toggle-toggled { display: none; } .btn.toggled .btn__toggle-default { display: none; } .btn.toggled .btn__toggle-toggled { display: inline-block; } /*------------------------------------ Brand ------------------------------------*/ .brand { font-size: 2rem; font-weight: 700; margin-left: 0.5rem; } .brand-primary, .brand-primary:focus, .brand-primary:hover { color: #063443; } .brand-light, .brand-light:focus, .brand-light:hover { color: #fff; } /*------------------------------------ Breadcrumb ------------------------------------*/ .breadcrumb-white { background-color: transparent; } .breadcrumb-white .breadcrumb-item { color: #fff; } .breadcrumb-white .breadcrumb-item + .breadcrumb-item::before { color: rgba(255, 255, 255, 0.7); } .breadcrumb-white .breadcrumb-link { color: rgba(255, 255, 255, 0.7); } .breadcrumb-no-gutter { padding: 0; } /*------------------------------------ Card ------------------------------------*/ .card-2-count { -moz-column-count: 2; column-count: 2; } .card-3-count { -moz-column-count: 3; column-count: 3; } .card-4-count { -moz-column-count: 4; column-count: 4; } .card-1-gap { -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .card-2-gap { -moz-column-gap: 2rem; column-gap: 2rem; } .card-3-gap { -moz-column-gap: 3rem; column-gap: 3rem; } .card-4-gap { -moz-column-gap: 4rem; column-gap: 4rem; } .card-5-gap { -moz-column-gap: 5rem; column-gap: 5rem; } .card-columns { orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } @media (min-width: 576px) { .card-sm-2-count { -moz-column-count: 2; column-count: 2; } .card-sm-3-count { -moz-column-count: 3; column-count: 3; } .card-sm-4-count { -moz-column-count: 4; column-count: 4; } .card-sm-1-gap { -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .card-sm-2-gap { -moz-column-gap: 2rem; column-gap: 2rem; } .card-sm-3-gap { -moz-column-gap: 3rem; column-gap: 3rem; } .card-sm-4-gap { -moz-column-gap: 4rem; column-gap: 4rem; } .card-sm-5-gap { -moz-column-gap: 5rem; column-gap: 5rem; } .card-sm-columns { orphans: 1; widows: 1; } .card-sm-columns .card { display: inline-block; width: 100%; } } @media (min-width: 768px) { .card-md-2-count { -moz-column-count: 2; column-count: 2; } .card-md-3-count { -moz-column-count: 3; column-count: 3; } .card-md-4-count { -moz-column-count: 4; column-count: 4; } .card-md-1-gap { -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .card-md-2-gap { -moz-column-gap: 2rem; column-gap: 2rem; } .card-md-3-gap { -moz-column-gap: 3rem; column-gap: 3rem; } .card-md-4-gap { -moz-column-gap: 4rem; column-gap: 4rem; } .card-md-5-gap { -moz-column-gap: 5rem; column-gap: 5rem; } .card-md-columns { orphans: 1; widows: 1; } .card-md-columns .card { display: inline-block; width: 100%; } } @media (min-width: 992px) { .card-lg-2-count { -moz-column-count: 2; column-count: 2; } .card-lg-3-count { -moz-column-count: 3; column-count: 3; } .card-lg-4-count { -moz-column-count: 4; column-count: 4; } .card-lg-1-gap { -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .card-lg-2-gap { -moz-column-gap: 2rem; column-gap: 2rem; } .card-lg-3-gap { -moz-column-gap: 3rem; column-gap: 3rem; } .card-lg-4-gap { -moz-column-gap: 4rem; column-gap: 4rem; } .card-lg-5-gap { -moz-column-gap: 5rem; column-gap: 5rem; } .card-lg-columns { orphans: 1; widows: 1; } .card-lg-columns .card { display: inline-block; width: 100%; } } @media (min-width: 1200px) { .card-xl-2-count { -moz-column-count: 2; column-count: 2; } .card-xl-3-count { -moz-column-count: 3; column-count: 3; } .card-xl-4-count { -moz-column-count: 4; column-count: 4; } .card-xl-1-gap { -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .card-xl-2-gap { -moz-column-gap: 2rem; column-gap: 2rem; } .card-xl-3-gap { -moz-column-gap: 3rem; column-gap: 3rem; } .card-xl-4-gap { -moz-column-gap: 4rem; column-gap: 4rem; } .card-xl-5-gap { -moz-column-gap: 5rem; column-gap: 5rem; } .card-xl-columns { orphans: 1; widows: 1; } .card-xl-columns .card { display: inline-block; width: 100%; } } @media (min-width: 1480px) { .card-wd-2-count { -moz-column-count: 2; column-count: 2; } .card-wd-3-count { -moz-column-count: 3; column-count: 3; } .card-wd-4-count { -moz-column-count: 4; column-count: 4; } .card-wd-1-gap { -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .card-wd-2-gap { -moz-column-gap: 2rem; column-gap: 2rem; } .card-wd-3-gap { -moz-column-gap: 3rem; column-gap: 3rem; } .card-wd-4-gap { -moz-column-gap: 4rem; column-gap: 4rem; } .card-wd-5-gap { -moz-column-gap: 5rem; column-gap: 5rem; } .card-wd-columns { orphans: 1; widows: 1; } .card-wd-columns .card { display: inline-block; width: 100%; } } /* Background Color */ .card-bg-light { background-color: #f8fafd; } .card-bg-light:hover { background-color: #f4f7fc; } /* Frame */ .card-frame { border: 1px solid #e7eaf3; transition: 0.3s; } .card-frame-highlighted, .card-frame:hover { border-color: rgba(6, 52, 67, 0.3); box-shadow: 0 0 35px rgba(6, 52, 67, 0.125); } .card-text-dark { color: #1e2022; } .card-text-dark:hover { color: #063443; } /* Collapse */ .card-collapse { padding: 0; transition: 0.3s ease-in-out; } .card-collapse:hover { background-color: #f8fafd; } .card-collapse .card-body { color: #77838f; } .card-btn { color: #1e2022; text-align: left; white-space: inherit; } .card-btn-arrow { display: inline-block; color: #063443; margin-left: 1rem; transition: 0.3s ease-in-out; } .collapsed .card-btn-arrow { transform: rotate(-90deg); } /* IE image rendering fix */ .card-img-top, .card-img-bottom { min-height: 1px; } /*------------------------------------ Card Gutters ------------------------------------*/ @media (min-width: 576px) { .card-sm-gutters-1 { margin-right: -0.25rem; margin-left: -0.25rem; } .card-sm-gutters-1 .card { margin-right: 0.25rem; margin-left: 0.25rem; } .card-sm-gutters-2 { margin-right: -0.5rem; margin-left: -0.5rem; } .card-sm-gutters-2 .card { margin-right: 0.5rem; margin-left: 0.5rem; } .card-sm-gutters-3 { margin-right: -0.9375rem; margin-left: -0.9375rem; } .card-sm-gutters-3 .card { margin-right: 0.9375rem; margin-left: 0.9375rem; } } @media (min-width: 768px) { .card-md-gutters-1 { margin-right: -0.25rem; margin-left: -0.25rem; } .card-md-gutters-1 .card { margin-right: 0.25rem; margin-left: 0.25rem; } .card-md-gutters-2 { margin-right: -0.5rem; margin-left: -0.5rem; } .card-md-gutters-2 .card { margin-right: 0.5rem; margin-left: 0.5rem; } .card-md-gutters-3 { margin-right: -0.9375rem; margin-left: -0.9375rem; } .card-md-gutters-3 .card { margin-right: 0.9375rem; margin-left: 0.9375rem; } } @media (min-width: 992px) { .card-lg-gutters-1 { margin-right: -0.25rem; margin-left: -0.25rem; } .card-lg-gutters-1 .card { margin-right: 0.25rem; margin-left: 0.25rem; } .card-lg-gutters-2 { margin-right: -0.5rem; margin-left: -0.5rem; } .card-lg-gutters-2 .card { margin-right: 0.5rem; margin-left: 0.5rem; } .card-lg-gutters-3 { margin-right: -0.9375rem; margin-left: -0.9375rem; } .card-lg-gutters-3 .card { margin-right: 0.9375rem; margin-left: 0.9375rem; } } /*------------------------------------ Card Group - Break ------------------------------------*/ @media (max-width: 767.98px) { .card-group-sm-break { display: block; } .card-group-sm-break > .card:not(:last-child) { margin-bottom: -1px; } .card-group-sm-break > .card + .card { border-left: 1px solid #e7eaf3; } .card-group-sm-break > .card:first-child { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .card-group-sm-break > .card:first-child .card-img-top, .card-group-sm-break > .card:first-child .card-header { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; } .card-group-sm-break > .card:first-child .card-img-bottom, .card-group-sm-break > .card:first-child .card-footer { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .card-group-sm-break > .card:last-child { border-bottom-right-radius: 0.3125rem; border-bottom-left-radius: 0.3125rem; border-top-left-radius: 0; border-top-right-radius: 0; } .card-group-sm-break > .card:last-child .card-img-top, .card-group-sm-break > .card:last-child .card-header { border-top-left-radius: 0; border-top-right-radius: 0; } .card-group-sm-break > .card:last-child .card-img-bottom, .card-group-sm-break > .card:last-child .card-footer { border-bottom-right-radius: 0.3125rem; border-bottom-left-radius: 0.3125rem; } } @media (max-width: 991.98px) { .card-group-md-break { display: block; } .card-group-md-break > .card:not(:last-child) { margin-bottom: -1px; } .card-group-md-break > .card + .card { border-left: 1px solid #e7eaf3; } .card-group-md-break > .card:first-child { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .card-group-md-break > .card:first-child .card-img-top, .card-group-md-break > .card:first-child .card-header { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; } .card-group-md-break > .card:first-child .card-img-bottom, .card-group-md-break > .card:first-child .card-footer { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .card-group-md-break > .card:last-child { border-bottom-right-radius: 0.3125rem; border-bottom-left-radius: 0.3125rem; border-top-left-radius: 0; border-top-right-radius: 0; } .card-group-md-break > .card:last-child .card-img-top, .card-group-md-break > .card:last-child .card-header { border-top-left-radius: 0; border-top-right-radius: 0; } .card-group-md-break > .card:last-child .card-img-bottom, .card-group-md-break > .card:last-child .card-footer { border-bottom-right-radius: 0.3125rem; border-bottom-left-radius: 0.3125rem; } } @media (max-width: 1199.98px) { .card-group-lg-break { display: block; } .card-group-lg-break > .card:not(:last-child) { margin-bottom: -1px; } .card-group-lg-break > .card + .card { border-left: 1px solid #e7eaf3; } .card-group-lg-break > .card:first-child { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .card-group-lg-break > .card:first-child .card-img-top, .card-group-lg-break > .card:first-child .card-header { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; } .card-group-lg-break > .card:first-child .card-img-bottom, .card-group-lg-break > .card:first-child .card-footer { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .card-group-lg-break > .card:last-child { border-bottom-right-radius: 0.3125rem; border-bottom-left-radius: 0.3125rem; border-top-left-radius: 0; border-top-right-radius: 0; } .card-group-lg-break > .card:last-child .card-img-top, .card-group-lg-break > .card:last-child .card-header { border-top-left-radius: 0; border-top-right-radius: 0; } .card-group-lg-break > .card:last-child .card-img-bottom, .card-group-lg-break > .card:last-child .card-footer { border-bottom-right-radius: 0.3125rem; border-bottom-left-radius: 0.3125rem; } } /*------------------------------------ Sidebar Navigation ------------------------------------*/ /* Disable content revealing on page load */ .u-sidebar[aria-labelledby] { opacity: 0; } .u-sidebar[aria-labelledby][role=tabpanel] { opacity: 1; } .u-sidebar[aria-labelledby].u-unfold--css-animation, .u-sidebar[aria-labelledby].u-unfold--jquery-slide { opacity: 1; } .u-sidebar.u-unfold--css-animation.u-unfold--hidden { display: none; opacity: 0; visibility: hidden; } .u-sidebar { position: fixed; top: 0; right: 0; z-index: 1002; width: 18.75rem; height: 100%; background-color: #fff; box-shadow: -13px 0 20px rgba(119, 131, 143, 0.08); } .u-sidebar__body, .u-sidebar__content { height: 100%; } .u-sidebar--left { right: auto; left: 0; box-shadow: 13px 0 20px rgba(119, 131, 143, 0.08); } .u-sidebar__scroller { height: 100%; overflow: hidden; overflow-y: auto; } .u-sidebar__container { position: relative; height: 100%; min-height: 100%; } .u-sidebar__footer { width: 100%; position: absolute; right: 0; bottom: 0; left: 0; } /*------------------------------------ Sidebar Account ------------------------------------*/ .u-sidebar--account__footer-offset { height: 100%; box-sizing: border-box; padding-bottom: 10.3125rem; } .u-sidebar__content--account { padding: 1.5rem 3rem; } /* Holder */ .u-sidebar--account__holder { background-color: #f8fafd; padding: 1.5rem 3rem; } .u-sidebar--account__holder-img { width: 3rem; border-radius: 0.3125rem; } .u-sidebar--account__holder-text { display: block; font-size: 0.75rem; color: #8c98a4; } /* Toggle */ .u-sidebar--account__toggle-bg { position: relative; top: 1px; padding: 0.25rem 0.25rem 0.25rem 0.75rem; background-color: rgba(242, 24, 24, 0.1); border-radius: 6.1875rem; } @media (max-width: 767.98px) { .u-sidebar--account__toggle-bg { padding-left: 0.25rem; } } .u-sidebar--account__toggle-bg:hover .u-sidebar--account__toggle-text { color: #F21818; } .u-sidebar--account__toggle-text { color: #333e48; font-size: 0.75rem; vertical-align: middle; margin-right: 0.3125rem; } @media (max-width: 767.98px) { .u-sidebar--account__toggle-text { display: none; } } .u-sidebar--account__toggle-img { width: 1.5rem; height: 1.5rem; border-radius: 50%; } /* List */ .u-sidebar--account__list { margin-bottom: 0; } .u-sidebar--account__list-item { padding-top: 0.25rem; padding-bottom: 0.25rem; } .u-sidebar--account__list-link { display: block; font-size: 0.875rem; color: #97a4af; border-radius: 0.3125rem; padding: 0.625rem; transition: 0.2s ease-in-out; } .u-sidebar--account__list-link.active, .u-sidebar--account__list-link:hover { color: #F21818; background-color: rgba(242, 24, 24, 0.1); } .u-sidebar--account__list-link.active .u-sidebar--account__list-icon, .u-sidebar--account__list-link:hover .u-sidebar--account__list-icon { color: #F21818; } .u-sidebar--account__list-icon { display: inline-block; text-align: center; width: 1.125rem; font-size: 0.8125rem; color: #8c98a4; transition: 0.2s ease-in-out; } .u-sidebar--account__list-divider { border-top: 1px solid #e4ecf7; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; } /* Footer Links */ .u-sidebar__footer--account { padding: 0 3rem 1.5rem; } .u-sidebar__footer--account__text { position: relative; z-index: 1; font-size: 0.875rem; color: rgba(255, 255, 255, 0.7); } .u-sidebar__footer--account__text:hover { color: #fff; } /*------------------------------------ Sidebar Shopping Cart ------------------------------------*/ .u-sidebar__cart-footer-offset { height: 100%; box-sizing: border-box; padding-bottom: 13.4375rem; } /*------------------------------------ Clients ------------------------------------*/ .u-clients { width: 100%; max-width: 6rem; height: auto; margin-left: auto; margin-right: auto; } /*------------------------------------ Close ------------------------------------*/ .close-light { color: rgba(255, 255, 255, 0.7); } .close-light:not(:disabled):not(.disabled):hover, .close-light:not(:disabled):not(.disabled):focus { color: #fff; } /*------------------------------------ Divider ------------------------------------*/ .u-divider { position: relative; display: inline-block; font-size: 1rem; } .u-divider::before, .u-divider::after { position: absolute; top: 50%; content: ""; } .u-divider::before { right: 100%; background-image: linear-gradient(45deg, transparent 0%, #bdc5d1 100%); background-repeat: repeat-x; } .u-divider::after { left: 100%; background-image: linear-gradient(45deg, #bdc5d1 0%, transparent 100%); background-repeat: repeat-x; } /*------------------------------------ Divider Sizes ------------------------------------*/ .u-divider::before, .u-divider::after { width: 8.75rem; height: 0.0546875rem; transform: translateY(-50%); } .u-divider::before { margin-right: 0.625rem; } .u-divider::after { margin-left: 0.625rem; } @media (max-width: 767.98px) { .u-divider::before, .u-divider::after { width: 3.5rem; } } .u-divider--xs { font-size: 0.65625rem; } .u-divider--xs::before, .u-divider--xs::after { width: 1.75rem; height: 0.0546875rem; transform: translateY(-50%); } /*------------------------------------ Divider Styles ------------------------------------*/ /* Text */ .u-divider--text { color: #8c98a4; } /*------------------------------------ Vertical Divider ------------------------------------*/ .u-ver-divider { position: relative; } .u-ver-divider::after { position: absolute; top: 0; right: 0; height: 100%; border-right: 1px solid #e7eaf3; content: ""; } /* Breakpoint */ @media (max-width: 575.98px) { .u-ver-divider--none-sm::after { display: none; } } @media (max-width: 767.98px) { .u-ver-divider--none-md::after { display: none; } } @media (max-width: 991.98px) { .u-ver-divider--none-lg::after { display: none; } } /*------------------------------------ Divider Sizes ------------------------------------*/ /* Extra Small */ .u-ver-divider--xs::after { top: 50%; height: 0.875rem; transform: translateY(-50%); } /* Small */ .u-ver-divider--sm::after { top: 50%; height: 1.75rem; transform: translateY(-50%); } /* Large */ .u-ver-divider--lg::after { top: 50%; height: 2.625rem; transform: translateY(-50%); } /* Extra Large */ .u-ver-divider--xl::after { top: 50%; height: 3.5rem; transform: translateY(-50%); } /*------------------------------------ Dropdown ------------------------------------*/ /* Disable content revealing on page load */ .dropdown-unfold[aria-labelledby] { opacity: 0; } .dropdown-unfold[aria-labelledby][role=tabpanel] { display: block; opacity: 1; } .dropdown-unfold[aria-labelledby].u-unfold--css-animation, .dropdown-unfold[aria-labelledby].u-unfold--jquery-slide { display: block; opacity: 1; } .dropdown-unfold.u-unfold--css-animation.u-unfold--hidden { display: none; opacity: 0; visibility: hidden; } .u-unfold--css-animation.u-unfold--hidden { display: none; opacity: 0; visibility: hidden; } .dropdown-unfold.show { display: block; opacity: 1; } /* Menu */ .dropdown-menu { margin-top: 0.5rem; font-size: 0.875rem; padding-top: 1rem; padding-bottom: 1rem; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28); } /* Nav Link */ .dropdown-nav-link { color: #334141; font-weight: 300; font-size: 0.875rem; } .dropdown-nav-link:hover { color: #1e2022; } /* Item */ .dropdown-item { font-size: 0.875rem; } .dropdown-item:hover { color: #333e48; } .dropdown-item.active { color: #333e48; } .dropdown-item-icon { display: inline-block; vertical-align: middle; text-align: center; font-size: 0.8125rem; min-width: 1rem; max-width: 1rem; margin-right: 0.5rem; } /* Toggle */ .dropdown-toggle::after { display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 80%; font-weight: 900; content: "\F107"; margin-left: 0.5rem; } .dropdown-toggle-collapse::after { transition: 0.3s; } .dropdown-toggle-collapse[aria-expanded=true]::after { transform: rotate(-180deg); } /* Dropdown Positions */ .dropdown-menu-top { top: 0; } .dropdown-menu-bottom { top: auto; bottom: 0; } @media (min-width: 576px) { .dropdown-menu-sm-top { top: 0; } .dropdown-menu-sm-bottom { top: auto; bottom: 0; } } @media (min-width: 768px) { .dropdown-menu-md-top { top: 0; } .dropdown-menu-md-bottom { top: auto; bottom: 0; } } @media (min-width: 992px) { .dropdown-menu-lg-top { top: 0; } .dropdown-menu-lg-bottom { top: auto; bottom: 0; } } @media (min-width: 1200px) { .dropdown-menu-xl-top { top: 0; } .dropdown-menu-xl-bottom { top: auto; bottom: 0; } } @media (min-width: 1480px) { .dropdown-menu-wd-top { top: 0; } .dropdown-menu-wd-bottom { top: auto; bottom: 0; } } /*------------------------------------ Dropdown Card ------------------------------------*/ .dropdown-card { padding-top: 0; padding-bottom: 0; margin-bottom: 2rem; } @media (min-width: 768px) { .dropdown-card { min-width: 25rem; } } /*------------------------------------ Dropdown Sizes ------------------------------------*/ @media (min-width: 576px) { .dropdown-menu-size-md { width: 440px; } .dropdown-menu-size-lg { width: 340px; } } @media (min-width: 768px) { .dropdown-menu-size-lg { width: 440px; } } @media (min-width: 992px) { .dropdown-menu-size-lg { width: 740px; } } /*------------------------------------ Form ------------------------------------*/ .custom-select:focus, .form-control:focus { box-shadow: none; border-color: #66afe9; } .form-label { display: block; text-transform: uppercase; font-size: 80%; font-weight: 500; } /* Form Borderless */ .input-group-borderless .form-control, .input-group-borderless .input-group-text { border: none; } .input-group-borderless .form-control:focus, .input-group-borderless .input-group-text:focus { box-shadow: none; } /*------------------------------------ Form Pill ------------------------------------*/ .input-group-pill { border-radius: 6.1875rem; } .input-group-pill > .form-control:first-child { border-top-left-radius: 6.1875rem; border-bottom-left-radius: 6.1875rem; } .input-group-pill > .form-control:last-child { border-top-right-radius: 6.1875rem; border-bottom-right-radius: 6.1875rem; } .input-group-pill .input-group-prepend > .input-group-text, .input-group-pill .input-group-prepend > .btn { border-top-left-radius: 6.1875rem; border-bottom-left-radius: 6.1875rem; } .input-group-pill .input-group-append > .input-group-text, .input-group-pill .input-group-append > .btn { border-top-right-radius: 6.1875rem; border-bottom-right-radius: 6.1875rem; } /*------------------------------------ Form Sizes ------------------------------------*/ /* Default Size */ .input-group.input-group-pill > .form-control:first-child { padding-left: 1.5rem; } .input-group.input-group-pill .input-group-prepend > .input-group-text, .input-group.input-group-pill .input-group-prepend > .btn { padding-left: 1.25rem; } .input-group.input-group-pill .input-group-append > .input-group-text, .input-group.input-group-pill .input-group-append > .btn { padding-right: 1.25rem; } .input-group .input-group-prepend > .input-group-text, .input-group .input-group-append > .input-group-text { font-size: 0.765625rem; } /* Extra Small Size */ .input-group-xs.input-group-pill > .form-control:first-child { padding-left: 1.375rem; } .input-group-xs.input-group-pill .input-group-prepend > .input-group-text, .input-group-xs.input-group-pill .input-group-prepend > .btn { padding-left: 1.25rem; } .input-group-xs.input-group-pill .input-group-append > .input-group-text, .input-group-xs.input-group-pill .input-group-append > .btn { padding-right: 1.25rem; } .input-group-xs .input-group-prepend > .input-group-text, .input-group-xs .input-group-append > .input-group-text { font-size: 0.546875rem; } .form-control-xs { height: calc(1.925rem + 1px); padding: 0.4375rem 0.9375rem; font-size: 0.75rem; line-height: 1.4; } /* Small Size */ .input-group-sm.input-group-pill > .form-control:first-child { padding-left: 1rem; } .input-group-sm.input-group-pill .input-group-prepend > .input-group-text, .input-group-sm.input-group-pill .input-group-prepend > .btn { padding-left: 1rem; } .input-group-sm.input-group-pill .input-group-append > .input-group-text, .input-group-sm.input-group-pill .input-group-append > .btn { padding-right: 1rem; } .input-group-sm .input-group-prepend > .input-group-text, .input-group-sm .input-group-append > .input-group-text { font-size: 0.65625rem; } /* Large Size */ .input-group-lg.input-group-pill > .form-control:first-child { padding-left: 2rem; } .input-group-lg.input-group-pill .input-group-prepend > .input-group-text, .input-group-lg.input-group-pill .input-group-prepend > .btn { padding-left: 1.375rem; } .input-group-lg.input-group-pill .input-group-append > .input-group-text, .input-group-lg.input-group-pill .input-group-append > .btn { padding-right: 1.5rem; } .input-group-lg .input-group-prepend > .input-group-text, .input-group-lg .input-group-append > .input-group-text { font-size: 0.875rem; } /*------------------------------------ Focus States ------------------------------------*/ .u-focus-state .form-label + .form-control, .u-focus-state .custom-select, .u-focus-state .input-group, .u-focus-state .form-control:first-child:last-child { box-shadow: none; } .u-focus-state .input-group-text { color: #063443; } .u-focus-state:focus, .u-focus-state *:focus, .u-focus-state .input-group-text, .u-focus-state .form-control { border-color: #66afe9; } .u-focus-state .form-control { box-shadow: none; } /*------------------------------------ Success State ------------------------------------*/ .u-has-success .form-label + .form-control, .u-has-success .custom-select, .u-has-success .input-group, .u-has-success .form-control:first-child:last-child { box-shadow: 0 0 10px rgba(0, 201, 167, 0.1); } .u-has-success .input-group-text { color: #00c9a7; } .u-has-success:focus, .u-has-success *:focus, .u-has-success .input-group-text, .u-has-success .form-control { border-color: rgba(0, 201, 167, 0.5); } /*------------------------------------ Error State ------------------------------------*/ .u-has-error .form-label + .form-control, .u-has-error .custom-select, .u-has-error .input-group, .u-has-error .form-control:first-child:last-child { box-shadow: 0 0 10px rgba(222, 68, 55, 0.1); } .u-has-error .input-group-text { color: #de4437; } .u-has-error:focus, .u-has-error *:focus, .u-has-error .input-group-text, .u-has-error .form-control { border-color: rgba(222, 68, 55, 0.5); } /*------------------------------------ Bookmark Checkbox ------------------------------------*/ .bookmark-checkbox { position: relative; display: block; line-height: 0; } .bookmark-checkbox-input { position: absolute; z-index: -1; opacity: 0; } .bookmark-checkbox-label { position: relative; width: 2rem; height: 2rem; font-size: 0.8175rem; color: #77838f; border-radius: 50%; cursor: pointer; margin-bottom: 0; transition: 0.3s; } .bookmark-checkbox-label::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: "\F02E"; font-family: "Font Awesome 5 Free"; } .bookmark-checkbox-input:checked ~ .bookmark-checkbox-label { color: #fff; background-color: #063443; box-shadow: 0 3px 6px 0 rgba(6, 52, 67, 0.25); transform: scale(1.1); } /*------------------------------------ Checkbox Bordered ------------------------------------*/ .checkbox-outline { padding-left: 0; margin-right: 0; } .checkbox-outline__label { border: 1px solid #e7eaf3; cursor: pointer; } .checkbox-outline__input:checked ~ .checkbox-outline__label { border-color: #063443; } /*------------------------------------ Checkbox Switch ------------------------------------*/ .custom-switch { padding-left: 3.25rem; } .custom-switch .custom-control-label::before { left: -3.25rem; height: 1.5rem; border: none; background-color: #e7eaf3; border-radius: 6.1875rem; } .custom-switch .custom-control-label::after { top: calc(0.625rem); left: calc(-2.875rem); background-color: #fff; } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(1.1rem); } /*------------------------------------ Custom Checkbox ------------------------------------*/ .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { border-color: rgba(6, 52, 67, 0); } /*------------------------------------ File Attachment Button ------------------------------------*/ .file-attachment-btn { position: relative; overflow: hidden; margin-bottom: 0; } .file-attachment-btn__label { position: absolute; top: 0; right: 0; display: block; min-width: 100%; min-height: 100%; cursor: inherit; opacity: 0; } /*------------------------------------ File Attachment Input ------------------------------------*/ .file-attachment-input { position: relative; display: block; background-color: #f8fafd; border: 2px dashed #e7eaf3; text-align: center; overflow: hidden; cursor: pointer; border-radius: 0.3125rem; padding: 4rem; margin-bottom: 0; } .file-attachment-input__label { position: absolute; top: 0; right: 0; display: block; min-width: 100%; min-height: 100%; cursor: inherit; opacity: 0; } .file-attachment-input:hover { background-color: #f5f8fc; } /*------------------------------------ File Attachment Link ------------------------------------*/ .file-attachment-link { position: relative; top: 0.4375rem; overflow: hidden; } .file-attachment-link input[type=file] { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; opacity: 0; } .file-attachment-link__label { color: rgba(255, 255, 255, 0.7); border-bottom: 1px dashed rgba(255, 255, 255, 0.7); margin-bottom: 0; } .file-attachment-link:hover .u-file-attachment-link__label { color: #fff; border-color: rgba(255, 255, 255, 0.7); } /*------------------------------------ Google Map Interactive ------------------------------------*/ .u-gmap-interactive { height: 15.625rem; border: 4px solid #fff; border-radius: 0.3125rem; box-shadow: 0 0 45px rgba(140, 152, 164, 0.125); } .u-gmap-interactive .gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div:first-child { display: none; } .u-gmap-interactive .gm-style-iw { min-width: 11.0625rem; background-color: #fff; text-align: center; overflow: inherit; box-shadow: 0 0 45px rgba(140, 152, 164, 0.4); border-radius: 0.3125rem; padding-top: 1.5rem; padding-bottom: 0.5rem; } .u-gmap-interactive .gm-style-iw::before { position: absolute; bottom: -0.75rem; left: 50%; width: 1rem; height: 0.875rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.1 14.5'%3E %3Cpath fill='#fff' d='M9.8,13.5L15.9,3c0.8-1.3-0.2-3-1.7-3H2C0.5,0-0.5,1.7,0.3,3l6.1,10.5C7.1,14.8,9,14.8,9.8,13.5z' /%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; transform: translateX(-50%); } .u-gmap-interactive .gm-style-iw img { max-width: 100%; } .u-gmap-interactive__info { padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; } /*------------------------------------ Go To ------------------------------------*/ .u-go-to { display: none; position: relative; z-index: 100; width: 2.5rem; height: 2.5rem; background-color: #F21818; color: #fff; font-size: 0.75rem; border-radius: 0.3125rem; opacity: 0.5; transition: 0.3s ease-out; } .u-go-to__inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .u-go-to:hover, .u-go-to:focus:hover { color: #fff; opacity: 1; } /*------------------------------------ Got to Section - Vertical Arrow ------------------------------------*/ .u-go-to-ver-arrow { display: inline-block; color: #063443; background-color: rgba(6, 52, 67, 0.1); padding: 2rem 1rem; border-radius: 6.1875rem; } .u-go-to-ver-arrow:hover .u-go-to-ver-arrow__inner { transform: translateY(3px); } .u-go-to-ver-arrow__inner { transition: 0.2s ease-in-out; } /*------------------------------------ Got to Section - Modern ------------------------------------*/ .u-go-to-modern { position: relative; z-index: 2; display: inline-block; vertical-align: middle; text-align: center; width: 3.5rem; height: 3.5rem; font-size: 1.125rem; color: #063443; background-color: #fff; border-radius: 50%; box-shadow: 0 0 1.25rem rgba(140, 152, 164, 0.2); } .u-go-to-modern .u-go-to-modern__inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*------------------------------------ Got to Section - Wave ------------------------------------*/ .u-go-to-wave { width: 13.125rem; margin-left: auto; margin-right: auto; } @media (max-width: 575.98px) { .u-go-to-wave { width: 10rem; } } .u-go-to-wave__icon { transform: translateY(-50%); } /*------------------------------------ Hamburgers ------------------------------------*/ .u-hamburger { font-size: inherit; line-height: 0; padding: 0.25rem; } .u-hamburger:hover .u-hamburger__inner, .u-hamburger:hover .u-hamburger__inner::before, .u-hamburger:hover .u-hamburger__inner::after { background-color: #000000; } .u-hamburger__box { width: 1.4rem; height: 0.975rem; display: inline-block; position: relative; } .u-hamburger__inner { display: block; top: 0.0625rem; margin: top, -0.0625rem; } .u-hamburger__inner, .u-hamburger__inner::before, .u-hamburger__inner::after { width: 1.4rem; height: 0.125rem; background-color: #000000; position: absolute; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease; } .u-hamburger__inner::before, .u-hamburger__inner::after { content: ""; display: block; } .u-hamburger__inner::before { top: 0.425rem; transition-property: transform, opacity; transition-duration: 0.3s; transition-timing-function: ease; } .u-hamburger__inner::after { top: 0.85rem; } .u-hamburger[aria-expanded=true] .u-hamburger__inner, .u-hamburger .is-active .u-hamburger__inner { transform: translate3d(0, 0.425rem, 0) rotate(45deg); } .u-hamburger[aria-expanded=true] .u-hamburger__inner::before, .u-hamburger .is-active .u-hamburger__inner::before { transform: rotate(-45deg) translate3d(-0.2rem, -0.3rem, 0); opacity: 0; } .u-hamburger[aria-expanded=true] .u-hamburger__inner::after, .u-hamburger .is-active .u-hamburger__inner::after { transform: translate3d(0, -0.85rem, 0) rotate(-90deg); } .u-hamburger--white .u-hamburger__inner, .u-hamburger--white .u-hamburger__inner::before, .u-hamburger--white .u-hamburger__inner::after { background-color: rgba(255, 255, 255, 0.8); } .u-hamburger--white:hover .u-hamburger__inner, .u-hamburger--white:hover .u-hamburger__inner::before, .u-hamburger--white:hover .u-hamburger__inner::after { background-color: #fff; } .js-header-fix-moment .u-hamburger--white .u-hamburger__inner, .js-header-fix-moment .u-hamburger--white .u-hamburger__inner::before, .js-header-fix-moment .u-hamburger--white .u-hamburger__inner::after { background-color: #000000; } .js-header-fix-moment .u-hamburger--white:hover .u-hamburger__inner, .js-header-fix-moment .u-hamburger--white:hover .u-hamburger__inner::before, .js-header-fix-moment .u-hamburger--white:hover .u-hamburger__inner::after { background-color: #000000; } /*------------------------------------ Hero v1 ------------------------------------*/ .u-hero-v1 { position: relative; } .u-hero-v1__main { position: relative; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: center center; } @media (min-width: 992px) { .u-hero-v1__main { height: 70vh; } } .u-hero-v1__main::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background-color: rgba(108, 51, 58, 0.3); content: ""; } .u-hero-v1__secondary { position: relative; } @media (min-width: 992px) { .u-hero-v1__secondary { height: 30vh; } } .u-hero-v1__last { position: absolute; bottom: 0; left: 58.333333%; } .u-hero-v1__last-inner { position: absolute; top: 50%; transform: translate(0, -50%); width: 30%; padding-left: 3rem; padding-right: 3rem; } .u-hero-v1__last-next { color: #9b0909; } .u-hero-v1__last-prev { color: #962319; } /*------------------------------------ Indicator Dots ------------------------------------*/ .u-indicator-dots { position: relative; } @media (min-width: 768px) { .u-indicator-dots::after { position: absolute; right: -2.1875rem; top: 50%; width: 2.4375rem; height: 0.75rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 16'%3E %3Ccircle fill='%23e7eaf3' cx='27.7' cy='8.1' r='7.7'/%3E %3Ccircle fill='%23e7eaf3' cx='5' cy='8.1' r='5'/%3E %3Ccircle fill='%23e7eaf3' cx='50' cy='8.1' r='5'/%3E %3C/svg%3E"); background-repeat: no-repeat; content: ""; margin-top: -0.375rem; } } /*------------------------------------ Indicator - Vertical Dashed ------------------------------------*/ .u-indicator-vertical-dashed-item:not(:last-child) { position: relative; margin-bottom: 1rem; } .u-indicator-vertical-dashed-item:not(:last-child)::after { position: absolute; top: 1.625rem; bottom: -0.8125rem; left: 0.625rem; border-left: 2px dashed #e7eaf3; content: ""; } /*------------------------------------ Indicator Vertical Line ------------------------------------*/ .u-indicator-vertical-line { position: relative; } @media (min-width: 768px) { .u-indicator-vertical-line::after { position: absolute; right: -0.9375rem; top: 50%; height: 4rem; border-left: 1px solid rgba(30, 32, 34, 0.2); content: ""; margin-top: -2rem; transform: rotate(15deg); } } /*------------------------------------ Indicator Steps ------------------------------------*/ .u-indicator-steps { position: relative; padding-left: 2.5rem; } .u-indicator-steps::before { position: absolute; top: 0; bottom: 0; right: 0; left: -0.25rem; width: 2rem; height: 0.0625rem; border-top: 1px solid #e7eaf3; margin: auto auto auto 0; content: ""; } .u-indicator-steps::after { position: absolute; top: 0; bottom: 0; right: 0; left: -0.3125rem; width: 0.0625rem; height: 100%; border-right: 1px solid #e7eaf3; margin: auto auto auto 0; content: ""; } .u-indicator-steps:first-child::after { height: 50%; top: auto; } .u-indicator-steps:last-child::after { height: 50%; bottom: auto; } .u-indicator-steps__inner { min-width: 3rem; } /*------------------------------------ Media Player ------------------------------------*/ .u-media-player { color: #1e2022; transition: all 0.2s ease-in-out; } .u-media-player__icon { position: relative; display: inline-block; vertical-align: middle; text-align: center; width: 3.75rem; height: 3.75rem; font-size: 0.8125rem; border-radius: 50%; color: #1e2022; background-color: #fff; transition: all 0.3s ease-in-out; } .u-media-player__icon-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-left: 0.125rem; } .u-media-player__icon--box-shadow { box-shadow: 0 0 2.5rem rgba(140, 152, 164, 0.3); } .u-media-player:hover .u-media-player__icon, .u-media-player:focus .u-media-player__icon { color: #F21818; transform: scale(1.1); } .u-media-player:hover .u-media-player__icon--primary, .u-media-player:focus .u-media-player__icon--primary { background-color: #f21818; } .u-media-player:hover .u-media-player__icon--success, .u-media-player:focus .u-media-player__icon--success { background-color: #00c9a7; } /* Colors */ .u-media-player:hover .u-media-player__icon--primary, .u-media-player:hover .u-media-player__icon--success, .u-media-player:focus .u-media-player__icon--primary, .u-media-player:focus .u-media-player__icon--success { color: #fff; } .u-media-player__icon--primary { color: #F21818; background-color: rgba(242, 24, 24, 0.1); } .u-media-player__icon--success { color: #00c9a7; background-color: rgba(0, 201, 167, 0.1); } /* Large Size */ .u-media-player__icon--lg { width: 5rem; height: 5rem; font-size: 1rem; } /* Extra Large Size */ .u-media-player__icon--xl { width: 6.25rem; height: 6.25rem; font-size: 1rem; } /* Positions */ .u-media-player--centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (min-width: 992px) { .u-media-player--left-minus-50x-top-50x-lg { position: absolute; top: 50%; transform: translate(-50%, -50%); } } /*------------------------------------ Media Viewer ------------------------------------*/ .u-media-viewer { position: relative; display: block; } .u-media-viewer:hover .u-media-viewer__icon { opacity: 1; transform: scale(1); } .u-media-viewer__container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .u-media-viewer__icon { display: inline-block; vertical-align: middle; text-align: center; width: 1.5rem; height: 1.5rem; font-size: 0.75rem; color: #fff; background-color: #F21818; border-radius: 50%; opacity: 0; transform: scale(0.7); transition: 0.3s ease-in-out; } .u-media-viewer__icon:hover, .u-media-viewer__icon:focus { color: #fff; } .u-media-viewer__icon--active { opacity: 1; transform: scale(1); } .u-media-viewer__icon-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*------------------------------------ Video Player ------------------------------------*/ .u-video-player { position: relative; background-color: #000; } .u-video-player__preview { position: absolute; top: 0; right: 0; left: 0; z-index: 2; width: 100%; height: 100%; opacity: 1; -o-object-fit: cover; object-fit: cover; transition: opacity 0.3s ease-in-out; } .u-video-player__played .u-video-player__preview { opacity: 0; pointer-events: none; } .u-video-player__btn { z-index: 3; transition: transform 0.3s ease-in-out; } .u-video-player__played .u-video-player__btn { -webkit-animation: videoPlayerButton 0.4s ease-in-out forwards; animation: videoPlayerButton 0.4s ease-in-out forwards; pointer-events: none; } .u-video-player__btn:hover .u-video-player__icon, .u-video-player__btn:focus .u-video-player__icon { color: #F21818; transform: scale(1.1); } .u-video-player__icon { position: relative; display: inline-block; vertical-align: middle; text-align: center; width: 2.25rem; height: 2.25rem; font-size: 0.8125rem; border-radius: 50%; color: #1e2022; background-color: #fff; transition: all 0.3s ease-in-out; } .u-video-player__icon-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-left: 0.125rem; } /* Large Size */ .u-video-player__icon--lg { width: 5rem; height: 5rem; font-size: 1rem; } /* Positions */ .u-video-player__centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @-webkit-keyframes videoPlayerButton { from { opacity: 1; } to { opacity: 0; transform: translate(-50%, -50%) scale(1.3); } } @keyframes videoPlayerButton { from { opacity: 1; } to { opacity: 0; transform: translate(-50%, -50%) scale(1.3); } } /*------------------------------------ Mockup Browser v1 ------------------------------------*/ .u-browser-v1 { position: relative; max-width: 53.125rem; } .u-browser-v1__svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 85%; border-radius: 0.5rem; box-shadow: 0 0.625rem 2.5rem 0.625rem rgba(140, 152, 164, 0.175); } /*------------------------------------ Mockup Devices v1 ------------------------------------*/ .u-devices-v1 { position: absolute; top: 3rem; left: 50%; width: 40.625rem; transform: rotate(-17deg); transform-origin: 100% 0; } .u-devices-v1__tablet-svg, .u-devices-v1__phone-svg { border-radius: 2.125rem; box-shadow: 0 0 10px 6px rgba(51, 62, 72, 0.05); } .u-devices-v1__tablet { width: 26.875rem; height: 34.3125rem; } .u-devices-v1__phone { width: 13.75rem; height: 27.5rem; margin-right: 1.25rem; } /*------------------------------------ Devices v2 ------------------------------------*/ .u-devices-v2 { position: relative; overflow: hidden; } .u-devices-v2__tablet { position: absolute; left: 0; top: 0%; z-index: 1; width: 34.375rem; height: 50.875rem; transform: rotate(15deg); transform-origin: 90% -20%; } @media (max-width: 991.98px) { .u-devices-v2__tablet { transform-origin: 100% -40%; } } .u-devices-v2__tablet-svg { border-radius: 1.85rem; box-shadow: 0 0 0.75rem 0.5rem rgba(51, 62, 72, 0.1); } .u-devices-v2__phone { position: absolute; right: 0; bottom: -25%; z-index: 1; width: 19.8125rem; height: 41.5625rem; transform: rotate(-20deg); transform-origin: 100% 0; } .u-devices-v2__phone--left-position { position: absolute; right: auto; left: 0; transform-origin: 100% 40%; } @media (max-width: 1199.98px) { .u-devices-v2__phone--left-position { transform-origin: 100% 65%; } } .u-devices-v2__phone-svg { border-radius: 3rem; box-shadow: 0 0 0.75rem 0.5rem rgba(51, 62, 72, 0.1); } /*------------------------------------ Devices v3 ------------------------------------*/ .u-devices-v3 { position: absolute; top: 50%; transform: translate(0, -50%); right: 0; width: 40%; border-radius: 4.0625rem; box-shadow: 10px 15px 55px 15px rgba(140, 152, 164, 0.1); } /*------------------------------------ Mockup Devices v4 ------------------------------------*/ .u-devices-v4 { transform: rotate(-25deg); } .u-devices-v4__content { position: absolute; top: 50%; left: 50%; width: 700px; transform-origin: 100% 0; transform: translateY(-50%); } .u-devices-v4__laptop { width: 35.9375rem; height: 20.75rem; } .u-devices-v4__tablet-svg, .u-devices-v4__tablet-ver-svg { border-radius: 1.375rem; box-shadow: 0 0 0.625rem 0.375rem rgba(51, 62, 72, 0.05); } .u-devices-v4__tablet { width: 17.1875rem; height: 25.4375rem; margin-left: 1.5625rem; } .u-devices-v4__tablet-ver { width: 25rem; height: 16.875rem; } .u-devices-v4__phone { width: 6.25rem; height: 13.0625rem; margin-left: 1.5625rem; } .u-devices-v4__phone-svg { border-radius: 1rem; box-shadow: 0 0 0.625rem 0.375rem rgba(51, 62, 72, 0.05); } /*------------------------------------ Modal Window ------------------------------------*/ .u-modal-window { display: none; max-height: 85vh; } /*------------------------------------ Modal Window - Facebook ------------------------------------*/ .u-modal--facebook { width: 31.25rem; border-radius: 0.3125rem; } .u-modal--facebook__body { position: relative; background-color: #3b5998; border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; } .u-modal--facebook__body::after { position: absolute; left: 5rem; top: 100%; display: block; border-style: solid; border-width: 1.125rem 1.375rem 0 0; border-color: #3b5998 transparent transparent transparent; content: ""; } .u-modal--facebook__space { padding: 2rem; } .u-modal--facebook__content { background-color: #fff; padding: 2rem; } .u-modal--facebook__navbar { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .u-modal--facebook__navbar-logo { width: 7.5rem; } .u-modal--facebook__text { font-weight: 300; color: #fff; margin-bottom: 0; } /*------------------------------------ Page Preloader ------------------------------------*/ .page-preloader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1002; background-color: #fff; } .page-preloader__content-centered { display: flex; justify-content: center; align-items: center; height: 100%; } /*------------------------------------ Pagination ------------------------------------*/ .page-link { cursor: pointer; text-align: center; min-width: 2.25rem; } .page-item { margin-left: 0.25rem; margin-right: 0.25rem; } .page-item .page-link { border-top-left-radius: 0.3125rem; border-bottom-left-radius: 0.3125rem; } .page-item .page-link { border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0.3125rem; } /*------------------------------------ Navs ------------------------------------*/ .nav-classic { border-bottom: 1px solid #e7eaf3; } .nav-classic .nav-link { color: #77838f; border-bottom: 3px solid transparent; border-radius: 0; padding: 1rem 1.5rem; margin-bottom: -0.125rem; transition: 0.3s; } .nav-classic .nav-link:hover { color: #F21818; } .nav-classic .nav-link.active { color: #F21818; border-bottom-color: #F21818; } .nav-borderless { border-color: transparent; } .nav-rounded { border-radius: 0.3125rem; } .nav-rounded .nav-item:first-child .nav-link { border-bottom-left-radius: 0.3125rem; } .nav-rounded .nav-item:last-child .nav-link { border-bottom-right-radius: 0.3125rem; } .nav-shadow { box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25); } .nav .nav-item:not(:first-child) { margin-left: 0.25rem; } .nav .nav-item:not(:last-child) { margin-right: 0.25rem; } /* White Color */ .nav-white .nav-link { color: rgba(255, 255, 255, 0.7); } .nav-white .nav-link.active { color: #063443; background-color: #fff; } .nav-white .nav-link:not(.active):hover { color: #fff; } /* Box */ .nav-box .nav-link { color: #1e2022; border: 1px solid transparent; border-radius: 0.3125rem; } .nav-box .nav-link.active { color: #063443; background-color: #fff; border-color: #e7eaf3; box-shadow: 0 0 35px rgba(140, 152, 164, 0.125); } .nav-box .nav-link:hover { border-color: #e7eaf3; box-shadow: 0 0 35px rgba(140, 152, 164, 0.125); } /* Nav Steps */ .nav-icon .nav-item { color: #77838f; } .nav-icon .nav-item.active { color: #063443; } .nav-icon .nav-item.active .nav-icon-action { color: #fff; background-color: #063443; transform: scale(1); } .nav-icon-action { position: relative; display: block; vertical-align: middle; text-align: center; z-index: 1; line-height: 0.7; width: 4rem; height: 4rem; font-size: 1.375rem; color: #77838f; background-color: rgba(119, 131, 143, 0.1); border-radius: 50%; margin-right: auto; margin-left: auto; margin-bottom: 0.5rem; transition: 0.3s ease-in-out; transform: scale(0.8); } .nav-icon-action-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*------------------------------------ Blog Thumb Minimal ------------------------------------*/ .u-blog-thumb-minimal { padding: 0.5rem; transition: 0.3s ease-in-out; } .u-blog-thumb-minimal, .u-blog-thumb-minimal__img { border-radius: 0.3125rem; } .u-blog-thumb-minimal:hover { background-color: #196eff; } .u-blog-thumb-minimal__img-wrapper { width: 5rem; } /*------------------------------------ Vertical Progress Bar ------------------------------------*/ .progress-vertical { display: flex; flex-flow: column nowrap; justify-content: flex-end; background-color: #f8fafd; height: 12.5rem; } /*------------------------------------ Paging Modern ------------------------------------*/ .u-paging-modern .u-paging-modern__arrow-icon-prev, .u-paging-modern .u-paging-modern__arrow-icon-next { transition: 0.3s; } .u-paging-modern .u-paging-modern__arrow-icon-prev { margin-right: 1rem; } .u-paging-modern .u-paging-modern__arrow-icon-next { margin-left: 1rem; } .u-paging-modern:hover .u-paging-modern__arrow-icon-prev { transform: translateX(-8px); } .u-paging-modern:hover .u-paging-modern__arrow-icon-next { transform: translateX(8px); } .u-paging-modern-view-all { color: #fff; text-align: center; background-color: #ffc107; } .u-paging-modern-view-all__icon { display: block; font-size: 1.75rem; margin-bottom: 0.5rem; transition: 0.3s; } .u-paging-modern-view-all:hover { color: #fff; } .u-paging-modern-view-all:hover .u-paging-modern-view-all__icon { transform: translateY(-8px); } /*------------------------------------ Popover ------------------------------------*/ .popover-header { font-weight: 500; } /*------------------------------------ Quantity ------------------------------------*/ .u-quantity { width: 4rem; } .u-quantity > .u-quantity__input { padding-right: 1.875rem; } .u-quantity > .u-quantity__input:not(:last-child) { border-radius: 0.3125rem; } .u-quantity__arrows { position: absolute; top: 50%; transform: translate(0, -50%); right: 0.75rem; z-index: 3; } .u-quantity__arrows-inner { display: block; color: #77838f; cursor: pointer; } .u-quantity__arrows-inner:hover { color: #F21818; } /*------------------------------------ Search Form - Push Top ------------------------------------*/ .u-search-push-top { display: none; background-color: #f8fafd; padding-top: 3rem; padding-bottom: 3rem; box-shadow: inset 0 -10px 20px -10px rgba(151, 164, 175, 0.05); } .u-search-push-top__content { max-width: 50rem; margin-left: auto; margin-right: auto; } .u-search-push-top__close-btn { position: absolute; top: -1.5625rem; right: 0.4375rem; } @media (max-width: 575.98px) { .u-search-push-top { padding-top: 1.5rem; padding-bottom: 1.5rem; } } /* Banner */ .u-search-push-top__banner { background-color: #fff; box-shadow: 0 10px 25px rgba(151, 164, 175, 0.05); padding-right: 1.5625rem; padding-top: 1.875rem; overflow: hidden; } .u-search-push-top__banner-container { position: relative; width: 75%; min-height: 11.5625rem; } .u-search-push-top__banner-img { position: absolute; bottom: -0.625rem; left: -0.625rem; transition: all 0.3s ease-in-out; } .u-search-push-top__banner:hover .u-search-push-top__banner-img:first-child { bottom: 0; left: 0; } /*------------------------------------ Search Form - Slide Down ------------------------------------*/ .u-search-slide-down { position: absolute; z-index: 1003; top: 5rem; left: calc(50% - 18rem) !important; width: 36rem; } .u-search-slide-down-trigger.active .u-search-slide-down-trigger__icon::before { content: "\F00D"; } .u-search-slide-down-bg-overlay { position: fixed; top: 0; left: 0; z-index: 1002; display: none; width: 100%; height: 100%; } .u-search-slide-down .u-search-slide-down__input { opacity: 0; transform: translateY(-2rem); transition: transform 0.3s cubic-bezier(0.37, 0.41, 0.55, 0.98), opacity 0.2s; } .u-search-slide-down .u-search-slide-down__suggestions { opacity: 0; transform: translateY(-3rem); transition: transform 0.4s cubic-bezier(0.37, 0.41, 0.55, 0.98), opacity 0.2s; } .u-search-slide-down.active .u-search-slide-down__input, .u-search-slide-down.active .u-search-slide-down__suggestions { opacity: 1; transform: none; } .u-search-slide-down.active .u-search-slide-down__suggestions { transition-delay: 0.2s; } /*------------------------------------ Slick ------------------------------------*/ .u-slick { position: relative; } .u-slick--transform-off.slick-transform-off .slick-track { transform: none !important; } .u-slick-thumb-progress { width: 110%; height: 110%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*------------------------------------ Slick Equal Height ------------------------------------*/ .u-slick--equal-height .slick-list { height: 100%; } .u-slick--equal-height .slick-track { display: flex; height: 100%; } .u-slick--equal-height .slick-track .slick-slide { display: flex; height: auto; } /*------------------------------------ Slick Gutters ------------------------------------*/ /* Gutters X */ .u-slick--gutters-1 { margin-left: -0.25rem; margin-right: -0.25rem; } .u-slick--gutters-1 .slick-slide { margin-left: 0.25rem; margin-right: 0.25rem; } .u-slick--gutters-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .u-slick--gutters-2 .slick-slide { margin-left: 0.5rem; margin-right: 0.5rem; } .u-slick--gutters-3 { margin-left: -0.9375rem; margin-right: -0.9375rem; } .u-slick--gutters-3 .slick-slide { margin-left: 0.9375rem; margin-right: 0.9375rem; } /*------------------------------------ Slick Zoom ------------------------------------*/ .u-slick-zoom .slick-slide .u-slick-zoom__slide { transform: scale(0.9); transition: all 0.5s ease-in-out; } .u-slick-zoom .slick-center .u-slick-zoom__slide { transform: scale(1); } /*------------------------------------ Slick Arrows ------------------------------------*/ .u-slick__arrow { z-index: 1; line-height: 0; display: inline-block; color: #063443; background-color: rgba(6, 52, 67, 0.1); width: 2.5rem; height: 2.5rem; font-size: 0.875rem; cursor: pointer; transition: 0.3s; } .u-slick__arrow:hover { color: #fff; background-color: #F21818; } .u-slick__arrow-inner:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .u-slick__arrow-inner--left { left: 0; } .u-slick__arrow-inner--right { right: 0; } /* Flat */ .u-slick__arrow--flat { color: #fff; background-color: rgba(242, 24, 24, 0.8); } /* Flat White */ .u-slick__arrow--flat-white { color: #1e2022; background-color: #fff; } .u-slick__arrow--flat-white:hover { color: #063443; background-color: #fff; } /* Offset */ @media (min-width: 992px) { .u-slick__arrow--offset.u-slick__arrow-inner--left { left: -2.5rem; } .u-slick__arrow--offset.u-slick__arrow-inner--right { right: -2.5rem; } } /* Vertical Center Alignment */ .u-slick__arrow-centered--y { position: absolute; top: 50%; transform: translate(0, -50%); } /*------------------------------------ Slick Arrows Classic ------------------------------------*/ .u-slick__arrow-classic { z-index: 1; line-height: 0; display: inline-block; color: #fff; background-color: rgba(255, 255, 255, 0.1); width: 2.5rem; height: 2.5rem; font-size: 0.875rem; cursor: pointer; transition: 0.3s; } .u-slick__arrow-classic:hover { color: #fff; background-color: #F21818; } .u-slick__arrow-classic-inner:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .u-slick__arrow-classic-inner--left { left: 0; } .u-slick__arrow-classic-inner--right { right: 0; } /*------------------------------------ Slick Paging ------------------------------------*/ .u-slick__paging { position: absolute; bottom: 2rem; right: 0; padding-left: 0.9375rem; padding-right: 0.9375rem; } .u-slick__paging .u-paging__current { color: #fff; font-size: 3.390625rem; font-weight: 300; line-height: 1; } .u-slick__paging .u-paging__divider { position: relative; margin-right: 0.5rem; margin-left: 0.25rem; } .u-slick__paging .u-paging__divider::before { position: absolute; top: 0; left: 0; color: rgba(255, 255, 255, 0.7); font-size: 0.765625rem; content: "/"; } .u-slick__paging .u-paging__total { font-size: 1.3125rem; color: rgba(255, 255, 255, 0.7); } /*------------------------------------ Slick Pagination ------------------------------------*/ .u-slick__pagination { padding-left: 0; } .u-slick__pagination:not(.u-slick__pagination--block) { display: flex; justify-content: center; align-items: center; pointer-events: none; } .u-slick__pagination li { display: flex; pointer-events: all; margin: 0 0.25rem; cursor: pointer; } .u-slick__pagination li span { display: inline-block; width: 0.9375rem; height: 0.9375rem; box-sizing: border-box; background-color: #063443; border: 3px solid transparent; border-radius: 50%; transform: scale(0.6); transition: 0.3s; } .u-slick__pagination li.slick-active span { background-color: transparent; border-color: #063443; transform: scale(0.9); } /* White Version */ .u-slick__pagination--white li span { background-color: #fff; } .u-slick__pagination--white li.slick-active span { border-color: #fff; } /* Block */ .u-slick__pagination--block li { display: block; } /* Vertical Center Alignment */ .u-slick__pagination-centered--y { position: absolute; top: 50%; transform: translate(0, -50%); } @media (min-width: 992px) { /* Vertical Option */ .u-slick__pagination--vertical-lg li { display: block; margin: 0.25rem 0; } /* Vertical Option Positions */ .u-slick__pagination--vertical-pos-v1-lg { position: absolute; top: 50%; left: -15.7%; transform: translateY(-50%); } } /*------------------------------------ Slick Pagination Modern ------------------------------------*/ .u-slick--pagination-modern { width: 100%; max-width: 12.5rem; } .u-slick--pagination-modern .slick-slide { cursor: pointer; opacity: 0.7; transform: scale(0.7); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: 0.3s; } .u-slick--pagination-modern .slick-current { opacity: 1; transform: scale(1); } /*------------------------------------ Slick Pagination Interactive ------------------------------------*/ .u-slick--pagination-interactive__text { color: rgba(255, 255, 255, 0.7); } .u-slick--pagination-interactive .slick-slide { cursor: pointer; color: #fff; background: rgba(255, 255, 255, 0.1); transition: 0.3s; } .u-slick--pagination-interactive .slick-slide:hover { background: rgba(255, 255, 255, 0.15); } .u-slick--pagination-interactive .slick-slide:hover.slick-center { background: #fff; } .u-slick--pagination-interactive .slick-center { background: #fff; } .u-slick--pagination-interactive .slick-center .u-slick--pagination-interactive__title { color: #F21818; } .u-slick--pagination-interactive .slick-center .u-slick--pagination-interactive__text { color: #77838f; } /*------------------------------------ Spinner ------------------------------------*/ .spinner-border, .spinner-grow { vertical-align: middle; } /*------------------------------------ Stats Progress ------------------------------------*/ .u-stats-progress { position: relative; width: 13.75rem; height: 13.75rem; border-radius: 50%; box-shadow: 0 0.375rem 1.5rem 0 rgba(140, 152, 164, 0.125); margin-left: auto; margin-right: auto; } .u-stats-progress__info { position: absolute; top: 50%; transform: translate(0, -50%); left: 0; right: 0; padding: 2rem; text-align: center; } /*------------------------------------ SVG ------------------------------------*/ .svg-preloader { z-index: -1; background: transparent url(//svg/preloaders/circle-preloader.svg) center no-repeat !important; overflow: hidden; transition: all 0.4s ease-in; } .svg-preloader *:not(.u-icon):not(.btn):not(.u-media-player):not(.u-media-player__icon):not(.u-label) { opacity: 0; transition: opacity 0.4s ease-in; } /*------------------------------------ SVG IE10+ specific styles go here ------------------------------------*/ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .u-header__promo-icon { height: 48px; } .ie-height-24 { height: 24px; } .ie-height-40 { height: 40px; } .ie-height-48 { height: 48px; } .ie-height-56 { height: 56px; } .ie-height-72 { height: 72px; } .ie-height-90 { height: 90px; } .ie-height-111 { height: 111px; } .ie-main-hero { height: 686px; } .ie-soft-triangle-shape { height: 610px; } .ie-browser { height: 565px; } .ie-wave-1-bottom { height: 100px; } .ie-vault, .ie-responsive, .ie-easy-payment { height: 210px; } .ie-marketing-strategy, .ie-app-development, .ie-business-analysis { height: 328px; } .ie-devices-v1-tablet { height: 38.5rem; } .ie-devices-v1-phone { height: 27.5rem; } .ie-devices-v2-tablet { height: 37.875rem; } .ie-devices-v2-iphone { height: 31rem; } .ie-devices-v3-iphone { height: 633px; } .ie-devices-v4-tablet-horizontal { height: 16.875rem; } .ie-devices-v4-tablet { height: 25.4375rem; } .ie-devices-v4-laptop { height: 20.75rem; } .ie-devices-v4-iphone { height: 13.0625rem; } .ie-wave-6-top-left { height: 379px; } .ie-double-ellipse-top-right { height: 431px; } .ie-double-ellipse-top-left { height: 788px; } .ie-double-ellipse-bottom-right { height: 252px; } .ie-ellipse-mockup { height: 656px; } .ie-irregular-shape-2-right { height: 660px; } .ie-irregular-shape-3-bottom { height: 255px; } .ie-circle-chart { height: 219px; } .ie-curved-shape { height: 55.8px; } .ie-subscribe-illustration { height: 329px; } .ie-subscribe-1 { height: 315px; } .ie-subscribe-2 { height: 295px; } .ie-subscribe-2-flat-icons { height: 200px; } .ie-color-gradient { height: 566px; } .ie-for-sale, .ie-buyer { height: 208px; } .ie-events, .ie-data-report, .ie-image-upload { height: 219px; } .ie-analysis, .ie-in-the-office, .ie-make-it-rain { height: 200px; } .ie-house-agency { height: 381px; } .ie-laptop-and-iphone { height: 421px; } .ie-get-answered { height: 386px; } .ie-bg-elements-1 { height: 420px; } .ie-bg-elements-2 { height: 374px; } .ie-bg-elements-3 { height: 583px; } .ie-bg-elements-4 { height: 850px; } .ie-circle-1 { height: 379px; } .ie-go-to-wave { height: 46px; } .ie-graphic-illustration-1 { height: 270px; } .ie-app-development { height: 328px; } .ie-we-have-an-idea { height: 335px; } .ie-chatting-girl, .ie-chatting-boy { height: 328px; } .ie-virtual-reality { height: 320px; } .ie-maintenance-mode { height: 200px; } .ie-non-standard-hero-shape { height: 556px; } .ie-enterprise-2 { height: 267px; } .ie-abstract-shapes-1 { height: 554px; } .ie-abstract-shapes-2, .ie-abstract-shapes-3, .ie-abstract-shapes-4 { height: 532px; } .ie-abstract-shapes-6 { height: 187px; } .ie-abstract-shapes-7 { height: 624px; } .ie-abstract-shapes-9 { height: 182px; } .ie-abstract-shapes-10 { height: 573px; } .ie-abstract-shapes-11 { height: 192px; } .ie-abstract-shapes-12 { height: 597px; } .ie-abstract-shapes-13, .ie-abstract-shapes-14 { height: 615px; } .ie-showcase-mockup-1 { height: 384px; } .ie-showcase-mockup-2 { height: 371px; } .ie-showcase-mockup-3 { height: 535px; } .ie-knowledgebase-community { height: 447px; } .ie-knowledgebase-community-2 { height: 542px; } .ie-files { height: 293px; } .ie-half-circle-1-1 { height: 1136px; } .ie-half-circle-2-1 { height: 835px; } .ie-half-circle-2-2 { height: 660px; } .ie-iphone-x-1 { height: 601px; } .ie-half-iphone-x-1-iphone { height: 372px; } .ie-circles-hero, .ie-circles-cta { display: none; } .ie-communicating-men { height: 531px; } .ie-devices-1 { height: 637px; } .ie-support-man, .ie-list-app { height: 215px; } .ie-mobile-article { height: 268px; } .ie-working-men { height: 325px; } .ie-server-woman { height: 432px; } .ie-drawing-woman { height: 415px; } .ie-subscribe-3 { height: 338px; } .ie-hiker-man { height: 405px; } .ie-chatting-man { height: 268px; } } /*------------------------------------ Tables ------------------------------------*/ .table-heighlighted thead th { border-bottom-color: #1e2022; border-top: none; } .table-heighlighted tfoot td { border-top: 2px solid #1e2022; } /*------------------------------------ Timeline ------------------------------------*/ .u-timeline { list-style: none; padding-left: 1rem; margin-bottom: 0; } .u-timeline__item { position: relative; padding-right: 0.9375rem; padding-left: 2rem; } .u-timeline__item:not(:last-child) { padding-bottom: 1.5rem; margin-bottom: 1.5rem; } .u-timeline__item::before { position: absolute; top: 3.5rem; bottom: 0; left: 0; height: auto; border-left: 0.1875rem solid #e7eaf3; content: ""; } .u-timeline__icon { position: absolute; left: -0.875rem; } .u-timeline__heading { position: relative; display: block; font-size: 1.25rem; font-weight: 500; padding-bottom: 0.75rem; margin-bottom: 1rem; } .u-timeline__heading::after { position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 0.1rem solid #e7eaf3; content: ""; } /*------------------------------------ Sticky Blocks ------------------------------------*/ [class*=sticky-block] { max-width: 100%; } /*------------------------------------ Background Gradients ------------------------------------*/ .gradient-half-primary-body-v1 { background-image: linear-gradient(150deg, #2d1582 0%, #19a0ff 100%); background-repeat: repeat-x; background-attachment: fixed; } .gradient-half-primary-v1 { background-image: linear-gradient(150deg, #2d1582 0%, #19a0ff 100%); background-repeat: repeat-x; } .gradient-half-primary-v2 { background-image: linear-gradient(0deg, rgba(6, 52, 67, 0.05) 0%, transparent 100%); background-repeat: repeat-x; } .gradient-half-primary-v3 { background-image: linear-gradient(0deg, rgba(6, 52, 67, 0.1) 0%, transparent 100%); background-repeat: repeat-x; } .gradient-half-primary-v4 { background-image: linear-gradient(150deg, #2d1582 0%, #19a0ff 85%); background-repeat: repeat-x; } .gradient-half-primary-v5 { background-image: linear-gradient(150deg, #063443 0%, #2d1582 100%); background-repeat: repeat-x; } .gradient-half-info-v1 { background-image: linear-gradient(0deg, #063443 0%, #00dffc 100%); background-repeat: repeat-x; } .gradient-half-warning-v1 { background-image: linear-gradient(25deg, #ffc107 30%, #de4437 100%); background-repeat: repeat-x; } .gradient-half-warning-v2 { background-image: linear-gradient(150deg, #ffc107 0%, #efa02e 100%); background-repeat: repeat-x; } .gradient-half-warning-v3 { background-image: linear-gradient(150deg, #ffc107 0%, #de4437 100%); background-repeat: repeat-x; } /*------------------------------------ Background Overlay Gradients ------------------------------------*/ [class*=gradient-overlay-half] { position: relative; z-index: 1; } [class*=gradient-overlay-half]::before { position: absolute; top: 0; right: 0; bottom: 0; right: 0; z-index: -1; width: 100%; height: 100%; content: ""; } .gradient-overlay-half-primary-video-v1::before { z-index: 2; background-image: linear-gradient(150deg, rgba(45, 21, 130, 0.9) 0%, rgba(25, 160, 255, 0.85) 100%); background-repeat: repeat-x; } .gradient-overlay-half-primary-v1::before { background-image: linear-gradient(150deg, rgba(45, 21, 130, 0.9) 0%, rgba(25, 160, 255, 0.85) 100%); background-repeat: repeat-x; } .gradient-overlay-half-primary-v2::before { background-image: linear-gradient(30deg, rgba(25, 160, 255, 0.85) 0%, rgba(45, 21, 130, 0.9) 100%); background-repeat: repeat-x; } .gradient-overlay-half-primary-v3::before { background-image: linear-gradient(90deg, #063443 0%, #0055e5 100%); background-repeat: repeat-x; } .gradient-overlay-half-primary-v4::before { background-image: linear-gradient(0deg, rgba(6, 52, 67, 0.025) 0%, #fff 100%); background-repeat: repeat-x; } .gradient-overlay-half-indigo-v1::before { background-image: linear-gradient(45deg, transparent 50%, rgba(45, 21, 130, 0.1) 100%); background-repeat: repeat-x; } .gradient-overlay-half-info-v1::before { background-image: linear-gradient(0deg, rgba(6, 52, 67, 0.92) 0%, rgba(0, 223, 252, 0.92) 100%); background-repeat: repeat-x; } .gradient-overlay-half-dark-v1::before { background-image: linear-gradient(0deg, #1e2022 0%, transparent 75%); background-repeat: repeat-x; } .gradient-overlay-half-dark-v2::before { background-image: linear-gradient(150deg, rgba(26, 36, 40, 0.675) 0%, rgba(119, 131, 143, 0.3) 100%); background-repeat: repeat-x; } /*------------------------------------ Fill Colors ------------------------------------*/ .fill-none { fill: none !important; } .fill-white { fill: #fff !important; } .fill-dark { fill: #333e48 !important; } .fill-primary { fill: #F21818 !important; } .fill-primary-lighter { fill: #19a0ff !important; } .fill-primary-darker { fill: #196eff !important; } .fill-success { fill: #00c9a7 !important; } .fill-success-lighter { fill: #13d7b6 !important; } .fill-info { fill: #00dffc !important; } .fill-danger { fill: #de4437 !important; } .fill-danger-lighter { fill: #ec5245 !important; } .fill-warning { fill: #ffc107 !important; } .fill-warning-lighter { fill: #fdd14e !important; } .fill-warning-darker { fill: #efa02e !important; } .fill-gray-100 { fill: #f8f9fa !important; } .fill-gray-200 { fill: #f8fafd !important; } .fill-gray-300 { fill: #e7eaf3 !important; } .fill-gray-400 { fill: #bdc5d1 !important; } .fill-gray-500 { fill: #97a4af !important; } .fill-gray-600 { fill: #8c98a4 !important; } /*------------------------------------ Stop Colors ------------------------------------*/ .stop-color-white { stop-color: #fff !important; } .stop-color-primary { stop-color: #F21818 !important; } .stop-color-primary-darker { stop-color: #196eff !important; } .stop-color-primary-lighter { stop-color: #19a0ff !important; } .stop-color-warning { stop-color: #ffc107 !important; } .stop-color-danger { stop-color: #de4437 !important; } .stop-color-info { stop-color: #00dffc !important; } .stop-color-indigo { stop-color: #2d1582 !important; } /*------------------------------------ Stroke Colors ------------------------------------*/ .stroke-white { stroke: #fff !important; } .stroke-primary { stroke: #F21818 !important; } .stroke-primary-lighter { stroke: #19a0ff !important; } .stroke-primary-darker { stroke: #196eff !important; } .stroke-success { stroke: #00c9a7 !important; } .stroke-danger { stroke: #de4437 !important; } .stroke-warning { stroke: #ffc107 !important; } .stroke-info { stroke: #00dffc !important; } .stroke-gray-200 { stroke: #f8fafd !important; } .stroke-gray-300 { stroke: #e7eaf3 !important; } .stroke-gray-400 { stroke: #bdc5d1 !important; } .stroke-gray-500 { stroke: #97a4af !important; } /*------------------------------------ Background Image Style ------------------------------------*/ .bg-img-hero { background-size: cover; background-repeat: no-repeat; background-position: top center; } .bg-img-hero-bottom { background-size: cover; background-repeat: no-repeat; background-position: bottom center; } .bg-img-hero-center { background-size: cover; background-repeat: no-repeat; background-position: center center; } .bg-img-hero-fixed { background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; } /*------------------------------------ Background Soft Colors ------------------------------------*/ .bg-soft-primary { background-color: rgba(242, 24, 24, 0.1); } .bg-soft-secondary { background-color: rgba(119, 131, 143, 0.1); } .bg-soft-success { background-color: rgba(0, 201, 167, 0.1); } .bg-soft-info { background-color: rgba(0, 223, 252, 0.1); } .bg-soft-warning { background-color: rgba(255, 193, 7, 0.1); } .bg-soft-danger { background-color: rgba(222, 68, 55, 0.1); } .bg-soft-light { background-color: rgba(248, 249, 250, 0.1); } .bg-soft-dark { background-color: rgba(51, 62, 72, 0.1); } .bg-soft-cyan { background-color: rgba(52, 188, 236, 0.1); } .bg-soft-sale { background-color: rgba(223, 55, 55, 0.1); } .bg-soft-black { background-color: rgba(0, 0, 0, 0.1); } .bg-soft-green { background-color: rgba(92, 184, 92, 0.1); } .bg-soft-red { background-color: rgba(238, 0, 0, 0.1); } .bg-soft-gray-1 { background-color: rgba(245, 245, 245, 0.1); } .bg-soft-gray-2 { background-color: rgba(56, 56, 56, 0.1); } .bg-soft-gray-3 { background-color: rgba(238, 238, 238, 0.1); } .bg-soft-gray-4 { background-color: rgba(230, 230, 230, 0.1); } .bg-soft-gray-5 { background-color: rgba(135, 135, 135, 0.1); } .bg-soft-gray-6 { background-color: rgba(132, 132, 132, 0.1); } .bg-soft-gray-7 { background-color: rgba(249, 249, 249, 0.1); } .bg-soft-gray-8 { background-color: rgba(123, 129, 134, 0.1); } .bg-soft-gray-9 { background-color: rgba(143, 143, 143, 0.1); } .bg-soft-gray-13 { background-color: rgba(248, 248, 248, 0.1); } .bg-soft-gray-14 { background-color: rgba(234, 234, 234, 0.1); } .bg-soft-gray-15 { background-color: rgba(157, 156, 156, 0.1); } .bg-soft-gray-16 { background-color: rgba(96, 96, 96, 0.1); } .bg-soft-gray-17 { background-color: rgba(236, 237, 242, 0.1); } .bg-soft-gray-18 { background-color: rgba(51, 62, 72, 0.1); } .bg-soft-white { background-color: rgba(255, 255, 255, 0.1); } .bg-soft-indigo { background-color: rgba(45, 21, 130, 0.1); } .bg-soft-facebook { background-color: rgba(59, 89, 152, 0.1); } .bg-soft-google { background-color: rgba(209, 65, 48, 0.1); } .bg-soft-twitter { background-color: rgba(29, 161, 242, 0.1); } .bg-soft-instagram { background-color: rgba(63, 114, 155, 0.1); } .bg-soft-github { background-color: rgba(36, 41, 46, 0.1); } .bg-soft-gray { background-color: rgba(248, 250, 253, 0.1); } .bg-soft-light { background-color: #f8f9fa; } /*------------------------------------ Borders-radius ------------------------------------*/ .rounded-pill { border-radius: 6.1875rem; } .rounded-top-pill { border-top-left-radius: 6.1875rem; border-top-right-radius: 6.1875rem; } .rounded-right-pill { border-top-right-radius: 6.1875rem; border-bottom-right-radius: 6.1875rem; } .rounded-bottom-pill { border-bottom-right-radius: 6.1875rem; border-bottom-left-radius: 6.1875rem; } .rounded-left-pill { border-top-left-radius: 6.1875rem; border-bottom-left-radius: 6.1875rem; } .rounded-top-left-pill { border-top-left-radius: 6.1875rem; } .rounded-bottom-left-pill { border-bottom-left-radius: 6.1875rem; } .rounded-pseudo { border-radius: 0.3125rem; } .rounded-pseudo::before, .rounded-pseudo::after { border-radius: 0.3125rem; } .rounded-top-pseudo { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; } .rounded-top-pseudo::before, .rounded-top-pseudo::after { border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; } /*------------------------------------ Borders ------------------------------------*/ .border-dashed { border: 1px dashed #e7eaf3; } /*------------------------------------ Position Spaces ------------------------------------*/ .top-0 { top: 0; } .right-0 { right: 0; } .bottom-0 { bottom: 0; } .left-0 { left: 0; } @media (min-width: 576px) { .position-sm-absolute { position: absolute; } } @media (min-width: 768px) { .top-md-0 { top: 0; } .right-md-0 { right: 0; } .bottom-md-0 { bottom: 0; } .left-md-0 { left: 0; } .position-md-absolute { position: absolute; } } @media (min-width: 992px) { .top-lg-0 { top: 0; } .right-lg-0 { right: 0; } .bottom-lg-0 { bottom: 0; } .left-lg-0 { left: 0; } .position-lg-absolute { position: absolute; } } /*------------------------------------ Content Centered ------------------------------------*/ .content-centered-y { position: absolute; top: 50%; transform: translate(0, -50%); } @media (min-width: 768px) { .content-centered-y--md { position: absolute; top: 50%; transform: translate(0, -50%); } } @media (min-width: 992px) { .content-centered-y--lg { position: absolute; top: 50%; transform: translate(0, -50%); } } /*------------------------------------ Margin Spacing ------------------------------------*/ .ml-n2 { margin-left: -0.5rem; } .ml-n3 { margin-left: -1rem; } .mr-n2 { margin-right: -0.5rem; } .mt-n1 { margin-top: -0.25rem; } .mt-n5 { margin-top: -2rem; } .mt-n6 { margin-top: -2.5rem; } .mt-n9 { margin-top: -4rem; } .mt-n23 { margin-top: -10rem; } .mb-n3 { margin-bottom: -1rem; } .mb-n9 { margin-bottom: -4rem; } /* Gutters X */ .mx-gutters-1 { margin-right: -0.25rem; margin-left: -0.25rem; } .mx-gutters-1 > .col, .mx-gutters-1 > [class*=col-] { padding-right: 0.25rem; padding-left: 0.25rem; } .mx-gutters-2 { margin-right: -0.5rem; margin-left: -0.5rem; } .mx-gutters-2 > .col, .mx-gutters-2 > [class*=col-] { padding-right: 0.5rem; padding-left: 0.5rem; } /*------------------------------------ Opacity ------------------------------------*/ .opacity-md { opacity: 0.2; } /*------------------------------------ Box Shadow ------------------------------------*/ .shadow-primary-lg { box-shadow: 0 0 50px rgba(6, 52, 67, 0.4) !important; } .shadow-soft { box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25) !important; } /*------------------------------------ Width ------------------------------------*/ .min-width-3 { min-width: 1rem !important; } .min-width-4 { min-width: 1.5rem !important; } .min-width-15 { min-width: 7rem !important; } .min-width-21 { min-width: 10rem !important; } .max-width-3 { max-width: 1rem !important; } .max-width-4 { max-width: 1.5rem !important; } .max-width-5 { max-width: 2rem !important; } .max-width-6 { max-width: 2.5rem !important; } .max-width-8 { max-width: 3.5rem; } .max-width-9 { max-width: 4rem; } .max-width-10 { max-width: 4.5rem; } .max-width-11 { max-width: 5rem; } .max-width-15 { max-width: 7rem; } .max-width-19 { max-width: 9rem; } .max-width-23 { max-width: 11rem; } .max-width-27 { max-width: 13rem; } .max-width-35 { max-width: 17rem; } .max-width-40 { max-width: 19.5rem; } .max-width-50 { max-width: 24.5rem; } .max-width-60 { max-width: 29.5rem; } /*------------------------------------ Height ------------------------------------*/ .height-40vh { height: 40vh; } .height-60vh { height: 60vh; } .height-100vh { height: 100vh; } .height-4 { height: 0.25rem; } .height-250 { height: 15.625rem; } .height-380 { height: 23.75rem; } .height-400 { height: 25rem; } .height-450 { height: 28.125rem; } .min-height-100vh { min-height: 100vh; } .min-height-155 { min-height: 9.6875rem; } .min-height-300 { min-height: 18.75rem; } .min-height-380 { min-height: 23.75rem; } .min-height-450 { min-height: 28.125rem; } .min-height-550 { min-height: 34.375rem; } .min-height-600 { min-height: 37.5rem; } .min-height-620 { min-height: 38.75rem; } @media (min-width: 576px) { .height-sm-100vh { height: 100vh; } } @media (min-width: 768px) { .height-md-60vh { height: 60vh; } .height-md-100vh { height: 100vh; } .min-height-md-100vh { min-height: 100vh; } } @media (min-width: 992px) { .height-lg-100vh { height: 100vh; } .min-height-lg-auto { min-height: auto; } .min-height-lg-100vh { min-height: 100vh; } } @media (min-width: 1200px) { .min-height-xl-100vh { min-height: 100vh; } } /*------------------------------------ SVG Dividers ------------------------------------*/ .svg-divider-polygon { -webkit-clip-path: polygon(0 0, 100% 0, 100% 35%, 0 95%); clip-path: polygon(0 0, 100% 0, 100% 35%, 0 95%); } /*------------------------------------ Typography Font Size ------------------------------------*/ .font-size-1 { font-size: 0.765625rem; } .font-size-2 { font-size: 1.3125rem; } .font-size-3 { font-size: 1.75rem; } .font-size-4 { font-size: 2.1875rem; } .font-size-5 { font-size: 2.625rem; } @media (max-width: 991.98px) { .font-size-md-down-3 { font-size: 1.75rem; } .font-size-md-down-5 { font-size: 2.625rem; } } /*------------------------------------ Font Weight ------------------------------------*/ .font-weight-medium { font-weight: 500 !important; } .font-weight-semi-bold { font-weight: 600 !important; } /*------------------------------------ Line Height ------------------------------------*/ .text-lh-sm { line-height: 1.2; } .text-lh-md { line-height: 1.8; } /*------------------------------------ Text Colors ------------------------------------*/ .text-white-70 { color: rgba(255, 255, 255, 0.7); } .text-white-70[href]:hover { color: #fff; } /*------------------------------------ Transform ------------------------------------*/ .transform-rotate-1 { transform: rotate(-40deg); transform-origin: 30% 20%; } /*------------------------------------ Transitions ------------------------------------*/ /* 3D Hover */ .transition-3d-hover { transition: all 0.2s ease-in-out; } .transition-3d-hover:hover, .transition-3d-hover:focus { transform: translateY(-3px); } /*------------------------------------ Z-Index ------------------------------------*/ .z-index-n1 { z-index: -1; } .z-index-2 { z-index: 2; } .z-index-4 { z-index: 4; } /*------------------------------------ Animate.css ------------------------------------*/ @-webkit-keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 25%, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 25%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes slideInUp { from { transform: translate3d(0, 10px, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { transform: translate3d(0, 10px, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } /*------------------------------------ Area Chart ------------------------------------*/ .u-area-chart { position: relative; line-height: 0; } .u-area-chart .ct-point { stroke-width: 0.375rem; } .u-area-chart__tooltip { color: #77838f; background-color: #fff; border-radius: 0.3125rem; box-shadow: 0 0.375rem 0.9375rem 0.0625rem rgba(140, 152, 164, 0.2); padding: 1rem; font-size: 0.75rem; font-weight: 400; font-family: "Open Sans", Helvetica, Arial, sans-serif; } .u-area-chart__tooltip::before { border: 8px #fff; margin-left: -0.5rem; } .u-area-chart__tooltip .chartist-tooltip-value { font-weight: 600; } /*------------------------------------ Cubeportfolio ------------------------------------*/ .u-cubeportfolio .u-cubeportfolio__item { font-size: 0.875rem; text-transform: capitalize; background-color: transparent; border: none; margin: 0; padding-left: 0.75rem; padding-right: 0.75rem; } .u-cubeportfolio .u-cubeportfolio__item:first-child { padding-left: 0; } .u-cubeportfolio .u-cubeportfolio__item:last-child { padding-right: 0; } .u-cubeportfolio .u-cubeportfolio__item:hover { color: #333e48; } .u-cubeportfolio .u-cubeportfolio__item.cbp-filter-item-active { color: #F21818; background-color: transparent; border: transparent; } /* Load more disabled class */ .u-cubeportfolio .cbp-l-loadMore-stop { pointer-events: none; color: #77838f; } /* Zoom overlay effect */ .u-cubeportfolio .cbp-caption-zoom .cbp-caption-activeWrap { background-color: rgba(242, 24, 24, 0.9); } /*------------------------------------ Hover Animation Effects ------------------------------------*/ .u-cubeportfolio--reveal-v1 .cbp-l-caption-body { transform: translateY(-100%); transition: 0.4s ease-in-out; } .u-cubeportfolio--reveal-v1 .cbp-caption:hover .cbp-l-caption-body { transform: translateY(0%); } /*------------------------------------ Custombox ------------------------------------*/ .custombox-lock { overflow: auto; } .u-custombox-no-scroll.custombox-lock { margin-right: 1.0625rem; overflow: hidden; } /*------------------------------------ Datatable ------------------------------------*/ .u-datatable .dataTables_length, .u-datatable .dataTables_filter, .u-datatable .dataTables_info, .u-datatable .dataTables_paginate { display: none; } .u-datatable__striped .odd { background-color: #f8fafd; } .u-datatable .u-datatable__trigger { cursor: pointer; } .u-datatable .u-datatable__trigger-icon::before { display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\F107"; margin-right: 0.75rem; transform: rotate(-180deg); } .u-datatable__content td[colspan] { padding-left: 0; padding-right: 0; } .u-datatable .opened .u-datatable__trigger-icon::before { content: "\F106"; } .u-datatable__thead-icon { display: block; line-height: 0.7; cursor: pointer; color: #bdc5d1; } .u-datatable__thead-icon:hover { color: #F21818; } /*------------------------------------ Dropzone ------------------------------------*/ .u-dropzone { width: 100%; background-color: #f8fafd; border: 2px dashed #e7eaf3; border-radius: 0.3125rem; cursor: pointer; padding: 3rem; display: flex; flex-wrap: wrap; } .u-dropzone .dz-message { width: 100%; text-align: center; } .u-dropzone .dz-details { margin-bottom: 1rem; } .u-dropzone .dz-file-preview { background-color: #fff; border-radius: 0.3125rem; padding: 1rem; box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25); } .u-dropzone .dz-file-wrapper { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .u-dropzone .dz-filename { margin-bottom: 0.25rem; } .u-dropzone .dz-img { max-width: 4rem; border: 1px solid #e7eaf3; border-radius: 0.3125rem; padding: 0.25rem; margin-right: 0.75rem; } .u-dropzone .dz-close-icon, .u-dropzone .dz-size { color: #77838f; } .u-dropzone .dz-title { font-size: 0.75rem; font-weight: 600; } .u-dropzone .dz-size { font-size: 80%; } .u-dropzone .dz-file-abbr { display: inline-block; width: 4rem; height: 4rem; line-height: 4; font-weight: 600; font-size: 1rem; color: #063443; text-align: center; background-color: rgba(6, 52, 67, 0.1); border-radius: 0.3125rem; margin-right: 0.75rem; } .u-dropzone [data-dz-thumbnail]:not([src]) { display: none; margin-bottom: 0; } .u-dropzone .dz-progress { margin-bottom: 1rem; } .u-dropzone.dz-started .u-dropzone__message, .u-dropzone .dz-processing .dz-error-mark, .u-dropzone .dz-processing .dz-success-mark { display: none; } .u-dropzone .dz-processing.dz-error .dz-error-mark, .u-dropzone .dz-processing.dz-success .dz-success-mark { display: block; } .u-dropzone .dz-processing .dz-error-mark { color: #de4437; } .u-dropzone .dz-processing .dz-success-mark { color: #00c9a7; } /*------------------------------------ DatePicker ------------------------------------*/ .u-datepicker { position: relative; } .u-datepicker .flatpickr-calendar { top: 3.75rem !important; left: 0 !important; box-shadow: 0 0.375rem 1.5rem 0 rgba(140, 152, 164, 0.125); } .u-datepicker .flatpickr-calendar::before, .u-datepicker .flatpickr-calendar::after { display: none; } .u-datepicker .flatpickr-months { position: relative; background-color: #F21818; border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; padding: 0.75rem; } .u-datepicker .flatpickr-months .cur-month, .u-datepicker .flatpickr-months .cur-year { color: #fff; } .u-datepicker .flatpickr-current-month, .u-datepicker .flatpickr-prev-month, .u-datepicker .flatpickr-next-month { padding: 0; } .u-datepicker .flatpickr-prev-month, .u-datepicker .flatpickr-next-month { top: 50%; transform: translate(0, -50%); } .u-datepicker .flatpickr-prev-month.flatpickr-prev-month, .u-datepicker .flatpickr-next-month.flatpickr-prev-month { left: 0.75rem; } .u-datepicker .flatpickr-prev-month.flatpickr-next-month, .u-datepicker .flatpickr-next-month.flatpickr-next-month { right: 0.75rem; } .u-datepicker .flatpickr-prev-month svg, .u-datepicker .flatpickr-next-month svg { fill: rgba(255, 255, 255, 0.7); } .u-datepicker .flatpickr-prev-month:hover svg, .u-datepicker .flatpickr-next-month:hover svg { fill: #fff; } .u-datepicker .flatpickr-weekday { color: #333e48; text-transform: uppercase; font-weight: 500; } .u-datepicker .flatpickr-day { color: #333e48; border-color: transparent; } .u-datepicker .flatpickr-day:focus, .u-datepicker .flatpickr-day:hover { color: #F21818; background-color: rgba(242, 24, 24, 0.1); } .u-datepicker .flatpickr-day.inRange { background-color: #e7eaf3; box-shadow: -0.3125rem 0 0 #e7eaf3, 0.3125rem 0 0 #e7eaf3; } .u-datepicker .flatpickr-day.today { color: #fff; background-color: #F21818; } .u-datepicker .flatpickr-day.prevMonthDay, .u-datepicker .flatpickr-day.nextMonthDay { color: #e7eaf3; } .u-datepicker .flatpickr-day.prevMonthDay:focus, .u-datepicker .flatpickr-day.prevMonthDay:hover, .u-datepicker .flatpickr-day.nextMonthDay:focus, .u-datepicker .flatpickr-day.nextMonthDay:hover { color: #97a4af; background-color: #e7eaf3; } .u-datepicker .flatpickr-day.disabled { color: #e7eaf3; } .u-datepicker .flatpickr-day.disabled:hover { color: #97a4af; background-color: #e7eaf3; } .u-datepicker .flatpickr-day.selected { color: #F21818; background-color: transparent; border-color: #F21818; } .u-datepicker .flatpickr-day.selected:focus.prevMonthDay, .u-datepicker .flatpickr-day.selected:focus.nextMonthDay, .u-datepicker .flatpickr-day.selected:hover.prevMonthDay, .u-datepicker .flatpickr-day.selected:hover.nextMonthDay { color: #F21818; background-color: transparent; } .u-datepicker .flatpickr-day.selected.startRange, .u-datepicker .flatpickr-day.selected.endRange { color: #fff; background-color: #F21818; } .u-datepicker .numInputWrapper span.arrowUp, .u-datepicker .numInputWrapper span.arrowDown { display: none; } .u-datepicker .numInputWrapper:hover { background-color: transparent; } /* Positions */ .u-datepicker--top .flatpickr-calendar { top: auto !important; bottom: 3.5rem !important; } /*------------------------------------ Dzsparallaxer ------------------------------------*/ .dzsparallaxer { color: inherit; } /*-------------------------------------------------- Fancybox ----------------------------------------------------*/ .u-fancybox-theme .fancybox-content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .u-fancybox-theme .fancybox-slide--iframe .fancybox-content { position: static; } .u-fancybox-theme .fancybox-bg { background-color: #333e48; } .fancybox-controls--canzoomIn .fancybox-placeholder, .fancybox-controls--canzoomOut .fancybox-placeholder { cursor: inherit; } .fancybox-slide.has-animation { display: block; } .fancybox-is-sliding .fancybox-slide.has-animation, .fancybox-slide--current.has-animation, .fancybox-slide--next.has-animation, .fancybox-slide--previous.has-animation { display: none; } .fancybox-is-sliding .fancybox-slide.has-animation.animated, .fancybox-slide--current.has-animation.animated, .fancybox-slide--next.has-animation.animated, .fancybox-slide--previous.has-animation.animated { display: block; } .u-blur-30 { filter: blur(30px); } /*------------------------------------ Fileuploader ------------------------------------*/ /* Default Style */ .fileuploader { margin-top: 0; } /* Front Style */ .u-fileuploader-input { display: block; cursor: pointer; background: #fff; border: 2px dashed #e7eaf3; border-radius: 0.3125rem; padding: 2rem 0; text-align: center; } .u-fileuploader-input__icon { display: block; color: #F21818; font-size: 2.5rem; } /* Dragging State */ .u-fileuploader-input__inner, .u-fileuploader-input.fileuploader-dragging .u-fileuploader-input__icon { transition: all 0.3s ease-in-out; } .u-fileuploader-input.fileuploader-dragging .u-fileuploader-input__inner { opacity: 0.6; } .u-fileuploader-input.fileuploader-dragging .u-fileuploader-input__icon { transform: translateY(18px); } .u-fileuploader-input.fileuploader-dragging .u-fileuploader-input__btn { transform: none; opacity: 1; } /*------------------------------------ Range Slider ------------------------------------*/ .u-range-slider { height: 1.25rem; } .u-range-slider .irs { height: 1.25rem; } .u-range-slider .irs-line { top: 0.5rem; height: 0.375rem; } .u-range-slider .irs-line-left { left: 0; height: 0.375rem; background-color: #e7eaf3; border-top-left-radius: 6.1875rem; border-bottom-left-radius: 6.1875rem; } .u-range-slider .irs-line-mid { height: 0.375rem; background-color: #e7eaf3; } .u-range-slider .irs-line-right { right: 0; height: 0.375rem; background-color: #e7eaf3; border-top-right-radius: 6.1875rem; border-bottom-right-radius: 6.1875rem; } .u-range-slider .irs-bar { top: 0.5rem; height: 0.375rem; background-color: #F21818; } .u-range-slider .irs-bar-edge { top: 0.5rem; left: 0.0625rem; height: 0.375rem; width: 0.6875rem; border-top-left-radius: 6.1875rem; border-bottom-left-radius: 6.1875rem; background-color: #F21818; } .u-range-slider .irs-slider { top: -0.1875rem; width: 1rem; height: 1rem; background-color: #fff; cursor: pointer; border-radius: 50%; box-shadow: 0 0.1875rem 0.75rem rgba(140, 152, 164, 0.3125); } .u-range-slider .irs-slider.state_hover { transform: scale(1.3); } .u-range-slider .irs-from, .u-range-slider .irs-to, .u-range-slider .irs-single { display: inline-block; min-width: 2.5rem; background-color: #fff; color: #333e48; font-size: 0.875rem; text-shadow: none; text-align: center; border-radius: 0.3125rem; box-shadow: 0 0 35px rgba(140, 152, 164, 0.125); padding: 0.5rem; } /* Indicator */ .u-range-slider-indicator { height: 5rem; } .u-range-slider-indicator .irs { height: 5rem; } .u-range-slider-indicator.u-range-slider-grid { height: 1.5rem; } .u-range-slider-indicator.u-range-slider-grid .irs { height: 1.5rem; } .u-range-slider-indicator .irs-line { top: 3.875rem; } .u-range-slider-indicator .irs-bar { top: 3.875rem; } .u-range-slider-indicator .irs-bar-edge { top: 3.875rem; } .u-range-slider-indicator .irs-slider { top: 3.1875rem; } /* Grid */ .u-range-slider-grid { height: 4.5rem; } .u-range-slider-grid .irs { height: 4.5rem; } .u-range-slider-grid .irs-grid { height: 2.5rem; } .u-range-slider-grid .irs-grid-text { display: inline-block; min-width: 2.5rem; line-height: 1; font-size: 0.875rem; color: #747474; border-radius: 6.1875rem; padding: 0.375rem; } .u-range-slider-grid .irs-grid-text.current { background: rgba(242, 24, 24, 0.1); color: #F21818; } .u-range-slider-grid .irs-grid-pol { height: 0.75rem; background-color: #e7eaf3; } .u-range-slider-grid .irs-grid-pol.small { display: none; } /*------------------------------------ Select ------------------------------------*/ .dropdown-select.bootstrap-select li .dropdown-item.opt { padding-left: 1.5rem; } .dropdown-select.bootstrap-select .bs-searchbox { padding-right: 1.5rem; padding-left: 1.5rem; } .dropdown-select.bootstrap-select .dropdown-header .text { font-size: 80%; font-weight: 500; color: #333e48; text-transform: uppercase; } .dropdown-select .form-control { margin-bottom: 0.5rem; } /*------------------------------------ Slick ------------------------------------*/ [data-lazy] { opacity: 0; transition: opacity 0.3s ease-in-out; } .slick-cloned [data-scs-animation-in] { opacity: 0; } .u-slick { background: url(/svg/preloaders/circle-preloader.svg) no-repeat 50% 50%; } .u-slick .js-next, .u-slick .js-prev { opacity: 0; } .u-slick.slick-initialized { background: none; } .u-slick.slick-initialized .js-slide, .u-slick.slick-initialized .js-thumb { visibility: visible; height: auto; overflow: visible; } .u-slick.slick-initialized .js-next, .u-slick.slick-initialized .js-prev { opacity: 1; } .u-slick .js-slide, .u-slick .js-thumb { height: 0; visibility: hidden; overflow: hidden; } .u-slick .js-slide:first-child, .u-slick .js-thumb:first-child { height: auto; } /*------------------------------------ Summernote Editor ------------------------------------*/ .note-modal-footer { height: auto; display: flex; justify-content: flex-end; padding: 20px 30px; } .note-modal-footer .note-btn { float: inherit; } .u-summernote-editor .note-editor.note-frame { border-color: #e7eaf3; } .u-summernote-editor .note-editor.note-frame .note-statusbar { background-color: #f8fafd; border-top-color: #e7eaf3; } .u-summernote-editor .note-toolbar { background-color: #f8fafd; } .u-summernote-editor .note-toolbar > .note-btn-group { border: 1px solid #e7eaf3; border-radius: 0.3125rem; } .u-summernote-editor .note-toolbar .note-dropdown-menu { min-width: 12.5rem; border-color: #e7eaf3; box-shadow: 0 0 35px rgba(140, 152, 164, 0.125); padding: 0.5rem; } .u-summernote-editor .note-toolbar .note-color .note-dropdown-menu { min-width: 21.5rem; } .u-summernote-editor .note-btn:focus, .u-summernote-editor .note-btn:hover { color: #F21818; background-color: transparent; } .u-summernote-editor .note-dropdown-item:hover { background-color: #f8fafd; } .u-summernote-editor .dropdown-toggle::after { display: none; } /*------------------------------------ Tagsinput ------------------------------------*/ .u-tagsinput .bootstrap-tagsinput { width: 100%; border-color: #e7eaf3; border-radius: 0.3125rem; box-shadow: none; padding: 0.25rem; padding-bottom: 0; } .u-tagsinput .bootstrap-tagsinput::before { content: "|"; display: inline-block; width: 1px; line-height: 1; font-size: 0.625rem; opacity: 0; padding: 0.75rem 0; } .u-tagsinput .bootstrap-tagsinput .tag { position: relative; display: inline-block; font-size: 0.875rem; color: #77838f; background-color: rgba(119, 131, 143, 0.1); border-radius: 0.3125rem; padding: 0.25rem 1.875rem 0.25rem 0.75rem; margin-bottom: 0.25rem; margin-right: 0; } .u-tagsinput .bootstrap-tagsinput .tag [data-role=remove] { position: absolute; right: 0.5rem; top: 50%; color: #77838f; font-size: 1.25rem; outline: none; transform: translateY(-50%); } .u-tagsinput .bootstrap-tagsinput .tag [data-role=remove]::after { content: "\D7"; } .u-tagsinput .bootstrap-tagsinput .tag [data-role=remove]:hover { color: #333e48; box-shadow: none; } /*------------------------------------ Typed.js ------------------------------------*/ .typed-cursor { opacity: 1; -webkit-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } /*------------------------------------ Madrasthemes SCSS style ------------------------------------*/ /*------------------------------------ Font Icon (Electro) ------------------------------------*/ /*------------------------------------ Default Styles ------------------------------------*/ sub, sup { font-size: 60%; } strong { font-weight: 700; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: -0.009rem; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 400; } del { text-decoration: line-through; } .blockquote { padding: 2.5rem; background-color: #333e48; letter-spacing: -0.4px; margin-bottom: 0; } @media (min-width: 768px) { .blockquote { padding: 6.25rem; } } .blockquote p { font-size: 1.313rem; font-style: italic; color: #fff; margin-bottom: 2.188rem; line-height: 1.875rem; } .blockquote cite { font-style: normal; } .blockquote-footer { display: block; font-size: 0.875rem; color: #fff; } .blockquote-footer::before { content: "- "; } blockquote:not(.blockquote) { margin: 0 0 1.25rem 2.375rem; } blockquote:not(.blockquote)::before { color: #a7a7a7; content: "\F10D"; float: left; font-family: FontAwesome; font-size: 1.563rem; margin-left: -2.313rem; } blockquote:not(.blockquote) p { font-size: 0.938rem; line-height: 1.563rem; font-style: italic; } /*------------------------------------ Links ------------------------------------*/ .link__icon i { color: #fff; margin-top: 2px; font-size: 0.938rem; } .link-hover__brand { display: block; opacity: 0.5; filter: grayscale(1); } .link-hover__brand:hover { filter: none; opacity: 1; } /*------------------------------------ Header Default ------------------------------------*/ /* Topbar Nav Item */ .u-header-topbar { border-bottom: 1px solid #e8e8e8; } .last-wrap + .last-wrap + .last-wrap + .last-wrap + .last-wrap { top: 1px !important; } #searchProduct:focus { z-index: auto; } ul > li > a:hover { background-color: #f8f9fa; } .header-icons > li > a:hover { background-color: inherit; } /* Topbar Nav Item */ .u-header-topbar__nav-item + .u-header-topbar__nav-item { margin-left: 1.5rem; } .u-header-topbar__nav-item + .u-header-topbar__nav-item-border { margin-left: 0; } .u-header-topbar__nav-item + .u-header-topbar__nav-item-border::before, .u-header-topbar__nav-item + .u-header-topbar__nav-item-border-single > div::before { content: "|"; color: #e40d0d; margin: 0 0.875rem; -webkit-font-smoothing: antialiased; } .u-header-topbar__nav-item + .u-header-topbar__nav-item-border:not(.full-bg)::before, .u-header-topbar__nav-item + .u-header-topbar__nav-item-border-single:not(.full-bg) > div::before { color: #cad5d5; } .u-header-topbar__nav-item-no-border::before { display: none; } /* Topbar Nav Link */ .u-header-topbar__nav-link { font-size: 0.813rem; color: #334141; /*&[href]:hover { color: $header-topbar-nav-link-hover-color; }*/ } .u-header-topbar__nav-link i { font-size: 1.12525rem; } /* Header-Menu */ .u-header__navbar-nav .u-header__nav-link { font-weight: 700; color: #333e48; } .u-header__navbar-nav .u-header__sub-menu-nav-link { padding-top: 0.3325rem; padding-bottom: 0.3325rem; } .u-header__navbar-nav .u-header__sub-menu-nav-link:not(.u-header__sub-menu-nav-link-toggle):hover { text-decoration: underline; /* color: $black;*/ } .u-header__navbar-nav .hs-sub-menu-opened > .u-header__sub-menu-nav-link-toggle { background-color: #f8f9fa; color: #333e48; } /* Navbar Brand */ .u-header__navbar-brand, .u-header__navbar-brand > img { width: 6.375rem; } @media (min-width: 1200px) { .u-header__navbar-brand, .u-header__navbar-brand > img { width: 9.375rem; } } /* Secondary Menu Navbar Divider */ .u-header__navbar-nav-divider .u-header__nav-item { display: flex; align-items: center; } .u-header__navbar-nav-divider .u-header__nav-item:not(:last-child)::after { content: "|"; color: #cad5d5; line-height: 1; } /* Vertical-Menu */ .u-header .vertical-menu, .u-header + main .vertical-menu { position: absolute; top: 100%; left: 0; right: 0; background-color: #fff; border-bottom-right-radius: 0.4375rem; border-bottom-left-radius: 0.4375rem; z-index: 1000; /* Nav Item */ /* Nav Link */ } .u-header .vertical-menu.v1, .u-header + main .vertical-menu.v1 { /* Nav Item */ } .u-header .vertical-menu.v1 .u-header__nav-item.hs-mega-menu-opened .u-header__sub-menu, .u-header .vertical-menu.v1 .u-header__nav-item.hs-sub-menu-opened .u-header__sub-menu, .u-header + main .vertical-menu.v1 .u-header__nav-item.hs-mega-menu-opened .u-header__sub-menu, .u-header + main .vertical-menu.v1 .u-header__nav-item.hs-sub-menu-opened .u-header__sub-menu { top: 0px; border-bottom: 2px solid #F21818; border-right: 2px solid #F21818; bottom: 0px; } .u-header .vertical-menu.v2, .u-header + main .vertical-menu.v2 { min-width: 16.875rem; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28); /* Nav Item */ } .u-header .vertical-menu.v2 .u-header__nav-item.hs-mega-menu-opened .u-header__sub-menu, .u-header .vertical-menu.v2 .u-header__nav-item.hs-sub-menu-opened .u-header__sub-menu, .u-header + main .vertical-menu.v2 .u-header__nav-item.hs-mega-menu-opened .u-header__sub-menu, .u-header + main .vertical-menu.v2 .u-header__nav-item.hs-sub-menu-opened .u-header__sub-menu { top: 0px; bottom: 0px; } .u-header .vertical-menu.v3, .u-header + main .vertical-menu.v3 { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28); } .u-header .vertical-menu .u-header__nav-item, .u-header + main .vertical-menu .u-header__nav-item { padding: 0 0.875rem; } .u-header .vertical-menu .u-header__nav-item:first-child .u-header__nav-link, .u-header + main .vertical-menu .u-header__nav-item:first-child .u-header__nav-link { padding-left: 0.312375rem; } .u-header .vertical-menu .u-header__nav-item:last-child .u-header__nav-link, .u-header + main .vertical-menu .u-header__nav-item:last-child .u-header__nav-link { border-bottom-width: 0; } .u-header .vertical-menu .u-header__nav-item.hs-mega-menu-opened .u-header__sub-menu, .u-header .vertical-menu .u-header__nav-item.hs-sub-menu-opened .u-header__sub-menu, .u-header + main .vertical-menu .u-header__nav-item.hs-mega-menu-opened .u-header__sub-menu, .u-header + main .vertical-menu .u-header__nav-item.hs-sub-menu-opened .u-header__sub-menu { display: block !important; height: auto; top: -2px; left: calc(100% - 6px); bottom: 0; transition: all 0.34s; } .u-header .vertical-menu .u-header__nav-item.hs-has-sub-menu, .u-header + main .vertical-menu .u-header__nav-item.hs-has-sub-menu { position: static; } .u-header .vertical-menu .u-header__nav-link, .u-header + main .vertical-menu .u-header__nav-link { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #dddddd; font-weight: 400; } .u-header .vertical-menu .u-header__nav-link-toggle::after, .u-header + main .vertical-menu .u-header__nav-link-toggle::after { content: "e"; font: normal normal normal 14px/1 font-electro; font-size: inherit; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size: 1.000125rem; color: #b0b5b9; margin-top: 0.25025rem; } .u-header .vertical-menu .u-header__navbar-nav, .u-header + main .vertical-menu .u-header__navbar-nav { border: 2px solid transparent; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .u-header .vertical-menu .vmm-bg, .u-header + main .vertical-menu .vmm-bg { right: 0; position: absolute; bottom: 0; } .u-header .vertical-menu .vmm-bg-extended .vmm-bg, .u-header + main .vertical-menu .vmm-bg-extended .vmm-bg { right: -60px; } /*------------------------------------ Navbar Expand ------------------------------------*/ .vertical-menu .navbar-expand .navbar-nav { flex-direction: column; } .vertical-menu .navbar-expand .u-header__navbar-nav { align-items: unset; width: 100%; padding: 0.4375rem 0; } .vertical-menu .navbar-expand .u-header__navbar-nav .u-header__nav-link { padding-top: 0.406rem; padding-bottom: 0.406rem; padding-right: 0.312375rem; padding-left: 0.312375rem; } .vertical-menu .navbar-expand .u-header__navbar-nav .u-header__sub-menu { box-shadow: none; border-bottom-left-radius: 0; } .vertical-menu .navbar-expand .u-header__navbar-nav .u-header__mega-menu-wrapper { padding-top: 2.249625rem; padding-bottom: 2.249625rem; } @media (min-width: 576px) { .vertical-menu .navbar-expand-sm .navbar-nav { flex-direction: column; } .vertical-menu .navbar-expand-sm .u-header__navbar-nav { align-items: unset; width: 100%; padding: 0.4375rem 0; } .vertical-menu .navbar-expand-sm .u-header__navbar-nav .u-header__nav-link { padding-top: 0.406rem; padding-bottom: 0.406rem; padding-right: 0.312375rem; padding-left: 0.312375rem; } .vertical-menu .navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu { box-shadow: none; border-bottom-left-radius: 0; } .vertical-menu .navbar-expand-sm .u-header__navbar-nav .u-header__mega-menu-wrapper { padding-top: 2.249625rem; padding-bottom: 2.249625rem; } } @media (min-width: 768px) { .vertical-menu .navbar-expand-md .navbar-nav { flex-direction: column; } .vertical-menu .navbar-expand-md .u-header__navbar-nav { align-items: unset; width: 100%; padding: 0.4375rem 0; } .vertical-menu .navbar-expand-md .u-header__navbar-nav .u-header__nav-link { padding-top: 0.406rem; padding-bottom: 0.406rem; padding-right: 0.312375rem; padding-left: 0.312375rem; } .vertical-menu .navbar-expand-md .u-header__navbar-nav .u-header__sub-menu { box-shadow: none; border-bottom-left-radius: 0; } .vertical-menu .navbar-expand-md .u-header__navbar-nav .u-header__mega-menu-wrapper { padding-top: 2.249625rem; padding-bottom: 2.249625rem; } } @media (min-width: 992px) { .vertical-menu .navbar-expand-lg .navbar-nav { flex-direction: column; } .vertical-menu .navbar-expand-lg .u-header__navbar-nav { align-items: unset; width: 100%; padding: 0.4375rem 0; } .vertical-menu .navbar-expand-lg .u-header__navbar-nav .u-header__nav-link { padding-top: 0.406rem; padding-bottom: 0.406rem; padding-right: 0.312375rem; padding-left: 0.312375rem; } .vertical-menu .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu { box-shadow: none; border-bottom-left-radius: 0; } .vertical-menu .navbar-expand-lg .u-header__navbar-nav .u-header__mega-menu-wrapper { padding-top: 2.249625rem; padding-bottom: 2.249625rem; } } @media (min-width: 1200px) { .vertical-menu .navbar-expand-xl .navbar-nav { flex-direction: column; } .vertical-menu .navbar-expand-xl .u-header__navbar-nav { align-items: unset; width: 100%; padding: 0.4375rem 0; } .vertical-menu .navbar-expand-xl .u-header__navbar-nav .u-header__nav-link { padding-top: 0.406rem; padding-bottom: 0.406rem; padding-right: 0.312375rem; padding-left: 0.312375rem; } .vertical-menu .navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu { box-shadow: none; border-bottom-left-radius: 0; } .vertical-menu .navbar-expand-xl .u-header__navbar-nav .u-header__mega-menu-wrapper { padding-top: 2.249625rem; padding-bottom: 2.249625rem; } } @media (min-width: 1480px) { .vertical-menu .navbar-expand-wd .navbar-nav { flex-direction: column; } .vertical-menu .navbar-expand-wd .u-header__navbar-nav { align-items: unset; width: 100%; padding: 0.4375rem 0; } .vertical-menu .navbar-expand-wd .u-header__navbar-nav .u-header__nav-link { padding-top: 0.406rem; padding-bottom: 0.406rem; padding-right: 0.312375rem; padding-left: 0.312375rem; } .vertical-menu .navbar-expand-wd .u-header__navbar-nav .u-header__sub-menu { box-shadow: none; border-bottom-left-radius: 0; } .vertical-menu .navbar-expand-wd .u-header__navbar-nav .u-header__mega-menu-wrapper { padding-top: 2.249625rem; padding-bottom: 2.249625rem; } } .vertical-menu.v2 .navbar-expand .u-header__navbar-nav .u-header__sub-menu, .vertical-menu.v3 .navbar-expand .u-header__navbar-nav .u-header__sub-menu { box-shadow: 3px 5px 11px -10px rgba(0, 0, 0, 0.8); } @media (min-width: 576px) { .vertical-menu.v2 .navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu, .vertical-menu.v3 .navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu { box-shadow: 3px 5px 11px -10px rgba(0, 0, 0, 0.8); } } @media (min-width: 768px) { .vertical-menu.v2 .navbar-expand-md .u-header__navbar-nav .u-header__sub-menu, .vertical-menu.v3 .navbar-expand-md .u-header__navbar-nav .u-header__sub-menu { box-shadow: 3px 5px 11px -10px rgba(0, 0, 0, 0.8); } } @media (min-width: 992px) { .vertical-menu.v2 .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu, .vertical-menu.v3 .navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu { box-shadow: 3px 5px 11px -10px rgba(0, 0, 0, 0.8); } } @media (min-width: 1200px) { .vertical-menu.v2 .navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu, .vertical-menu.v3 .navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu { box-shadow: 3px 5px 11px -10px rgba(0, 0, 0, 0.8); } } @media (min-width: 1480px) { .vertical-menu.v2 .navbar-expand-wd .u-header__navbar-nav .u-header__sub-menu, .vertical-menu.v3 .navbar-expand-wd .u-header__navbar-nav .u-header__sub-menu { box-shadow: 3px 5px 11px -10px rgba(0, 0, 0, 0.8); } } .u-header__navbar--wide.navbar-expand .u-header__navbar-nav .u-header__nav-link { padding-top: 0.75rem; padding-bottom: 0.75rem; padding-right: 1.1rem; padding-left: 1.1rem; } .u-header__navbar--wide.navbar-expand .u-header__navbar-nav .u-header__nav-link-toggle::after { font-size: 90%; } .u-header__navbar--wide.navbar-expand .u-header__navbar-nav .nav-item + .nav-item .u-header__nav-link { border-left: 1px solid #e40d0d; } .u-header__navbar--wide.navbar-expand .u-header__navbar-nav .hs-mega-menu-opened .u-header__nav-link, .u-header__navbar--wide.navbar-expand .u-header__navbar-nav .hs-sub-menu-opened .u-header__nav-link { background-color: #e40d0d; } @media (min-width: 576px) { .u-header__navbar--wide.navbar-expand-sm .u-header__navbar-nav .u-header__nav-link { padding-top: 0.75rem; padding-bottom: 0.75rem; padding-right: 1.1rem; padding-left: 1.1rem; } .u-header__navbar--wide.navbar-expand-sm .u-header__navbar-nav .u-header__nav-link-toggle::after { font-size: 90%; } .u-header__navbar--wide.navbar-expand-sm .u-header__navbar-nav .nav-item + .nav-item .u-header__nav-link { border-left: 1px solid #e40d0d; } .u-header__navbar--wide.navbar-expand-sm .u-header__navbar-nav .hs-mega-menu-opened .u-header__nav-link, .u-header__navbar--wide.navbar-expand-sm .u-header__navbar-nav .hs-sub-menu-opened .u-header__nav-link { background-color: #e40d0d; } } @media (min-width: 768px) { .u-header__navbar--wide.navbar-expand-md .u-header__navbar-nav .u-header__nav-link { padding-top: 0.75rem; padding-bottom: 0.75rem; padding-right: 1.1rem; padding-left: 1.1rem; } .u-header__navbar--wide.navbar-expand-md .u-header__navbar-nav .u-header__nav-link-toggle::after { font-size: 90%; } .u-header__navbar--wide.navbar-expand-md .u-header__navbar-nav .nav-item + .nav-item .u-header__nav-link { border-left: 1px solid #e40d0d; } .u-header__navbar--wide.navbar-expand-md .u-header__navbar-nav .hs-mega-menu-opened .u-header__nav-link, .u-header__navbar--wide.navbar-expand-md .u-header__navbar-nav .hs-sub-menu-opened .u-header__nav-link { background-color: #e40d0d; } } @media (min-width: 992px) { .u-header__navbar--wide.navbar-expand-lg .u-header__navbar-nav .u-header__nav-link { padding-top: 0.75rem; padding-bottom: 0.75rem; padding-right: 1.1rem; padding-left: 1.1rem; } .u-header__navbar--wide.navbar-expand-lg .u-header__navbar-nav .u-header__nav-link-toggle::after { font-size: 90%; } .u-header__navbar--wide.navbar-expand-lg .u-header__navbar-nav .nav-item + .nav-item .u-header__nav-link { border-left: 1px solid #e40d0d; } .u-header__navbar--wide.navbar-expand-lg .u-header__navbar-nav .hs-mega-menu-opened .u-header__nav-link, .u-header__navbar--wide.navbar-expand-lg .u-header__navbar-nav .hs-sub-menu-opened .u-header__nav-link { background-color: #e40d0d; } } @media (min-width: 1200px) { .u-header__navbar--wide.navbar-expand-xl .u-header__navbar-nav .u-header__nav-link { padding-top: 0.75rem; padding-bottom: 0.75rem; padding-right: 1.1rem; padding-left: 1.1rem; } .u-header__navbar--wide.navbar-expand-xl .u-header__navbar-nav .u-header__nav-link-toggle::after { font-size: 90%; } .u-header__navbar--wide.navbar-expand-xl .u-header__navbar-nav .nav-item + .nav-item .u-header__nav-link { border-left: 1px solid #e40d0d; } .u-header__navbar--wide.navbar-expand-xl .u-header__navbar-nav .hs-mega-menu-opened .u-header__nav-link, .u-header__navbar--wide.navbar-expand-xl .u-header__navbar-nav .hs-sub-menu-opened .u-header__nav-link { background-color: #e40d0d; } } @media (min-width: 1480px) { .u-header__navbar--wide.navbar-expand-wd .u-header__navbar-nav .u-header__nav-link { padding-top: 0.75rem; padding-bottom: 0.75rem; padding-right: 1.1rem; padding-left: 1.1rem; } .u-header__navbar--wide.navbar-expand-wd .u-header__navbar-nav .u-header__nav-link-toggle::after { font-size: 90%; } .u-header__navbar--wide.navbar-expand-wd .u-header__navbar-nav .nav-item + .nav-item .u-header__nav-link { border-left: 1px solid #e40d0d; } .u-header__navbar--wide.navbar-expand-wd .u-header__navbar-nav .hs-mega-menu-opened .u-header__nav-link, .u-header__navbar--wide.navbar-expand-wd .u-header__navbar-nav .hs-sub-menu-opened .u-header__nav-link { background-color: #e40d0d; } } .u-header__navbar--wide .u-header__nav-item:first-child .u-header__nav-link { padding-left: 1.1rem; } .secondary-menu .navbar-expand .u-header__navbar-nav .u-header__nav-link { padding-top: 0.53725rem; padding-bottom: 0.53725rem; } .secondary-menu .navbar-expand .u-header__navbar-nav-divider .u-header__nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } @media (min-width: 576px) { .secondary-menu .navbar-expand-sm .u-header__navbar-nav .u-header__nav-link { padding-top: 0.53725rem; padding-bottom: 0.53725rem; } .secondary-menu .navbar-expand-sm .u-header__navbar-nav-divider .u-header__nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } } @media (min-width: 768px) { .secondary-menu .navbar-expand-md .u-header__navbar-nav .u-header__nav-link { padding-top: 0.53725rem; padding-bottom: 0.53725rem; } .secondary-menu .navbar-expand-md .u-header__navbar-nav-divider .u-header__nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } } @media (min-width: 992px) { .secondary-menu .navbar-expand-lg .u-header__navbar-nav .u-header__nav-link { padding-top: 0.53725rem; padding-bottom: 0.53725rem; } .secondary-menu .navbar-expand-lg .u-header__navbar-nav-divider .u-header__nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } } @media (min-width: 1200px) { .secondary-menu .navbar-expand-xl .u-header__navbar-nav .u-header__nav-link { padding-top: 0.53725rem; padding-bottom: 0.53725rem; } .secondary-menu .navbar-expand-xl .u-header__navbar-nav-divider .u-header__nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } } @media (min-width: 1480px) { .secondary-menu .navbar-expand-wd .u-header__navbar-nav .u-header__nav-link { padding-top: 0.53725rem; padding-bottom: 0.53725rem; } .secondary-menu .navbar-expand-wd .u-header__navbar-nav-divider .u-header__nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } } .secondary-menu .u-header__navbar-nav .u-header__nav-link { font-weight: 400; font-size: 0.812875rem; } .secondary-menu.v1 .u-header__navbar-nav .u-header__nav-link { font-size: 0.875rem; } /*------------------------------------ Nav Alignments ------------------------------------*/ @media (min-width: 992px) { .vertical-menu .u-header__navbar-body, .vertical-menu .u-header__navbar-nav { margin-left: 0; } } /*------------------------------------ Header Sidebar ------------------------------------*/ .u-header-sidebar { /* Sub Menu */ } .u-header-sidebar__content { padding: 1rem 2rem 2rem; } .u-header-sidebar__sub-menu-title { display: block; color: #1e2022; font-size: 0.875rem; font-weight: 700; margin: 0.5rem 0; } /*------------------------------------ Header Collapse ------------------------------------*/ .u-header-collapse__nav-link, .u-header-collapse__submenu-nav-link, .u-header-collapse__submenu-list-link { padding-top: 0.4rem; padding-bottom: 0.4rem; } /*------------------------------------ Alert ------------------------------------*/ .alert-primary { background-color: #F21818; color: #333e48; } .alert-primary .alert-link { color: #333e48; } .alert-primary .alert-link:hover { color: #000000; } .alert-primary, .alert-secondary, .alert-success, .alert-danger, .alert-warning, .alert-info, .alert-light, .alert-dark { border-left: 9px solid rgba(0, 0, 0, 0.15); } /*------------------------------------ Search-Forms ------------------------------------*/ .custom-search-categories-select { width: auto !important; position: relative; } .custom-search-categories-select.bootstrap-select .dropdown-toggle .filter-option { position: relative; padding: 0; font-size: 0.937125rem; } .custom-search-categories-select .dropdown-toggle { display: flex; align-items: center; } .custom-search-categories-select .dropdown-toggle::after { margin-top: 4px; margin-left: 0.6rem; } .placeholder-1 input::-moz-placeholder { color: #333e48; } .placeholder-1 input:-ms-input-placeholder { color: #333e48; } .placeholder-1 input::placeholder { color: #333e48; } /*------------------------------------ Buttons ------------------------------------*/ /* Add cart btn */ .btn-add-cart { width: 2.188rem; height: 2.188rem; background-color: #e6e6e6; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 6.1875rem; } .btn-add-cart i { font-size: 1.25rem; } .btn-add-cart:hover { background-color: #F21818; color: #fff; } .btn-add-cart__wide { width: auto; background-color: #F21818; padding: 0 1rem; font-weight: 700; font-size: 0.813rem; height: 2.313rem; } .btn-add-cart__wide:hover { background-color: #333e48; box-shadow: 0 4px 11px rgba(51, 62, 72, 0.25) !important; } .btn-remove-focus:focus { background-color: #F21818 !important; } .btn-remove-bg-hover:hover, .btn-remove-bg-hover:focus { background-color: transparent !important; } .btn-primary-dark { color: #fff; background-color: #F21818; border-color: #F21818; } .btn-primary-dark:hover { background-color: #333e48; border-color: #333e48; color: #fff; } .btn-soft-secondary-w { color: #333e48; background-color: #efecec; border-color: #efecec; } .btn-soft-secondary-w:hover { background-color: #333e48; border-color: #333e48; color: #fff; } .btn-primary-dark-w { color: #333e48; background-color: #F21818; border-color: #F21818; } .btn-primary-dark-w:hover { background-color: #333e48; border-color: #333e48; color: #fff; } .btn-primary-dark[type]:hover, .btn-primary-dark[type]:active, .btn-primary-dark[type]:focus, .btn-primary-dark[href]:hover, .btn-primary-dark[href]:active, .btn-primary-dark[href]:focus { box-shadow: 0 4px 11px rgba(51, 62, 72, 0.25); } /*------------------------------------ Breadcrumb ------------------------------------*/ .breadcrumb { padding: 0.62rem 0; margin-bottom: 0.5rem; background-color: transparent; border-radius: 0; } .breadcrumb-item { display: flex; align-items: center; } .breadcrumb-item a { display: inline-block; } .breadcrumb-item.active, .breadcrumb-item a { color: #333e48; } .breadcrumb-item + .breadcrumb-item::before { font-family: "font-electro"; margin-top: 4px; } .breadcrumb-item + .breadcrumb-item a { padding: 0.438rem 0.875rem; background-color: transparent; border-radius: 0.313rem; } @media (min-width: 768px) { .breadcrumb-item + .breadcrumb-item a { background-color: #f5f5f5; } .breadcrumb-item + .breadcrumb-item a:hover { background-color: #e8e8e8; } } /*------------------------------------ Card ------------------------------------*/ .product-item { position: relative; } .product-item__footer { display: none; } @media (min-width: 1200px) { .product-item:hover .product-item__inner:not(.remove-prodcut-hover) { position: absolute; width: 100%; height: auto; min-height: 100%; box-shadow: 0px 0px 6px 0px rgba(1, 1, 1, 0.3); background-color: #fff; z-index: 1; } .product-item:hover .product-item__footer { display: block; } } .product-item__title { font-size: 0.749875rem; line-height: 0.875rem; } @media (min-width: 992px) { .product-item__title { font-size: 0.875rem; line-height: 1.125rem; } } @media (min-width: 768px) { .product-item__title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } @media (min-width: 1200px) { .product-item__title a { min-height: 2.25rem; } } @media (min-width: 1200px) { .product-item__list .product-item__title a { min-height: 100%; } } @media (min-width: 1200px) { .products-group-4-1-4 .products-group-1__body, .products-group-8-1 .products-group-1__body { height: 100%; } .products-group-4-1-4 .products-group-1 .product-item__title a, .products-group-8-1 .products-group-1 .product-item__title a { min-height: 100%; } .products-group-4-1-4 .products-group-1 .product-item:hover .product-item__inner, .products-group-8-1 .products-group-1 .product-item:hover .product-item__inner { height: calc(100% + 35px); } .products-group-4-1-4 .products-group-1 .product-item:hover .product-item__body, .products-group-8-1 .products-group-1 .product-item:hover .product-item__body { height: calc(100% - 28px); } } .add-accessories::before { content: "+"; position: absolute; font-size: 1.5rem; line-height: 1.3; height: 2.188rem; width: 2.188rem; background-color: #fff; border-radius: 50%; top: 50%; left: -1.125rem; display: inline-block; text-align: center; transform: translateY(-50%); } @media (min-width: 768px) { .add-accessories::before { border: 1px solid #dddddd; } } .about-accordion .card-collapse:hover { background-color: transparent; } .about-accordion .card-btn span { padding: 0.594rem 0.798rem; } .about-accordion .card-btn i { color: #b5b5b5; } .about-accordion .card-btn .fa-minus { display: none; } .about-accordion .card-btn[aria-expanded=false] { border-bottom-width: 0; } .about-accordion .card-btn[aria-expanded=true] { font-weight: 700; } .about-accordion .card-btn[aria-expanded=true] .fa-plus { display: none; } .about-accordion .card-btn[aria-expanded=true] .fa-minus { display: block; color: #333e48; } .about-accordion .card-btn[aria-expanded=true] span { background-color: #F21818; border-color: #F21818 !important; padding: 0.781rem 0.798rem; } /*------------------------------------ Form ------------------------------------*/ .form-label { display: block; text-transform: capitalize; font-size: 0.875rem; font-weight: 700; } .form-check-input:disabled ~ .form-check-label { color: #686c6f; } /*------------------------------------ Custom Checkbox ------------------------------------*/ .custom-radio { padding-left: 1.6rem; } .custom-radio .custom-control-label::after, .custom-radio .custom-control-label::before { width: 1rem; height: 1rem; left: -1.6rem; } /*------------------------------------ Progress Bar ------------------------------------*/ .progress-bar { border-radius: 0.3125rem; } /*------------------------------------ Pagination ------------------------------------*/ .pagination-shop .page-link { width: 35px; height: 35px; line-height: 34px; text-align: center; vertical-align: middle; border-radius: 20px; border: 1px solid #e6e6e6; padding: 0; color: #7d7d7d; } .pagination-shop .page-link.current { font-weight: 700; color: #262626; background-color: #F21818; border-color: #F21818; } .pagination-shop .page-link:hover:not(.current) { background-color: #e6e6e6; } .pagination-shop .page-item { margin: 0 0.15rem; } .pagination-shop .page-item:first-child .page-link, .pagination-shop .page-item:last-child .page-link { border-radius: 20px; } /*------------------------------------ Sidebar Navigation ------------------------------------*/ .u-sidebar__lg { width: 23.4375rem; } .all-tree .custom-hover { padding: 0.3rem 1rem; font-weight: 550; border-bottom: 1px solid #dddddd; } .sidebar-navbar { font-size: 0.875rem; color: #333e48; } .sidebar-navbar a { color: #333e48; display: block; } .sidebar-navbar .dropdown-title { padding: 0.3rem 1rem; border-bottom: 1px solid #dddddd; } .sidebar-navbar .dropdown-toggle { display: flex; align-items: center; } .sidebar-navbar .dropdown-toggle::after { content: "\F105"; font-size: 1.000125rem; line-height: 1; } .sidebar-navbar .dropdown-toggle-collapse[aria-expanded=true]::after { transform: rotate(-90deg); } .sidebar-navbar .dropdown-list { padding: 0 0.875rem 0.875rem; /* li:nth-last-child(1) { .dropdown-item, .dropdown-toggle { border-bottom-width: 0; } } */ } .sidebar-navbar .dropdown-list li:not(:nth-last-child(1)) .dropdown-item, .sidebar-navbar .dropdown-list li:not(:nth-last-child(1)) .dropdown-toggle { border-bottom: 1px solid #dddddd; } .sidebar-navbar .dropdown-current { margin: 0 0.875rem 0.4rem; padding: 1rem 1rem 0.538rem; border-bottom: 1px solid #dddddd; } .sidebar-navbar .dropdown-current + .dropdown-list { padding: 0 0.875rem 0.875rem; } .sidebar-navbar .dropdown-current + .dropdown-list li:not(:nth-last-child(1)) .dropdown-item, .sidebar-navbar .dropdown-current + .dropdown-list li:not(:nth-last-child(1)) .dropdown-toggle { border-bottom-width: 0; } .sidebar-navbar .dropdown-current.active { font-weight: 700; } .sidebar-navbar .dropdown-item, .sidebar-navbar .dropdown-toggle:not(.dropdown-title) { padding: 0.5rem 1.5rem; } .sidebar-navbar .dropdown-item.active, .sidebar-navbar .dropdown-toggle:not(.dropdown-title).active { font-weight: 700; } .sidebar-navbar.view-all { padding-bottom: 0.3rem; } .sidebar-navbar.view-all > li:not(:first-child) { margin: 0 0.875rem; } .sidebar-navbar.view-all > li:not(:last-child):not(:first-child) { border-bottom: 1px solid #dddddd; } .sidebar-navbar.view-all .dropdown-list li .dropdown-item, .sidebar-navbar.view-all .dropdown-list li .dropdown-toggle { border-bottom-width: 0; } .sidebar-navbar.view-all .dropdown-toggle { padding: 0.5rem 1rem; } .sidebar-navbar.view-all .dropdown-toggle::after { order: -1; margin-left: 0; margin-right: 0.5rem; color: #aeaeae; font-size: 0.749875rem; } .sidebar-navbar.view-all .dropdown-toggle span { margin-left: 4px; } /*------------------------------------ Slick Pagination ------------------------------------*/ .u-slick__pagination--long li { margin: 0 0.4375rem; } .u-slick__pagination--long li:first-child { margin-left: 0; } .u-slick__pagination--long li span { transform: none; border: 0; width: 0.5rem; height: 0.5rem; background-color: #bcbcbc; } .u-slick__pagination--long li.slick-active span { transform: none; width: 1.875125rem; background-color: #F21818; border-radius: 6.1875rem; } .u-slick__pagination--hover { position: absolute; opacity: 0; left: 2.25rem; bottom: -2.125rem; transition: all 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .u-slick__pagination--hover { transition: none; } } .u-slick:hover .u-slick__pagination--hover { opacity: 1; bottom: 2.125rem; } /*------------------------------------ Slick ------------------------------------*/ .u-slick-overflow-visble .slick-list { overflow: visible; } .u-slick-thumb-progress__custom .slick-slide { padding: 1rem 0.5rem; line-height: 1.2; display: none; } @media (min-width: 768px) { .u-slick-thumb-progress__custom .slick-slide { display: block; } } @media (min-width: 1200px) { .u-slick-thumb-progress__custom .slick-slide { padding: 1rem 2.6rem; } } @media (min-width: 1480px) { .u-slick-thumb-progress__custom .slick-slide { padding: 1rem 4.6rem; } } .u-slick-thumb-progress__custom .slick-slide .js-slick-thumb-progress { color: #334141; font-weight: 700; } .u-slick-thumb-progress__custom .slick-slide:not(.slick-current) .js-slick-thumb-progress { opacity: 0.4; } .u-slick-thumb-progress__custom .slick-slide:not(.slick-current) .js-slick-thumb-progress:hover { color: #7b8186; opacity: 1; } .u-slick-thumb-progress__custom .slick-current.js-slide { position: relative; } .u-slick-thumb-progress__custom .slick-current.js-slide::before, .u-slick-thumb-progress__custom .slick-current.js-slide::after { position: absolute; content: " "; border-top: 2px solid #F21818; } .u-slick-thumb-progress__custom .slick-current.js-slide::before { display: block; top: 0; width: 100%; left: 0; } .u-slick-thumb-progress__custom .slick-current.js-slide::after { border-left: 4px solid transparent; border-right: 4px solid transparent; top: 4px; left: 50%; border-top-width: 4px; transform: translate(-50%, -50%); } .u-slick--slider-syncing .slick-slide { padding: 0.625rem; border: 1px solid #eaeaea; } .u-slick--slider-syncing .slick-slide.slick-current { border-bottom-width: 2px; border-bottom-color: #F21818; } @media (min-width: 1200px) { .u-slick--slider-syncing-size .slick-slide { width: 5rem !important; } } /*------------------------------------ Slick Arrows ------------------------------------*/ .u-slick__arrow-normal { cursor: pointer; } .u-slick__arrow-normal.slick-disabled, .u-slick__arrow-normal.slick-disabled.js-next, .u-slick__arrow-normal.slick-disabled.js-prev { opacity: 0.5; cursor: not-allowed; } @media (min-width: 1200px) and (max-width: 1479.98px) { .u-slick-deal-arrow__border::after { content: " "; position: absolute; height: 1px; width: 310px; right: 14px; top: 46px; background-color: #eaeaea; } .u-slick-deal-arrow::after { font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #383838; font-size: 0.875rem; font-weight: normal; } .u-slick-deal-arrow__left::after { content: "Previous Deal"; margin-left: 6px; } .u-slick-deal-arrow__right::after { content: "Next Deal"; order: -1; margin-right: 6px; } } /*------------------------------------ Tables ------------------------------------*/ .cart-table .table th, .cart-table .table td, .wishlist-table .table th, .wishlist-table .table td { border-width: 0; vertical-align: middle; padding: 0.75rem; } .cart-table .table thead th, .wishlist-table .table thead th { border-bottom-width: 1px; color: #747474; } .cart-table table th, .wishlist-table table th { font-weight: 400; } .cart-table .table, .wishlist-table .table { margin-bottom: 0; } .cart-table .table tbody tr:first-child td, .wishlist-table .table tbody tr:first-child td { padding-top: 2.188rem; } .cart-table .table tbody tr td, .wishlist-table .table tbody tr td { padding: 1.125rem 0.75rem; } .cart-table .table td, .wishlist-table .table td { font-size: 1.06225rem; } @media (max-width: 767.98px) { .cart-table .table thead, .wishlist-table .table thead { display: none; } } @media (max-width: 767.98px) { .cart-table .table tr, .wishlist-table .table tr { display: block; } .cart-table .table tr td, .wishlist-table .table tr td { text-align: right; display: flex; justify-content: space-between; } .cart-table .table tr td::before, .wishlist-table .table tr td::before { content: attr(data-title) ": "; font-weight: 700; } } @media (max-width: 767.98px) { .cart-table .table tbody tr td:first-child, .wishlist-table .table tbody tr td:first-child { justify-content: flex-end; } .cart-table .table tbody tr td:first-child::before, .wishlist-table .table tbody tr td:first-child::before { display: none; } .cart-table .table tbody tr:not(:first-child):not(:last-child) td:first-child, .wishlist-table .table tbody tr:not(:first-child):not(:last-child) td:first-child { border-top: 1px solid #dddddd; margin-top: 15px; } } .wishlist-table .table thead th { border-top-width: 0; border-bottom-width: 1px; } @media (max-width: 767.98px) { .wishlist-table .table tbody tr td:last-child::before { display: none; } } .wishlist-table .table th { font-weight: 400; } .wishlist-table .table tbody td { border-top-width: 0; border-bottom: 1px solid #eceeef; } .cart-total .table tr:first-child th, .cart-total .table tr:first-child td { border-top-width: 0; } .cart-total .table th, .cart-total .table td { padding: 0.75rem; } .cart-total .table td { text-align: right; } .checkout-table .table thead th, .checkout-table .table thead td { border-width: 0; } .checkout-table .table th, .checkout-table .table td { padding: 0.75rem 0; border-color: #dddddd; } .checkout-table .table th:last-child, .checkout-table .table td:last-child { text-align: right; } .table-compare-list th { vertical-align: middle; background-color: #f1f1f1; text-align: center; border: 1px solid #d7d7d7; text-transform: uppercase; min-width: 12.5rem; } .table-compare-list .table th, .table-compare-list .table td { padding: 0.75rem; text-align: center; } .table-compare-list .table th ul, .table-compare-list .table td ul { text-align: left; } .table-compare-list .table .product-price { font-size: 1.12525rem; } /*------------------------------------ Navs ------------------------------------*/ .nav-tab { border-color: #dddddd; } .nav-tab .nav-link { margin-bottom: -1px; border-width: 2px; padding: 0.5rem 0.3rem; font-size: 1.125rem; color: #343f49; } .nav-tab .nav-link:hover { color: #343f49; } .nav-tab .nav-link.active { font-weight: 700; color: #343f49; position: relative; } .nav-tab .nav-link.active::after { content: " "; height: 4px; width: 10px; display: block; position: absolute; bottom: -5px; left: 50%; border-radius: 0 0 10px 10px; transform: translateX(-50%); background-color: #F21818; } .nav-tab-sm .nav-link { font-size: 0.938rem; } @media (max-width: 991.98px) { .nav-tab-sm::after { content: " "; border-bottom: 1px solid #dddddd; display: block; position: absolute; bottom: 3px; width: 100%; z-index: -1; right: 0; left: 0; } } .nav-tab-lg.nav .nav-item:not(:first-child) { margin-left: 1.15rem; } .nav-tab-lg.nav .nav-item:not(:last-child) { margin-right: 1.15rem; } .nav-tab-lg.nav .nav-item:not(:first-child) { margin-left: 1rem; } .nav-tab-lg.nav .nav .nav-item:not(:last-child) { margin-right: 1rem; } @media (max-width: 1199.98px) { .nav-tab-lg::after { content: " "; border-bottom: 1px solid #dddddd; display: block; position: absolute; bottom: 3px; width: 100%; right: 0; left: 0; } } .nav-tab-shop .nav-link { color: #d6dbe1; padding: 0; font-size: 1.12525rem; } .nav-tab-shop .nav-link.active, .nav-tab-shop .nav-link:hover { color: #575560; } .nav .nav-item:not(:first-child) { margin-left: 0.4rem; } .nav .nav-item:not(:last-child) { margin-right: 0.4rem; } .nav-tab-pill .nav-link { color: #7b8186; border: 2px solid transparent; padding: 2px 20px; } .nav-tab-pill .nav-link.active { background-color: transparent; border-color: #F21818; color: #333e48; } .nav-tab-pill-fill .nav-link.active { background-color: #F21818; font-weight: 700; } /* Box */ .nav-box-custom .nav-item { width: 100%; } .nav-box-custom .nav-link { color: #1e2022; position: relative; display: block; } .nav-box-custom .nav-link.active { color: #1e2022; background-color: #F21818; font-weight: 700; } .nav-box-custom .nav-link.active::before { content: " "; display: block; border-top: 18px solid transparent; border-right: 18px solid #F21818; border-bottom: 18px solid transparent; position: absolute; top: 0; right: 100%; } .list-divider li:not(:last-child)::after { content: "/"; display: inline-block; color: #b9b9b9; margin: 0 0.6rem; } .ec-store-directory > ul, .ec-store-directory > ul ul { margin: 0 0 0 0.438rem; padding: 0; list-style: none; position: relative; } .ec-store-directory > ul::before, .ec-store-directory > ul ul::before { content: ""; display: block; width: 0; position: absolute; top: 0; bottom: 0; left: 0; border-left: 1px solid #dddddd; } .ec-store-directory a { font-weight: 700; color: #333e48; } .ec-store-directory > ul { margin-left: 0; } .ec-store-directory > ul ul a { font-weight: 400; } .ec-store-directory > ul li { margin: 0; padding: 0 1.313rem; line-height: 1.75rem; position: relative; } .ec-store-directory > ul li::before { content: ""; display: block; width: 10px; height: 0; border-top: 1px solid #dddddd; margin-top: -1px; position: absolute; top: 1.25rem; left: 0; } .ec-store-directory > ul > li::before { top: 1.25rem; } .ec-store-directory > ul li:last-child:before { background-color: #fff; height: auto; top: 1.313rem; bottom: 0; } .ec-store-directory > ul ul li:last-child:before { top: 1.25rem; } .ec-store-directory > ul li > a { padding: 0.35rem 0; } .ec-store-directory ul li > a { display: inline-block; } .cart-dropdown { min-width: 20.75rem; } /*------------------------------------ Typography Font Size ------------------------------------*/ .font-size-n5 { font-size: 0.312375rem; } .font-size-6 { font-size: 0.375375rem; } .font-size-8 { font-size: 0.499625rem; } .font-size-11 { font-size: 0.602rem; } .font-size-12 { font-size: 0.749875rem; } .font-size-13 { font-size: 0.812875rem; } .font-size-14 { font-size: 0.875rem; } .font-size-15, .nav-tab-pill .nav-link { font-size: 0.938rem; } @media (min-width: 768px) { .font-size-sl-15 { font-size: 0.938rem; } } .font-size-16 { font-size: 1.000125rem; } .font-size-17 { font-size: 1.06225rem; } .font-size-18 { font-size: 1.12525rem; } .font-size-20 { font-size: 1.250375rem; } .font-size-22 { font-size: 1.374625rem; } .font-size-24 { font-size: 1.49975rem; } .font-size-25 { font-size: 1.56275rem; } .font-size-26 { font-size: 1.624875rem; } @media (min-width: 1480px) { .font-size-wd-25 { font-size: 1.56275rem; } } .font-size-28 { font-size: 1.75rem; } .font-size-30 { font-size: 1.875125rem; } @media (min-width: 1200px) and (max-width: 1479.98px) { .font-size-xl-30 { font-size: 1.875125rem; } } .font-size-32 { font-size: 2.00025rem; } .font-size-34 { font-size: 2.125375rem; } .font-size-36 { font-size: 2.249625rem; } .font-size-40 { font-size: 2.499875rem; } .font-size-44 { font-size: 2.750125rem; } .font-size-46 { font-size: 2.87525rem; } @media (min-width: 992px) { .font-size-sl-48 { font-size: 2.625rem; } } @media (min-width: 1480px) { .font-size-sl-48 { font-size: 3.000375rem; } } .font-size-50 { font-size: 1.75rem; } @media (min-width: 768px) { .font-size-50 { font-size: 3.124625rem; } } .font-size-55 { font-size: 1.4rem; } @media (min-width: 768px) { .font-size-55 { font-size: 3.437875rem; } } .font-size-56 { font-size: 3.5rem; } .font-size-58 { font-size: 3.625125rem; } .font-size-58-sm { font-size: 1.5rem; } @media (min-width: 768px) { .font-size-58-sm { font-size: 3.625125rem; } } .font-size-15-sm { font-size: 0.75rem; } @media (min-width: 768px) { .font-size-15-sm { font-size: 0.938rem; } } .font-size-64 { font-size: 1.75rem; } @media (min-width: 768px) { .font-size-64 { font-size: 3.999625rem; } } @media (min-width: 992px) { .font-size-sl-72 { font-size: 3.2rem; } } @media (min-width: 1480px) { .font-size-sl-72 { font-size: 4.500125rem; } } .font-size-130 { font-size: 8.12525rem; } @media (max-width: 1199.98px) { .font-size-14-down-lg { font-size: 0.875rem; } } @media (min-width: 768px) and (max-width: 991.98px) { .font-size-15-md { font-size: 0.75rem; } } @media (min-width: 768px) and (max-width: 1199.98px) { .font-size-14-lg { font-size: 0.875rem; } .font-size-30-lg { font-size: 1.875rem; } .font-size-24-lg { font-size: 1.5rem; } .font-size-20-lg { font-size: 1.25rem; } } .section-title { position: relative; } @media (max-width: 575.98px) { .section-title { font-size: 1.06225rem; font-weight: 700; } } .section-title::after { content: " "; height: 2px; width: 114px; display: block; background-color: #F21818; position: absolute; bottom: -1px; left: 0; } .section-title__sm::after { width: 84px; } .section-title__full::after { width: 100%; } .prodcut-price { font-size: 1.000125rem; } @media (min-width: 992px) { .prodcut-price { font-size: 1.250375rem; } } /*------------------------------------ Font Weight ------------------------------------*/ .hover-on-bold:hover { font-weight: 700; } /*------------------------------------ Line Height ------------------------------------*/ .text-lh-1 { line-height: 1; } .text-lh-1dot2 { line-height: 1.2; } .text-lh-default { line-height: 1.5 !important; } .text-lh-14 { line-height: 0.875rem; } .text-lh-18 { line-height: 1.125rem; } .text-lh-19 { line-height: 1.188rem; } .text-lh-21 { line-height: 1.313rem; } .text-lh-23 { line-height: 1.438rem; } .text-lh-28 { line-height: 1.75rem; } .text-lh-38 { line-height: 2.375rem; } .text-lh-45 { line-height: 1.75rem; } @media (min-width: 768px) { .text-lh-45 { line-height: 2.80875rem; } } .text-lh-50 { line-height: 3.124625rem; } .text-lh-57 { line-height: 1.75rem; } @media (min-width: 768px) { .text-lh-57 { line-height: 3.562125rem; } } /*------------------------------------ letter Space ------------------------------------*/ .text-ls-n1 { letter-spacing: -0.4px; } .text-ls-n2 { letter-spacing: -1px; } /*------------------------------------ Others ------------------------------------*/ .underline-on-hover:hover { text-decoration: underline; } .font-bold-on-hover:hover { font-weight: 700; } .text-decoration-on { text-decoration: underline; } .cursor-pointer-on { cursor: pointer; } .line-clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .list-bullet::before { content: ""; width: 4px; height: 4px; background-color: #7c7c7c; display: inline-block; border-radius: 50%; margin-right: 8px; vertical-align: middle; } /*------------------------------------ Text Colors ------------------------------------*/ .text-gray-30 { color: #a0a0a0; } .text-gray-50 { color: #959595; } .text-gray-60 { color: #6b6b6b; } .text-gray-70 { color: #334141; } .text-gray-90 { color: #333e48; } .text-gray-90[href]:hover { color: #333e48; } .text-gray-100 { color: #343f49; } .text-gray-110 { color: #7c7c7c; } .text-gray-111 { color: #686c6f; } .text-gray-20 { color: #7d7d7d; } .text-gray-23 { color: #aeaeae; } .text-gray-25 { color: #acacac; } .text-gray-27 { color: #575560; } .text-gray-27[href]:hover { color: #333e48; } .text-gray-300 { color: #b0b0b0; } .text-gray-32 { color: #a7a7a7; } .text-gray-39 { color: #434343; } .text-gray-41 { color: #989898; } .text-gray-44 { color: #9f9f9f; } .text-blue { color: #0062bd !important; } .text-blue[href]:hover { color: #0067c7; } .text-primary-darken-5 { color: #e40d0d; } .text-red { color: #ee0000; } .hover-on-dark:hover { color: #333e48 !important; } /*------------------------------------ Borders-width ------------------------------------*/ .rounded-top-lg { border-top-left-radius: 0.4375rem; border-top-right-radius: 0.4375rem; } .border-width-2 { border-width: 2px !important; } .border-width-3 { border-width: 3px !important; } .border-width-0 { border-width: 0 !important; } /*------------------------------------ Borders-style ------------------------------------*/ .border-dotted-top { border-top: 1px dotted transparent !important; } .border-dotted-bottom { border-bottom: 1px dotted transparent !important; } /*------------------------------------ Borders-radius ------------------------------------*/ .borders-radius-6 { border-radius: 0.375rem; } .borders-radius-9 { border-radius: 0.563rem; } .borders-radius-20 { border-radius: 1.25rem; } .borders-radius-17 { border-radius: 1.063rem; } /*------------------------------------ Borders-Color ------------------------------------*/ .border-color-1 { border-color: #dddddd !important; } .border-color-2 { border-top: 1px solid #e40d0d; } .border-color-3 { border-color: #ececec !important; } .border-color-4 { border-color: #f7f7f7 !important; } .border-color-5 { border-color: #b5b5b5 !important; } .border-top-primary { border-top-color: #F21818 !important; } .border-right-primary { border-right-color: #F21818 !important; } .border-bottom-primary { border-bottom-color: #F21818 !important; } .border-left-primary { border-left-color: #F21818 !important; } .border-top-secondary { border-top-color: #77838f !important; } .border-right-secondary { border-right-color: #77838f !important; } .border-bottom-secondary { border-bottom-color: #77838f !important; } .border-left-secondary { border-left-color: #77838f !important; } .border-top-success { border-top-color: #00c9a7 !important; } .border-right-success { border-right-color: #00c9a7 !important; } .border-bottom-success { border-bottom-color: #00c9a7 !important; } .border-left-success { border-left-color: #00c9a7 !important; } .border-top-info { border-top-color: #00dffc !important; } .border-right-info { border-right-color: #00dffc !important; } .border-bottom-info { border-bottom-color: #00dffc !important; } .border-left-info { border-left-color: #00dffc !important; } .border-top-warning { border-top-color: #ffc107 !important; } .border-right-warning { border-right-color: #ffc107 !important; } .border-bottom-warning { border-bottom-color: #ffc107 !important; } .border-left-warning { border-left-color: #ffc107 !important; } .border-top-danger { border-top-color: #de4437 !important; } .border-right-danger { border-right-color: #de4437 !important; } .border-bottom-danger { border-bottom-color: #de4437 !important; } .border-left-danger { border-left-color: #de4437 !important; } .border-top-light { border-top-color: #f8f9fa !important; } .border-right-light { border-right-color: #f8f9fa !important; } .border-bottom-light { border-bottom-color: #f8f9fa !important; } .border-left-light { border-left-color: #f8f9fa !important; } .border-top-dark { border-top-color: #333e48 !important; } .border-right-dark { border-right-color: #333e48 !important; } .border-bottom-dark { border-bottom-color: #333e48 !important; } .border-left-dark { border-left-color: #333e48 !important; } .border-top-cyan { border-top-color: #34bcec !important; } .border-right-cyan { border-right-color: #34bcec !important; } .border-bottom-cyan { border-bottom-color: #34bcec !important; } .border-left-cyan { border-left-color: #34bcec !important; } .border-top-sale { border-top-color: #df3737 !important; } .border-right-sale { border-right-color: #df3737 !important; } .border-bottom-sale { border-bottom-color: #df3737 !important; } .border-left-sale { border-left-color: #df3737 !important; } .border-top-black { border-top-color: #000000 !important; } .border-right-black { border-right-color: #000000 !important; } .border-bottom-black { border-bottom-color: #000000 !important; } .border-left-black { border-left-color: #000000 !important; } .border-top-green { border-top-color: #5cb85c !important; } .border-right-green { border-right-color: #5cb85c !important; } .border-bottom-green { border-bottom-color: #5cb85c !important; } .border-left-green { border-left-color: #5cb85c !important; } .border-top-red { border-top-color: #ee0000 !important; } .border-right-red { border-right-color: #ee0000 !important; } .border-bottom-red { border-bottom-color: #ee0000 !important; } .border-left-red { border-left-color: #ee0000 !important; } .border-top-gray-1 { border-top-color: #f5f5f5 !important; } .border-right-gray-1 { border-right-color: #f5f5f5 !important; } .border-bottom-gray-1 { border-bottom-color: #f5f5f5 !important; } .border-left-gray-1 { border-left-color: #f5f5f5 !important; } .border-top-gray-2 { border-top-color: #383838 !important; } .border-right-gray-2 { border-right-color: #383838 !important; } .border-bottom-gray-2 { border-bottom-color: #383838 !important; } .border-left-gray-2 { border-left-color: #383838 !important; } .border-top-gray-3 { border-top-color: #eeeeee !important; } .border-right-gray-3 { border-right-color: #eeeeee !important; } .border-bottom-gray-3 { border-bottom-color: #eeeeee !important; } .border-left-gray-3 { border-left-color: #eeeeee !important; } .border-top-gray-4 { border-top-color: #e6e6e6 !important; } .border-right-gray-4 { border-right-color: #e6e6e6 !important; } .border-bottom-gray-4 { border-bottom-color: #e6e6e6 !important; } .border-left-gray-4 { border-left-color: #e6e6e6 !important; } .border-top-gray-5 { border-top-color: #878787 !important; } .border-right-gray-5 { border-right-color: #878787 !important; } .border-bottom-gray-5 { border-bottom-color: #878787 !important; } .border-left-gray-5 { border-left-color: #878787 !important; } .border-top-gray-6 { border-top-color: #848484 !important; } .border-right-gray-6 { border-right-color: #848484 !important; } .border-bottom-gray-6 { border-bottom-color: #848484 !important; } .border-left-gray-6 { border-left-color: #848484 !important; } .border-top-gray-7 { border-top-color: #f9f9f9 !important; } .border-right-gray-7 { border-right-color: #f9f9f9 !important; } .border-bottom-gray-7 { border-bottom-color: #f9f9f9 !important; } .border-left-gray-7 { border-left-color: #f9f9f9 !important; } .border-top-gray-8 { border-top-color: #7b8186 !important; } .border-right-gray-8 { border-right-color: #7b8186 !important; } .border-bottom-gray-8 { border-bottom-color: #7b8186 !important; } .border-left-gray-8 { border-left-color: #7b8186 !important; } .border-top-gray-9 { border-top-color: #8f8f8f !important; } .border-right-gray-9 { border-right-color: #8f8f8f !important; } .border-bottom-gray-9 { border-bottom-color: #8f8f8f !important; } .border-left-gray-9 { border-left-color: #8f8f8f !important; } .border-top-gray-13 { border-top-color: #f8f8f8 !important; } .border-right-gray-13 { border-right-color: #f8f8f8 !important; } .border-bottom-gray-13 { border-bottom-color: #f8f8f8 !important; } .border-left-gray-13 { border-left-color: #f8f8f8 !important; } .border-top-gray-14 { border-top-color: #eaeaea !important; } .border-right-gray-14 { border-right-color: #eaeaea !important; } .border-bottom-gray-14 { border-bottom-color: #eaeaea !important; } .border-left-gray-14 { border-left-color: #eaeaea !important; } .border-top-gray-15 { border-top-color: #9d9c9c !important; } .border-right-gray-15 { border-right-color: #9d9c9c !important; } .border-bottom-gray-15 { border-bottom-color: #9d9c9c !important; } .border-left-gray-15 { border-left-color: #9d9c9c !important; } .border-top-gray-16 { border-top-color: #606060 !important; } .border-right-gray-16 { border-right-color: #606060 !important; } .border-bottom-gray-16 { border-bottom-color: #606060 !important; } .border-left-gray-16 { border-left-color: #606060 !important; } .border-top-gray-17 { border-top-color: #ecedf2 !important; } .border-right-gray-17 { border-right-color: #ecedf2 !important; } .border-bottom-gray-17 { border-bottom-color: #ecedf2 !important; } .border-left-gray-17 { border-left-color: #ecedf2 !important; } .border-top-gray-18 { border-top-color: #333e484d !important; } .border-right-gray-18 { border-right-color: #333e484d !important; } .border-bottom-gray-18 { border-bottom-color: #333e484d !important; } .border-left-gray-18 { border-left-color: #333e484d !important; } .border-top-white { border-top-color: #fff !important; } .border-right-white { border-right-color: #fff !important; } .border-bottom-white { border-bottom-color: #fff !important; } .border-left-white { border-left-color: #fff !important; } .border-top-indigo { border-top-color: #2d1582 !important; } .border-right-indigo { border-right-color: #2d1582 !important; } .border-bottom-indigo { border-bottom-color: #2d1582 !important; } .border-left-indigo { border-left-color: #2d1582 !important; } @media (max-width: 1199.98px) { .border-lg-down-0 { border-width: 0 !important; } .border-lg-down-bottom-0 { border-bottom: 0 !important; } } @media (max-width: 991.98px) { .border-md-down-top-0 { border-top: 0 !important; } .border-md-down-bottom-0 { border-bottom: 0 !important; } } @media (max-width: 767.98px) { .border-sm-0 { border: 0 !important; } .border-sm-top-0 { border-top: 0 !important; } .border-sm-right-0 { border-right: 0 !important; } .border-sm-left-0 { border-left: 0 !important; } .border-sm-bottom-0 { border-bottom: 0 !important; } } @media (min-width: 768px) { .border-md-0 { border: 0 !important; } .border-md-top-0 { border-top: 0 !important; } .border-md-right-0 { border-right: 0 !important; } .border-md-left-0 { border-left: 0 !important; } .border-md-bottom-0 { border-bottom: 0 !important; } } @media (min-width: 992px) { .border-lg-0 { border: 0 !important; } .border-lg-top-0 { border-top: 0 !important; } .border-lg-right-0 { border-right: 0 !important; } .border-lg-left-0 { border-left: 0 !important; } .border-lg-bottom-0 { border-bottom: 0 !important; } } @media (min-width: 1200px) and (max-width: 1479.98px) { .border-xl-0 { border: 0 !important; } } @media (min-width: 1480px) { .border-wd-0 { border: 0 !important; } } @media (max-width: 1199.98px) { .border-lg-down-0 { border: 0 !important; } } @media (min-width: 1200px) { .border-xl-top-0 { border-top: 0 !important; } } @media (min-width: 1480px) { .border-md-0 { border: 0 !important; } .border-md-top-0 { border-top: 0 !important; } .border-md-right-0 { border-right: 0 !important; } .border-md-left-0 { border-left: 0 !important; } .border-md-bottom-0 { border-bottom: 0 !important; } } .product-item { border-bottom: 1px solid #eaeaea; } @media (min-width: 768px) { .product-item { border-width: 0; } } .product-item:last-child, .product-item:nth-last-child(2) { border-width: 0; } .product-item::after { content: ""; border-right: 1px solid #eaeaea; display: block; position: absolute; top: 50%; right: 0; height: 70%; transform: translateY(-50%); } @media (min-width: 1200px) { .product-item::after { height: 80%; } } @media (min-width: 1200px) { .product-item__card::after { height: 70%; } } @media (max-width: 767.98px) { .product-item__card::after { content: none; } } .product-item:nth-child(even)::after { content: none; } @media (min-width: 768px) { .product-item:nth-child(even)::after { content: " "; } } .product-item.remove-divider::after { content: none; } @media (min-width: 768px) and (max-width: 1199.98px) { .product-item.remove-divider-md-lg::after { content: none; } } @media (max-width: 767.98px) { .product-item.remove-divider-sm-down::after { content: none; } } @media (min-width: 768px) and (max-width: 991.98px) { .product-item.remove-divider-md::after { content: none; } } @media (min-width: 992px) and (max-width: 1199.98px) { .product-item.remove-divider-lg::after { content: none; } } @media (min-width: 1480px) { .product-item.remove-divider-wd::after { content: none; } } @media (min-width: 1200px) and (max-width: 1479.98px) { .product-item.remove-divider-xl::after { content: none; } } .prodcut-list-view .product-item:not(:last-child), .prodcut-list-view-small .product-item:not(:last-child) { border-bottom: 1px solid #eaeaea; } @media (min-width: 1200px) and (max-width: 1479.98px) { .remove-bd-xl-only { border-width: 0 !important; } } @media (min-width: 1480px) { .remove-bd-wd { border-width: 0 !important; } } .bg-animation { -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; background-color: #c7c7c7 !important; opacity: 0.1; } @-webkit-keyframes placeHolderShimmer { 0% { background-position: -150px 0; } 100% { background-position: 150px 0; } } @keyframes placeHolderShimmer { 0% { background-position: -150px 0; } 100% { background-position: 150px 0; } } @-webkit-keyframes fading { 0% { opacity: 0.1; } 50% { opacity: 0.2; } 100% { opacity: 0.1; } } @keyframes fading { 0% { opacity: 0.1; } 50% { opacity: 0.2; } 100% { opacity: 0.1; } } .rounded-circle-top { border-top-left-radius: 100px !important; border-top-right-radius: 100px !important; } /*------------------------------------ Background Soft Colors ------------------------------------*/ .banner-bg { background-color: #f5f5f5 !important; } .bg-1 { background-color: #dddddd; } .bg-2 { background-color: #333e48; } .slider-bg { background-color: #eef7f9; } @media (min-width: 768px) { .bg-md-transparent { background-color: transparent !important; } } @media (min-width: 1200px) { .bg-xl-transparent { background-color: transparent !important; } } @media (max-width: 1199.98px) { .bg-primary-down-lg { background-color: #F21818 !important; } } .bg-dark-lighter { background-color: rgba(0, 0, 0, 0.035); } @media (max-width: 1199.98px) { .bg-lg-down-transparent, a.bg-lg-down-transparent.bg-white:hover, a.bg-lg-down-transparent.bg-white:focus, button.bg-lg-down-transparent.bg-white:hover, button.bg-lg-down-transparent.bg-white:focus { background-color: transparent !important; } } @media (max-width: 1199.98px) { .bg-lg-down-black { background-color: #000000 !important; color: #fff; } } .bg-on-hover .bg { color: #878787; background-color: #f9f9f9; } .bg-on-hover:hover .bg { color: #000000; background-color: #F21818; } .bg-transparent-on-hover:hover { background-color: transparent !important; } .bg-primary-on-hover:hover { border-color: #F21818 !important; background-color: #F21818; } /*------------------------------------ Width ------------------------------------*/ .width-1 { width: 1px; } .width-22 { width: 1.374625rem; } .width-35 { width: 2.1875rem; } .width-60 { width: 3.75025rem; } .width-50 { width: 3.125rem; } .width-75 { width: 4.688rem; } .width-134 { width: 8.374625rem; } @media (min-width: 1200px) { .vmm-tfw { width: 37.499875rem; } .vmm-fw { width: 56.25025rem; } } @media (min-width: 1200px) and (max-width: 1479.98px) { .max-width-xl-100 { max-width: 100%; } } .min-width-46 { min-width: 2.875rem; } .width-122 { width: 7.625rem; } .min-width-50 { min-width: 3.125rem; } .max-width-60 { max-width: 3.75rem; } .max-width-70 { max-width: 4.375rem; } .max-width-100 { max-width: 6.25rem; } @media (min-width: 1200px) { .max-width-100-xl { max-width: 6.25rem; } } @media (max-width: 767.98px) { .max-width-100-sm { max-width: 6.25rem; } } .max-width-120 { max-width: 7.5rem; } .max-width-150 { max-width: 9.375rem; } .max-width-148 { max-width: 9.25rem; } @media (max-width: 767.98px) { .max-width-160-sm { max-width: 10rem; } } .max-width-180 { max-width: 11.25rem; } @media (min-width: 992px) { .max-width-200 { max-width: 12.5rem; } } .max-width-216 { max-width: 13.5rem; } @media (min-width: 992px) { .min-width-200 { min-width: 12.5rem; } } @media (min-width: 768px) and (max-width: 1199.98px) { .min-width-200-md-lg { min-width: 12.5rem; } } @media (min-width: 1200px) { .max-width-240-xl { max-width: 15rem; } } @media (min-width: 768px) { .max-width-244 { max-width: 15.25rem; } } @media (min-width: 1200px) { .max-width-270 { max-width: 16.875rem; } } @media (min-width: 1200px) { .min-width-270 { min-width: 16.875rem; } } .min-width-270-all { min-width: 16.875rem; } .max-width-300 { max-width: 18.75rem; } @media (min-width: 768px) { .max-width-300-md { max-width: 18.75rem; } } .min-width-300 { min-width: 18.75rem; } .max-width-320 { max-width: 18.75rem; } @media (min-width: 1200px) { .max-width-320 { max-width: 20rem; } } .max-width-334 { max-width: 100%; } @media (min-width: 1200px) { .max-width-334 { max-width: 20.375rem; } } @media (min-width: 1480px) { .max-width-334 { max-width: 20.875rem; } } .max-width-340 { max-width: 100%; } @media (min-width: 992px) { .max-width-340 { max-width: 21.25rem; } } .min-width-370 { min-width: 18.125rem; } @media (min-width: 768px) and (max-width: 991.98px) { .min-width-370 { max-width: 18.75rem; } } @media (min-width: 992px) { .min-width-370 { min-width: 23.125rem; } } @media (min-width: 992px) { .max-width-590-lg { max-width: 36.875rem; } } @media (min-width: 1200px) { .max-width-830-xl { max-width: 51.875rem; } } @media (min-width: 1200px) { .max-width-450 { max-width: 28.125rem; } } @media (min-width: 992px) { .max-width-620-lg { max-width: 38.75rem; } } @media (min-width: 1200px) { .max-width-660-xl { max-width: 41.25rem; } } @media (min-width: 1480px) { .max-width-890-wd { max-width: 55.625rem; } } @media (min-width: 1480px) { .max-width-1100-wd { max-width: 68.75rem; } } @media (min-width: 1480px) { .min-width-1100-wd { min-width: 68.75rem; } } @media (min-width: 1480px) { .max-width-1130 { max-width: 1130px; } } @media (min-width: 1480px) { .max-width-1060-wd { max-width: 66.25rem; } } /*------------------------------------ Height ------------------------------------*/ .height-10 { height: 0.546875rem; } .height-12 { height: 0.65625rem; } .height-14 { height: 0.875rem; } .height-190 { height: 11.874625rem; } .height-450 { height: 17.625125rem; } @media (min-width: 768px) { .height-450 { height: 28.125125rem; } } .height-20 { height: 1.250375rem; } .height-35 { height: 2.1875rem; } .height-50 { height: 3.125rem; } .height-60 { height: 3.75025rem; } @media (min-width: 1200px) and (max-width: 1479.98px) { .height-xl-20 { height: 1.250375rem; } } @media (min-width: 1480px) { .height-wd-14 { height: 0.875rem; } } @media (max-width: 1199.98px) { .height-wd-14 { height: 0.875rem; } } .height-22 { height: 1.374625rem; } .height-33 { height: 2.063rem; } .height-40 { height: 2.562875rem; } .height-42 { height: 2.625rem; } .height-75 { height: 4.688rem; } .height-122 { height: 7.625rem; } @media (min-width: 768px) { .height-410-xl { height: 25.625rem; } } .min-height-45 { min-height: 2.813rem; } .min-height-50 { min-height: 3.125rem; } .min-height-64 { min-height: 4rem; } .min-height-126 { min-height: 7.875rem; } .min-height-132 { min-height: 8.250375rem; } .min-height-146 { min-height: 9.125375rem; } .min-height-166 { min-height: 10.374875rem; } .min-height-170 { min-height: 10.625125rem; } @media (min-width: 1480px) { .min-height-wd-170 { min-height: 10.625125rem; } } @media (min-width: 768px) { .min-height-172 { min-height: 10.75rem; } } @media (min-width: 1200px) and (max-width: 1479.98px) { .min-height-xl-182 { min-height: 11.375rem; } } .min-height-250 { min-height: 15.625rem; } .min-height-420 { min-height: 12.50025rem; } @media (min-width: 768px) { .min-height-420 { min-height: 26.25rem; } } .min-height-438 { min-height: 13.74975rem; } @media (min-width: 768px) { .min-height-438 { min-height: 27.37525rem; } } @media (min-width: 1200px) { .min-height-xl-450 { min-height: 28.125rem; } } @media (min-width: 1200px) { .min-height-630 { min-height: 39.375rem; } } .min-height-564 { min-height: 35.25025rem; } @media (min-width: 768px) { .min-height-4-1-4 { min-height: 25.62525rem; } } @media (min-width: 992px) { .min-height-4-1-4 { min-height: 33.749625rem; } } @media (min-width: 1200px) { .min-height-4-1-4 { min-height: 36.250375rem; } } @media (min-width: 1480px) { .min-height-4-1-4 { min-height: 35.499625rem; } } @media (min-width: 768px) { .min-height-8-1 { min-height: 25.62525rem; } } @media (min-width: 992px) { .min-height-8-1 { min-height: 27.74975rem; } } @media (min-width: 1200px) { .min-height-8-1 { min-height: 34.250125rem; } } @media (min-width: 1480px) { .min-height-8-1 { min-height: 34.500375rem; } } .max-height-50 { max-height: 3.125rem; } @media (min-width: 1200px) { .max-height-345-xl { max-height: 21.563rem; } } @media (min-width: 1480px) { .max-height-348-wd { max-height: 21.75rem; } } .pyc-10 { padding: 10.5px 0 !important; } .object-fit-cover { height: inherit; -o-object-fit: cover; object-fit: cover; } /*------------------------------------ Box Shadow ------------------------------------*/ .prodcut-box-shadow { box-shadow: 0px 0px 0px 4px #f9f9f9; } .box-shadow-1 { box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.26); } .shadow-on-hover:hover { box-shadow: 0 0 6px 0 rgba(1, 1, 1, 0.3); } .shadow-on-hover-1:hover { box-shadow: 0 0 18px -2px rgba(0, 0, 0, 0.2); z-index: 1; } /*------------------------------------ Overflow ------------------------------------*/ @media (min-width: 768px) { .overflow-md-visble { overflow: visible !important; } } @media (min-width: 992px) { .overflow-lg-visble { overflow: visible !important; } } @media (min-width: 1200px) { .overflow-xl-visble { overflow: visible !important; } } /*------------------------------------ Opacity ------------------------------------*/ .opacity-7 { opacity: 0.7; } /*------------------------------------ Position Spaces ------------------------------------*/ .top-n2 { top: -0.125125rem; } .top-2 { top: 0.125125rem; } .top-3 { top: 1rem; } .top-8 { top: 0.499625rem; } .top-10 { top: 0.546875rem; } .top-100 { top: 100%; } .left-auto { left: auto !important; } .left-100 { left: 100% !important; } .left-3 { left: 1rem; } .left-12 { left: 0.749875rem; } .left-n16 { left: -1rem; } .bottom-1 { bottom: 1rem; } .bottom-100 { bottom: 100%; } .right-1 { right: 1rem; } .right-2 { right: 2rem; } .right-3 { right: 3rem; } .right-n20 { right: -1.25rem; } @media (min-width: 1200px) and (max-width: 1479.98px) { .right-xl-220 { right: 13.75rem; } } @media (min-width: 768px) { .position-md-static { position: static !important; } } @media (max-width: 1199.98px) { .right-dropdown-0 ~ .dropdown-menu { right: 0 !important; left: auto !important; transform: translate3d(0px, 37px, 0px) !important; } } .right-dropdown-0-all ~ .dropdown-menu { right: 0 !important; left: auto !important; min-width: 100% !important; transform: translate3d(0px, 44px, 0px) !important; } /*------------------------------------ Content Centered ------------------------------------*/ .flex-center-between { display: flex; align-items: center; justify-content: space-between; } .flex-content-center { display: flex; align-items: center; justify-content: center; } .flex-horizontal-center { display: flex; align-items: center; } /* Vertical Center Alignment */ .position-absolute-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*------------------------------------ Transform ------------------------------------*/ .transform-rotate-180 { transform: rotate(180deg); } .transform-rotate-15 { transform: rotate(-15deg); } .transform-rotate-16-banner { bottom: -30px; right: -10px; width: 110px; height: auto; transform: rotate(-16deg); } /*------------------------------------ Z-Index ------------------------------------*/ .z-index-9 { z-index: 9; } /*------------------------------------ Grid ------------------------------------*/ [class*=gdot] { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col-xs-1gdot7 { flex: 0 0 14.28571425%; max-width: 14.28571425%; } .col-xs-2gdot4 { flex: 0 0 20%; max-width: 20%; } @media (max-width: 575.98px) { .col-xs-2gdot4-only { flex: 0 0 20%; max-width: 20%; } } .col-xs-3gdot9 { flex: 0 0 32.5%; max-width: 32.5%; } .col-xs-2gdot5 { flex: 0 0 20.8333333333%; max-width: 20.8333333333%; } .col-xs-3gdot3 { flex: 0 0 27.5%; max-width: 27.5%; } .col-xs-8gdot46 { flex: 0 0 70.5%; max-width: 70.5%; } .col-xs-8gdot7 { flex: 0 0 72.5%; max-width: 72.5%; } .col-xs-9gdot5 { flex: 0 0 79.1666666667%; max-width: 79.1666666667%; } @media (min-width: 576px) { .col-sm-1gdot7 { flex: 0 0 14.28571425%; max-width: 14.28571425%; } } @media (min-width: 576px) { .col-sm-2gdot4 { flex: 0 0 20%; max-width: 20%; } } @media (min-width: 576px) and (max-width: 767.98px) { .col-sm-2gdot4-only { flex: 0 0 20%; max-width: 20%; } } @media (min-width: 576px) { .col-sm-3gdot9 { flex: 0 0 32.5%; max-width: 32.5%; } } @media (min-width: 576px) { .col-sm-2gdot5 { flex: 0 0 20.8333333333%; max-width: 20.8333333333%; } } @media (min-width: 576px) { .col-sm-3gdot3 { flex: 0 0 27.5%; max-width: 27.5%; } } @media (min-width: 576px) { .col-sm-8gdot46 { flex: 0 0 70.5%; max-width: 70.5%; } } @media (min-width: 576px) { .col-sm-8gdot7 { flex: 0 0 72.5%; max-width: 72.5%; } } @media (min-width: 576px) { .col-sm-9gdot5 { flex: 0 0 79.1666666667%; max-width: 79.1666666667%; } } @media (min-width: 768px) { .col-md-1gdot7 { flex: 0 0 14.28571425%; max-width: 14.28571425%; } } @media (min-width: 768px) { .col-md-2gdot4 { flex: 0 0 20%; max-width: 20%; } } @media (min-width: 768px) and (max-width: 991.98px) { .col-md-2gdot4-only { flex: 0 0 20%; max-width: 20%; } } @media (min-width: 768px) { .col-md-3gdot9 { flex: 0 0 32.5%; max-width: 32.5%; } } @media (min-width: 768px) { .col-md-2gdot5 { flex: 0 0 20.8333333333%; max-width: 20.8333333333%; } } @media (min-width: 768px) { .col-md-3gdot3 { flex: 0 0 27.5%; max-width: 27.5%; } } @media (min-width: 768px) { .col-md-8gdot46 { flex: 0 0 70.5%; max-width: 70.5%; } } @media (min-width: 768px) { .col-md-8gdot7 { flex: 0 0 72.5%; max-width: 72.5%; } } @media (min-width: 768px) { .col-md-9gdot5 { flex: 0 0 79.1666666667%; max-width: 79.1666666667%; } } @media (min-width: 992px) { .col-lg-1gdot7 { flex: 0 0 14.28571425%; max-width: 14.28571425%; } } @media (min-width: 992px) { .col-lg-2gdot4 { flex: 0 0 20%; max-width: 20%; } } @media (min-width: 992px) and (max-width: 1199.98px) { .col-lg-2gdot4-only { flex: 0 0 20%; max-width: 20%; } } @media (min-width: 992px) { .col-lg-3gdot9 { flex: 0 0 32.5%; max-width: 32.5%; } } @media (min-width: 992px) { .col-lg-2gdot5 { flex: 0 0 20.8333333333%; max-width: 20.8333333333%; } } @media (min-width: 992px) { .col-lg-3gdot3 { flex: 0 0 27.5%; max-width: 27.5%; } } @media (min-width: 992px) { .col-lg-8gdot46 { flex: 0 0 70.5%; max-width: 70.5%; } } @media (min-width: 992px) { .col-lg-8gdot7 { flex: 0 0 72.5%; max-width: 72.5%; } } @media (min-width: 992px) { .col-lg-9gdot5 { flex: 0 0 79.1666666667%; max-width: 79.1666666667%; } } @media (min-width: 1200px) { .col-xl-1gdot7 { flex: 0 0 14.28571425%; max-width: 14.28571425%; } } @media (min-width: 1200px) { .col-xl-2gdot4 { flex: 0 0 20%; max-width: 20%; } } @media (min-width: 1200px) and (max-width: 1479.98px) { .col-xl-2gdot4-only { flex: 0 0 20%; max-width: 20%; } } @media (min-width: 1200px) { .col-xl-3gdot9 { flex: 0 0 32.5%; max-width: 32.5%; } } @media (min-width: 1200px) { .col-xl-2gdot5 { flex: 0 0 20.8333333333%; max-width: 20.8333333333%; } } @media (min-width: 1200px) { .col-xl-3gdot3 { flex: 0 0 27.5%; max-width: 27.5%; } } @media (min-width: 1200px) { .col-xl-8gdot46 { flex: 0 0 70.5%; max-width: 70.5%; } } @media (min-width: 1200px) { .col-xl-8gdot7 { flex: 0 0 72.5%; max-width: 72.5%; } } @media (min-width: 1200px) { .col-xl-9gdot5 { flex: 0 0 79.1666666667%; max-width: 79.1666666667%; } } @media (min-width: 1480px) { .col-wd-1gdot7 { flex: 0 0 14.28571425%; max-width: 14.28571425%; } } @media (min-width: 1480px) { .col-wd-2gdot4 { flex: 0 0 20%; max-width: 20%; } } @media (min-width: 1480px) { .col-wd-2gdot4-only { flex: 0 0 20%; max-width: 20%; } } @media (min-width: 1480px) { .col-wd-3gdot9 { flex: 0 0 32.5%; max-width: 32.5%; } } @media (min-width: 1480px) { .col-wd-2gdot5 { flex: 0 0 20.8333333333%; max-width: 20.8333333333%; } } @media (min-width: 1480px) { .col-wd-3gdot3 { flex: 0 0 27.5%; max-width: 27.5%; } } @media (min-width: 1480px) { .col-wd-8gdot46 { flex: 0 0 70.5%; max-width: 70.5%; } } @media (min-width: 1480px) { .col-wd-8gdot7 { flex: 0 0 72.5%; max-width: 72.5%; } } @media (min-width: 1480px) { .col-wd-9gdot5 { flex: 0 0 79.1666666667%; max-width: 79.1666666667%; } } @media (min-width: 1480px) { .cart-page .container, .checkout-page .container { max-width: 1200px; } } /*------------------------------------ Range Slider ------------------------------------*/ .u-range-slider .irs-line-left, .u-range-slider .irs-line-mid, .u-range-slider .irs-line-right { height: 0.125rem; top: 50%; transform: translate(0, -50%); } .u-range-slider .irs-slider { background-color: #F21818; box-shadow: none; } .u-range-slider .irs-slider.to { background-color: #fff; border: 3px solid #F21818; } .u-range-slider .irs-slider:hover { box-shadow: 0 0 0 0.236em rgba(0, 0, 0, 0.1); } .u-range-slider .irs-slider.state_hover { transform: scale(1); } .u-range-slider .irs-bar { background-color: #dcdcdc; } /* Indicator */ .u-range-slider-indicator .irs-line { top: 0.575rem; } .u-range-slider-indicator .irs-bar { top: 0.575rem; } .u-range-slider-indicator .irs-bar-edge { top: 0.575rem; } .u-range-slider-indicator .irs-slider { top: 0.2rem; } .img-grid-1 img { width: auto; max-width: 185px; height: 150px; } .img-grid-2 img { width: auto; max-width: 185px; height: 150px; } .img-list-1 img { width: auto; max-width: 185px; height: 150px; } .img-list-2 img { width: auto; max-width: 250px; height: 200px; } /*------------------------------------ File for your custom SCSS style ------------------------------------*/ .filter-form { width: 100%; } .filter-form input[type=checkbox], .filter-form label { cursor: pointer; } .filter-form ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } .filter-form ::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; } .filter-form ::-webkit-scrollbar-thumb { background-color: #F21818; } .filter-form .filter-name { white-space: nowrap; } .filter-form .filter-name label { font-size: 10px; margin: 0; padding: 0; border: 0; height: 0; box-sizing: border-box; line-height: 1.5; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .filter-form .card { width: 100%; } .filter-form .card-header { font-size: 12px; padding: 5px 3px 37px 5px; max-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .filter-form .card-header span { font-size: 11px; white-space: normal; } .filter-form .card-body { overflow-y: scroll; overflow-x: hidden; min-height: 110px; max-height: 110px; padding: 0 5px 0 5px; margin: 0; } .filter-form .card-body .form-check-label { white-space: normal; } .filter-form .card-footer { padding: 0; } .filter-form .card-footer input { height: 15px; width: 100%; font-size: 12px; border-radius: 0; } .vs__clear { display: none !important; } .vs__selected-options { height: calc(1.3em + 1.14rem + 2px) !important; }