/* /vendor/font-awesome/css/fontawesome-all.min.css */
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #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%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\f95b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\f952"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\f905"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\f907"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\f95c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\f95d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\f95e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\f95f"}.fa-handshake-slash:before{content:"\f960"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\f961"}.fa-head-side-cough-slash:before{content:"\f962"}.fa-head-side-mask:before{content:"\f963"}.fa-head-side-virus:before{content:"\f964"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\f965"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\f913"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\f955"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\f966"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\f967"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\f91a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\f956"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\f968"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\f91e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\f969"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\f96a"}.fa-pump-soap:before{content:"\f96b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\f96c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\f957"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\f96e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\f96f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\f970"}.fa-store-slash:before{content:"\f971"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\f972"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\f941"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\f949"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-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-virus:before{content:"\f974"}.fa-virus-slash:before{content:"\f975"}.fa-viruses:before{content:"\f976"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:fallback;src:url("/vendor/font-awesome/webfonts/fa-brands-400.eot");src:url("/vendor/font-awesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("/vendor/font-awesome/webfonts/fa-brands-400.woff2") format("woff2"),url("/vendor/font-awesome/webfonts/fa-brands-400.woff") format("woff"),url("/vendor/font-awesome/webfonts/fa-brands-400.ttf") format("truetype"),url("/vendor/font-awesome/webfonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:400}@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:400;font-display:fallback;src:url("/vendor/font-awesome/webfonts/fa-regular-400.eot");src:url("/vendor/font-awesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("/vendor/font-awesome/webfonts/fa-regular-400.woff2") format("woff2"),url("/vendor/font-awesome/webfonts/fa-regular-400.woff") format("woff"),url("/vendor/font-awesome/webfonts/fa-regular-400.ttf") format("truetype"),url("/vendor/font-awesome/webfonts/fa-regular-400.svg#fontawesome") format("svg")}.far{font-family:'Font Awesome 5 Free';font-weight:400}@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;font-display:fallback;src:url("/vendor/font-awesome/webfonts/fa-solid-900.eot");src:url("/vendor/font-awesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("/vendor/font-awesome/webfonts/fa-solid-900.woff2") format("woff2"),url("/vendor/font-awesome/webfonts/fa-solid-900.woff") format("woff"),url("/vendor/font-awesome/webfonts/fa-solid-900.ttf") format("truetype"),url("/vendor/font-awesome/webfonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Free';font-weight:900}

/* /css/font-mytravel.css */
@font-face {
font-family: "Flaticon";
src: url("/fonts/mytravel.eot");
src: url("/fonts/mytravel.eot?#iefix") format("embedded-opentype"),
url("/fonts/mytravel.woff2") format("woff2"),
url("/fonts/mytravel.woff") format("woff"),
url("/fonts/mytravel.ttf") format("truetype"),
url("/fonts/mytravel.svg#mytravel") format("svg");
font-weight: normal;
font-style: normal;
;font-display:swap}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url("/fonts/mytravel.svg#mytravel") format("svg");
;font-display:swap}
}
[class^="flaticon-"], [class*=" flaticon-"],
[class^="flaticon-"], [class*=" flaticon-"] {
font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
}
.flaticon-user:before { content: "\f100"; }
.flaticon-magnifying-glass:before { content: "\f101"; }
.flaticon-magnifying-glass-1:before { content: "\f102"; }
.flaticon-shopping-basket:before { content: "\f103"; }
.flaticon-hotel:before { content: "\f104"; }
.flaticon-hotel-1:before { content: "\f105"; }
.flaticon-bed:before { content: "\f106"; }
.flaticon-global:before { content: "\f107"; }
.flaticon-global-1:before { content: "\f108"; }
.flaticon-climbing:before { content: "\f109"; }
.flaticon-camping:before { content: "\f10a"; }
.flaticon-hot-air-balloon:before { content: "\f10b"; }
.flaticon-gym:before { content: "\f10c"; }
.flaticon-home:before { content: "\f10d"; }
.flaticon-shelter:before { content: "\f10e"; }
.flaticon-sedan:before { content: "\f10f"; }
.flaticon-yatch:before { content: "\f110"; }
.flaticon-sailboat:before { content: "\f111"; }
.flaticon-aeroplane:before { content: "\f112"; }
.flaticon-airplane:before { content: "\f113"; }
.flaticon-placeholder:before { content: "\f114"; }
.flaticon-placeholder-1:before { content: "\f115"; }
.flaticon-event:before { content: "\f116"; }
.flaticon-month:before { content: "\f117"; }
.flaticon-calendar:before { content: "\f118"; }
.flaticon-add-group:before { content: "\f119"; }
.flaticon-plus:before { content: "\f11a"; }
.flaticon-heart:before { content: "\f11b"; }
.flaticon-heart-1:before { content: "\f11c"; }
.flaticon-clock-circular-outline:before { content: "\f11d"; }
.flaticon-watch:before { content: "\f11e"; }
.flaticon-price:before { content: "\f11f"; }
.flaticon-medal:before { content: "\f120"; }
.flaticon-pin:before { content: "\f121"; }
.flaticon-pin-1:before { content: "\f122"; }
.flaticon-worldwide:before { content: "\f123"; }
.flaticon-world:before { content: "\f124"; }
.flaticon-internet:before { content: "\f125"; }
.flaticon-next:before { content: "\f126"; }
.flaticon-back:before { content: "\f127"; }
.flaticon-left-arrow:before { content: "\f128"; }
.flaticon-right-arrow:before { content: "\f129"; }
.flaticon-call:before { content: "\f12a"; }
.flaticon-call-1:before { content: "\f12b"; }
.flaticon-support:before { content: "\f12c"; }
.flaticon-google-play:before { content: "\f12d"; }
.flaticon-apple:before { content: "\f12e"; }
.flaticon-right-thin-chevron:before { content: "\f12f"; }
.flaticon-down-chevron:before { content: "\f130"; }
.flaticon-left-direction-arrow:before { content: "\f131"; }
.flaticon-arrow:before { content: "\f132"; }
.flaticon-plans:before { content: "\f133"; }
.flaticon-bed-1:before { content: "\f134"; }
.flaticon-bathtub:before { content: "\f135"; }
.flaticon-door:before { content: "\f136"; }
.flaticon-key:before { content: "\f137"; }
.flaticon-furniture-and-household:before { content: "\f138"; }
.flaticon-download-speed:before { content: "\f139"; }
.flaticon-gasoline-pump:before { content: "\f13a"; }
.flaticon-car:before { content: "\f13b"; }
.flaticon-fuel:before { content: "\f13c"; }
.flaticon-gear:before { content: "\f13d"; }
.flaticon-ruler:before { content: "\f13e"; }
.flaticon-meter:before { content: "\f13f"; }
.flaticon-movie:before { content: "\f140"; }
.flaticon-multimedia:before { content: "\f141"; }
.flaticon-placeholder-2:before { content: "\f142"; }
.flaticon-tag:before { content: "\f143"; }
.flaticon-price-1:before { content: "\f144"; }
.flaticon-customer-service:before { content: "\f145"; }
.flaticon-modern-house:before { content: "\f146"; }
.flaticon-modern-house-1:before { content: "\f147"; }
.flaticon-house:before { content: "\f148"; }
.flaticon-house-1:before { content: "\f149"; }
.flaticon-building:before { content: "\f14a"; }
.flaticon-cityscape:before { content: "\f14b"; }
.flaticon-town:before { content: "\f14c"; }
.flaticon-condominium:before { content: "\f14d"; }
.flaticon-apartment:before { content: "\f14e"; }
.flaticon-sailboat-1:before { content: "\f14f"; }
.flaticon-kayak:before { content: "\f150"; }
.flaticon-lifeboat:before { content: "\f151"; }
.flaticon-jetski-facing-right:before { content: "\f152"; }
.flaticon-sail-boat:before { content: "\f153"; }
.flaticon-sailboat-2:before { content: "\f154"; }
.flaticon-yatch-1:before { content: "\f155"; }
.flaticon-yatch-2:before { content: "\f156"; }
.flaticon-node:before { content: "\f157"; }
.flaticon-location:before { content: "\f158"; }
.flaticon-cardinal-points:before { content: "\f159"; }
.flaticon-anchor:before { content: "\f15a"; }
.flaticon-portfolio:before { content: "\f15b"; }
.flaticon-backpack:before { content: "\f15c"; }
.flaticon-filter:before { content: "\f15d"; }
.flaticon-filter-results-button:before { content: "\f15e"; }
.flaticon-valentine-heart:before { content: "\f15f"; }
.flaticon-like:before { content: "\f160"; }
.flaticon-wifi-signal:before { content: "\f161"; }
.flaticon-alarm:before { content: "\f162"; }
.flaticon-bathrobe:before { content: "\f163"; }
.flaticon-weightlifting:before { content: "\f164"; }
.flaticon-phone-call:before { content: "\f165"; }
.flaticon-clothes:before { content: "\f166"; }
.flaticon-folded-towel:before { content: "\f167"; }
.flaticon-wine-glass:before { content: "\f168"; }
.flaticon-hair-dryer:before { content: "\f169"; }
.flaticon-chair:before { content: "\f16a"; }
.flaticon-desk-chair:before { content: "\f16b"; }
.flaticon-dish:before { content: "\f16c"; }
.flaticon-hamburger:before { content: "\f16d"; }
.flaticon-air-conditioner:before { content: "\f16e"; }
.flaticon-slippers:before { content: "\f16f"; }
.flaticon-like-1:before { content: "\f170"; }
.flaticon-dislike:before { content: "\f171"; }
.flaticon-smiling-emoticon-square-face:before { content: "\f172"; }
.flaticon-share:before { content: "\f173"; }
.flaticon-gallery:before { content: "\f174"; }
.flaticon-user-1:before { content: "\f175"; }
.flaticon-user-2:before { content: "\f176"; }
.flaticon-social:before { content: "\f177"; }
.flaticon-three-men-conference:before { content: "\f178"; }
.flaticon-favorites:before { content: "\f179"; }
.flaticon-star:before { content: "\f17a"; }
.flaticon-favorites-button:before { content: "\f17b"; }
.flaticon-tick:before { content: "\f17c"; }
.flaticon-close:before { content: "\f17d"; }
.flaticon-non-commercial:before { content: "\f17e"; }
.flaticon-invoice:before { content: "\f17f"; }
.flaticon-tickets:before { content: "\f180"; }
.flaticon-landing:before { content: "\f181"; }
.flaticon-take-off:before { content: "\f182"; }
.flaticon-bell:before { content: "\f183"; }
.flaticon-envelope:before { content: "\f184"; }
.flaticon-password:before { content: "\f185"; }
.flaticon-settings:before { content: "\f186"; }
.flaticon-edit:before { content: "\f187"; }
.flaticon-delete-button:before { content: "\f188"; }
.flaticon-delete:before { content: "\f189"; }
.flaticon-browser:before { content: "\f18a"; }
.flaticon-browser-1:before { content: "\f18b"; }
.flaticon-search:before { content: "\f18c"; }
.flaticon-hourglass:before { content: "\f18d"; }
.flaticon-file:before { content: "\f18e"; }
.flaticon-printer:before { content: "\f18f"; }
.flaticon-printer-1:before { content: "\f190"; }

/* /vendor/flag-icon-css/css/flag-icon.css */
.flag-icon-background {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
}
.flag-icon {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: inline-block;
width: 1.33333333em;
line-height: 1em;
}
.flag-icon:before {
content: "\00a0";
}
.flag-icon.flag-icon-squared {
width: 1em;
}
.flag-icon-ad {
background-image: url("/vendor/flag-icon-css/flags/4x3/ad.svg");
}
.flag-icon-ad.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ad.svg");
}
.flag-icon-ae {
background-image: url("/vendor/flag-icon-css/flags/4x3/ae.svg");
}
.flag-icon-ae.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ae.svg");
}
.flag-icon-af {
background-image: url("/vendor/flag-icon-css/flags/4x3/af.svg");
}
.flag-icon-af.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/af.svg");
}
.flag-icon-ag {
background-image: url("/vendor/flag-icon-css/flags/4x3/ag.svg");
}
.flag-icon-ag.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ag.svg");
}
.flag-icon-ai {
background-image: url("/vendor/flag-icon-css/flags/4x3/ai.svg");
}
.flag-icon-ai.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ai.svg");
}
.flag-icon-al {
background-image: url("/vendor/flag-icon-css/flags/4x3/al.svg");
}
.flag-icon-al.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/al.svg");
}
.flag-icon-am {
background-image: url("/vendor/flag-icon-css/flags/4x3/am.svg");
}
.flag-icon-am.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/am.svg");
}
.flag-icon-ao {
background-image: url("/vendor/flag-icon-css/flags/4x3/ao.svg");
}
.flag-icon-ao.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ao.svg");
}
.flag-icon-aq {
background-image: url("/vendor/flag-icon-css/flags/4x3/aq.svg");
}
.flag-icon-aq.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/aq.svg");
}
.flag-icon-ar {
background-image: url("/vendor/flag-icon-css/flags/4x3/ar.svg");
}
.flag-icon-ar.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ar.svg");
}
.flag-icon-as {
background-image: url("/vendor/flag-icon-css/flags/4x3/as.svg");
}
.flag-icon-as.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/as.svg");
}
.flag-icon-at {
background-image: url("/vendor/flag-icon-css/flags/4x3/at.svg");
}
.flag-icon-at.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/at.svg");
}
.flag-icon-au {
background-image: url("/vendor/flag-icon-css/flags/4x3/au.svg");
}
.flag-icon-au.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/au.svg");
}
.flag-icon-aw {
background-image: url("/vendor/flag-icon-css/flags/4x3/aw.svg");
}
.flag-icon-aw.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/aw.svg");
}
.flag-icon-ax {
background-image: url("/vendor/flag-icon-css/flags/4x3/ax.svg");
}
.flag-icon-ax.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ax.svg");
}
.flag-icon-az {
background-image: url("/vendor/flag-icon-css/flags/4x3/az.svg");
}
.flag-icon-az.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/az.svg");
}
.flag-icon-ba {
background-image: url("/vendor/flag-icon-css/flags/4x3/ba.svg");
}
.flag-icon-ba.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ba.svg");
}
.flag-icon-bb {
background-image: url("/vendor/flag-icon-css/flags/4x3/bb.svg");
}
.flag-icon-bb.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/bb.svg");
}
.flag-icon-bd {
background-image: url("/vendor/flag-icon-css/flags/4x3/bd.svg");
}
.flag-icon-bd.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/bd.svg");
}
.flag-icon-be {
background-image: url("/vendor/flag-icon-css/flags/4x3/be.svg");
}
.flag-icon-be.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/be.svg");
}
.flag-icon-bf {
background-image: url("/vendor/flag-icon-css/flags/4x3/bf.svg");
}
.flag-icon-bf.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/bf.svg");
}
.flag-icon-bg {
background-image: url("/vendor/flag-icon-css/flags/4x3/bg.svg");
}
.flag-icon-bg.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/bg.svg");
}
.flag-icon-bh {
background-image: url("/vendor/flag-icon-css/flags/4x3/bh.svg");
}
.flag-icon-bh.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/bh.svg");
}
.flag-icon-bi {
background-image: url("/vendor/flag-icon-css/flags/4x3/bi.svg");
}
.flag-icon-bi.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/bi.svg");
}
.flag-icon-bj {
background-image: url("/vendor/flag-icon-css/flags/4x3/bj.svg");
}
.flag-icon-bj.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/bj.svg");
}
.flag-icon-bl {
background-image: url("/vendor/flag-icon-css/flags/4x3/bl.svg");
}
.flag-icon-bl.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/bl.svg");
}
.flag-icon-bm {
background-image: url("/vendor/flag-icon-css/flags/4x3/bm.svg");
}
.flag-icon-bm.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/bm.svg");
}
.flag-icon-bn {
background-image: url("/vendor/flag-icon-css/flags/4x3/bn.svg");
}
.flag-icon-bn.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/bn.svg");
}
.flag-icon-bo {
background-image: url("/vendor/flag-icon-css/flags/4x3/bo.svg");
}
.flag-icon-bo.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/bo.svg");
}
.flag-icon-bq {
background-image: url("/vendor/flag-icon-css/flags/4x3/bq.svg");
}
.flag-icon-bq.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/bq.svg");
}
.flag-icon-br {
background-image: url("/vendor/flag-icon-css/flags/4x3/br.svg");
}
.flag-icon-br.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/br.svg");
}
.flag-icon-bs {
background-image: url("/vendor/flag-icon-css/flags/4x3/bs.svg");
}
.flag-icon-bs.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/bs.svg");
}
.flag-icon-bt {
background-image: url("/vendor/flag-icon-css/flags/4x3/bt.svg");
}
.flag-icon-bt.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/bt.svg");
}
.flag-icon-bv {
background-image: url("/vendor/flag-icon-css/flags/4x3/bv.svg");
}
.flag-icon-bv.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/bv.svg");
}
.flag-icon-bw {
background-image: url("/vendor/flag-icon-css/flags/4x3/bw.svg");
}
.flag-icon-bw.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/bw.svg");
}
.flag-icon-by {
background-image: url("/vendor/flag-icon-css/flags/4x3/by.svg");
}
.flag-icon-by.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/by.svg");
}
.flag-icon-bz {
background-image: url("/vendor/flag-icon-css/flags/4x3/bz.svg");
}
.flag-icon-bz.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/bz.svg");
}
.flag-icon-ca {
background-image: url("/vendor/flag-icon-css/flags/4x3/ca.svg");
}
.flag-icon-ca.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ca.svg");
}
.flag-icon-cc {
background-image: url("/vendor/flag-icon-css/flags/4x3/cc.svg");
}
.flag-icon-cc.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/cc.svg");
}
.flag-icon-cd {
background-image: url("/vendor/flag-icon-css/flags/4x3/cd.svg");
}
.flag-icon-cd.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/cd.svg");
}
.flag-icon-cf {
background-image: url("/vendor/flag-icon-css/flags/4x3/cf.svg");
}
.flag-icon-cf.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/cf.svg");
}
.flag-icon-cg {
background-image: url("/vendor/flag-icon-css/flags/4x3/cg.svg");
}
.flag-icon-cg.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/cg.svg");
}
.flag-icon-ch {
background-image: url("/vendor/flag-icon-css/flags/4x3/ch.svg");
}
.flag-icon-ch.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ch.svg");
}
.flag-icon-ci {
background-image: url("/vendor/flag-icon-css/flags/4x3/ci.svg");
}
.flag-icon-ci.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ci.svg");
}
.flag-icon-ck {
background-image: url("/vendor/flag-icon-css/flags/4x3/ck.svg");
}
.flag-icon-ck.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ck.svg");
}
.flag-icon-cl {
background-image: url("/vendor/flag-icon-css/flags/4x3/cl.svg");
}
.flag-icon-cl.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/cl.svg");
}
.flag-icon-cm {
background-image: url("/vendor/flag-icon-css/flags/4x3/cm.svg");
}
.flag-icon-cm.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/cm.svg");
}
.flag-icon-cn {
background-image: url("/vendor/flag-icon-css/flags/4x3/cn.svg");
}
.flag-icon-cn.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/cn.svg");
}
.flag-icon-co {
background-image: url("/vendor/flag-icon-css/flags/4x3/co.svg");
}
.flag-icon-co.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/co.svg");
}
.flag-icon-cr {
background-image: url("/vendor/flag-icon-css/flags/4x3/cr.svg");
}
.flag-icon-cr.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/cr.svg");
}
.flag-icon-cu {
background-image: url("/vendor/flag-icon-css/flags/4x3/cu.svg");
}
.flag-icon-cu.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/cu.svg");
}
.flag-icon-cv {
background-image: url("/vendor/flag-icon-css/flags/4x3/cv.svg");
}
.flag-icon-cv.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/cv.svg");
}
.flag-icon-cw {
background-image: url("/vendor/flag-icon-css/flags/4x3/cw.svg");
}
.flag-icon-cw.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/cw.svg");
}
.flag-icon-cx {
background-image: url("/vendor/flag-icon-css/flags/4x3/cx.svg");
}
.flag-icon-cx.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/cx.svg");
}
.flag-icon-cy {
background-image: url("/vendor/flag-icon-css/flags/4x3/cy.svg");
}
.flag-icon-cy.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/cy.svg");
}
.flag-icon-cz {
background-image: url("/vendor/flag-icon-css/flags/4x3/cz.svg");
}
.flag-icon-cz.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/cz.svg");
}
.flag-icon-de {
background-image: url("/vendor/flag-icon-css/flags/4x3/de.svg");
}
.flag-icon-de.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/de.svg");
}
.flag-icon-dj {
background-image: url("/vendor/flag-icon-css/flags/4x3/dj.svg");
}
.flag-icon-dj.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/dj.svg");
}
.flag-icon-dk {
background-image: url("/vendor/flag-icon-css/flags/4x3/dk.svg");
}
.flag-icon-dk.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/dk.svg");
}
.flag-icon-dm {
background-image: url("/vendor/flag-icon-css/flags/4x3/dm.svg");
}
.flag-icon-dm.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/dm.svg");
}
.flag-icon-do {
background-image: url("/vendor/flag-icon-css/flags/4x3/do.svg");
}
.flag-icon-do.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/do.svg");
}
.flag-icon-dz {
background-image: url("/vendor/flag-icon-css/flags/4x3/dz.svg");
}
.flag-icon-dz.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/dz.svg");
}
.flag-icon-ec {
background-image: url("/vendor/flag-icon-css/flags/4x3/ec.svg");
}
.flag-icon-ec.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ec.svg");
}
.flag-icon-ee {
background-image: url("/vendor/flag-icon-css/flags/4x3/ee.svg");
}
.flag-icon-ee.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ee.svg");
}
.flag-icon-eg {
background-image: url("/vendor/flag-icon-css/flags/4x3/eg.svg");
}
.flag-icon-eg.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/eg.svg");
}
.flag-icon-eh {
background-image: url("/vendor/flag-icon-css/flags/4x3/eh.svg");
}
.flag-icon-eh.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/eh.svg");
}
.flag-icon-er {
background-image: url("/vendor/flag-icon-css/flags/4x3/er.svg");
}
.flag-icon-er.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/er.svg");
}
.flag-icon-es {
background-image: url("/vendor/flag-icon-css/flags/4x3/es.svg");
}
.flag-icon-es.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/es.svg");
}
.flag-icon-et {
background-image: url("/vendor/flag-icon-css/flags/4x3/et.svg");
}
.flag-icon-et.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/et.svg");
}
.flag-icon-fi {
background-image: url("/vendor/flag-icon-css/flags/4x3/fi.svg");
}
.flag-icon-fi.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/fi.svg");
}
.flag-icon-fj {
background-image: url("/vendor/flag-icon-css/flags/4x3/fj.svg");
}
.flag-icon-fj.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/fj.svg");
}
.flag-icon-fk {
background-image: url("/vendor/flag-icon-css/flags/4x3/fk.svg");
}
.flag-icon-fk.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/fk.svg");
}
.flag-icon-fm {
background-image: url("/vendor/flag-icon-css/flags/4x3/fm.svg");
}
.flag-icon-fm.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/fm.svg");
}
.flag-icon-fo {
background-image: url("/vendor/flag-icon-css/flags/4x3/fo.svg");
}
.flag-icon-fo.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/fo.svg");
}
.flag-icon-fr {
background-image: url("/vendor/flag-icon-css/flags/4x3/fr.svg");
}
.flag-icon-fr.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/fr.svg");
}
.flag-icon-ga {
background-image: url("/vendor/flag-icon-css/flags/4x3/ga.svg");
}
.flag-icon-ga.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ga.svg");
}
.flag-icon-gb {
background-image: url("/vendor/flag-icon-css/flags/4x3/gb.svg");
}
.flag-icon-gb.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gb.svg");
}
.flag-icon-gd {
background-image: url("/vendor/flag-icon-css/flags/4x3/gd.svg");
}
.flag-icon-gd.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gd.svg");
}
.flag-icon-ge {
background-image: url("/vendor/flag-icon-css/flags/4x3/ge.svg");
}
.flag-icon-ge.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ge.svg");
}
.flag-icon-gf {
background-image: url("/vendor/flag-icon-css/flags/4x3/gf.svg");
}
.flag-icon-gf.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gf.svg");
}
.flag-icon-gg {
background-image: url("/vendor/flag-icon-css/flags/4x3/gg.svg");
}
.flag-icon-gg.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gg.svg");
}
.flag-icon-gh {
background-image: url("/vendor/flag-icon-css/flags/4x3/gh.svg");
}
.flag-icon-gh.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gh.svg");
}
.flag-icon-gi {
background-image: url("/vendor/flag-icon-css/flags/4x3/gi.svg");
}
.flag-icon-gi.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gi.svg");
}
.flag-icon-gl {
background-image: url("/vendor/flag-icon-css/flags/4x3/gl.svg");
}
.flag-icon-gl.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gl.svg");
}
.flag-icon-gm {
background-image: url("/vendor/flag-icon-css/flags/4x3/gm.svg");
}
.flag-icon-gm.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gm.svg");
}
.flag-icon-gn {
background-image: url("/vendor/flag-icon-css/flags/4x3/gn.svg");
}
.flag-icon-gn.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gn.svg");
}
.flag-icon-gp {
background-image: url("/vendor/flag-icon-css/flags/4x3/gp.svg");
}
.flag-icon-gp.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gp.svg");
}
.flag-icon-gq {
background-image: url("/vendor/flag-icon-css/flags/4x3/gq.svg");
}
.flag-icon-gq.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gq.svg");
}
.flag-icon-gr {
background-image: url("/vendor/flag-icon-css/flags/4x3/gr.svg");
}
.flag-icon-gr.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gr.svg");
}
.flag-icon-gs {
background-image: url("/vendor/flag-icon-css/flags/4x3/gs.svg");
}
.flag-icon-gs.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gs.svg");
}
.flag-icon-gt {
background-image: url("/vendor/flag-icon-css/flags/4x3/gt.svg");
}
.flag-icon-gt.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gt.svg");
}
.flag-icon-gu {
background-image: url("/vendor/flag-icon-css/flags/4x3/gu.svg");
}
.flag-icon-gu.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gu.svg");
}
.flag-icon-gw {
background-image: url("/vendor/flag-icon-css/flags/4x3/gw.svg");
}
.flag-icon-gw.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gw.svg");
}
.flag-icon-gy {
background-image: url("/vendor/flag-icon-css/flags/4x3/gy.svg");
}
.flag-icon-gy.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gy.svg");
}
.flag-icon-hk {
background-image: url("/vendor/flag-icon-css/flags/4x3/hk.svg");
}
.flag-icon-hk.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/hk.svg");
}
.flag-icon-hm {
background-image: url("/vendor/flag-icon-css/flags/4x3/hm.svg");
}
.flag-icon-hm.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/hm.svg");
}
.flag-icon-hn {
background-image: url("/vendor/flag-icon-css/flags/4x3/hn.svg");
}
.flag-icon-hn.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/hn.svg");
}
.flag-icon-hr {
background-image: url("/vendor/flag-icon-css/flags/4x3/hr.svg");
}
.flag-icon-hr.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/hr.svg");
}
.flag-icon-ht {
background-image: url("/vendor/flag-icon-css/flags/4x3/ht.svg");
}
.flag-icon-ht.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ht.svg");
}
.flag-icon-hu {
background-image: url("/vendor/flag-icon-css/flags/4x3/hu.svg");
}
.flag-icon-hu.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/hu.svg");
}
.flag-icon-id {
background-image: url("/vendor/flag-icon-css/flags/4x3/id.svg");
}
.flag-icon-id.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/id.svg");
}
.flag-icon-ie {
background-image: url("/vendor/flag-icon-css/flags/4x3/ie.svg");
}
.flag-icon-ie.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ie.svg");
}
.flag-icon-il {
background-image: url("/vendor/flag-icon-css/flags/4x3/il.svg");
}
.flag-icon-il.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/il.svg");
}
.flag-icon-im {
background-image: url("/vendor/flag-icon-css/flags/4x3/im.svg");
}
.flag-icon-im.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/im.svg");
}
.flag-icon-in {
background-image: url("/vendor/flag-icon-css/flags/4x3/in.svg");
}
.flag-icon-in.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/in.svg");
}
.flag-icon-io {
background-image: url("/vendor/flag-icon-css/flags/4x3/io.svg");
}
.flag-icon-io.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/io.svg");
}
.flag-icon-iq {
background-image: url("/vendor/flag-icon-css/flags/4x3/iq.svg");
}
.flag-icon-iq.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/iq.svg");
}
.flag-icon-ir {
background-image: url("/vendor/flag-icon-css/flags/4x3/ir.svg");
}
.flag-icon-ir.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ir.svg");
}
.flag-icon-is {
background-image: url("/vendor/flag-icon-css/flags/4x3/is.svg");
}
.flag-icon-is.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/is.svg");
}
.flag-icon-it {
background-image: url("/vendor/flag-icon-css/flags/4x3/it.svg");
}
.flag-icon-it.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/it.svg");
}
.flag-icon-je {
background-image: url("/vendor/flag-icon-css/flags/4x3/je.svg");
}
.flag-icon-je.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/je.svg");
}
.flag-icon-jm {
background-image: url("/vendor/flag-icon-css/flags/4x3/jm.svg");
}
.flag-icon-jm.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/jm.svg");
}
.flag-icon-jo {
background-image: url("/vendor/flag-icon-css/flags/4x3/jo.svg");
}
.flag-icon-jo.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/jo.svg");
}
.flag-icon-jp {
background-image: url("/vendor/flag-icon-css/flags/4x3/jp.svg");
}
.flag-icon-jp.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/jp.svg");
}
.flag-icon-ke {
background-image: url("/vendor/flag-icon-css/flags/4x3/ke.svg");
}
.flag-icon-ke.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ke.svg");
}
.flag-icon-kg {
background-image: url("/vendor/flag-icon-css/flags/4x3/kg.svg");
}
.flag-icon-kg.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/kg.svg");
}
.flag-icon-kh {
background-image: url("/vendor/flag-icon-css/flags/4x3/kh.svg");
}
.flag-icon-kh.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/kh.svg");
}
.flag-icon-ki {
background-image: url("/vendor/flag-icon-css/flags/4x3/ki.svg");
}
.flag-icon-ki.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ki.svg");
}
.flag-icon-km {
background-image: url("/vendor/flag-icon-css/flags/4x3/km.svg");
}
.flag-icon-km.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/km.svg");
}
.flag-icon-kn {
background-image: url("/vendor/flag-icon-css/flags/4x3/kn.svg");
}
.flag-icon-kn.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/kn.svg");
}
.flag-icon-kp {
background-image: url("/vendor/flag-icon-css/flags/4x3/kp.svg");
}
.flag-icon-kp.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/kp.svg");
}
.flag-icon-kr {
background-image: url("/vendor/flag-icon-css/flags/4x3/kr.svg");
}
.flag-icon-kr.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/kr.svg");
}
.flag-icon-kw {
background-image: url("/vendor/flag-icon-css/flags/4x3/kw.svg");
}
.flag-icon-kw.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/kw.svg");
}
.flag-icon-ky {
background-image: url("/vendor/flag-icon-css/flags/4x3/ky.svg");
}
.flag-icon-ky.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ky.svg");
}
.flag-icon-kz {
background-image: url("/vendor/flag-icon-css/flags/4x3/kz.svg");
}
.flag-icon-kz.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/kz.svg");
}
.flag-icon-la {
background-image: url("/vendor/flag-icon-css/flags/4x3/la.svg");
}
.flag-icon-la.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/la.svg");
}
.flag-icon-lb {
background-image: url("/vendor/flag-icon-css/flags/4x3/lb.svg");
}
.flag-icon-lb.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/lb.svg");
}
.flag-icon-lc {
background-image: url("/vendor/flag-icon-css/flags/4x3/lc.svg");
}
.flag-icon-lc.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/lc.svg");
}
.flag-icon-li {
background-image: url("/vendor/flag-icon-css/flags/4x3/li.svg");
}
.flag-icon-li.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/li.svg");
}
.flag-icon-lk {
background-image: url("/vendor/flag-icon-css/flags/4x3/lk.svg");
}
.flag-icon-lk.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/lk.svg");
}
.flag-icon-lr {
background-image: url("/vendor/flag-icon-css/flags/4x3/lr.svg");
}
.flag-icon-lr.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/lr.svg");
}
.flag-icon-ls {
background-image: url("/vendor/flag-icon-css/flags/4x3/ls.svg");
}
.flag-icon-ls.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ls.svg");
}
.flag-icon-lt {
background-image: url("/vendor/flag-icon-css/flags/4x3/lt.svg");
}
.flag-icon-lt.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/lt.svg");
}
.flag-icon-lu {
background-image: url("/vendor/flag-icon-css/flags/4x3/lu.svg");
}
.flag-icon-lu.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/lu.svg");
}
.flag-icon-lv {
background-image: url("/vendor/flag-icon-css/flags/4x3/lv.svg");
}
.flag-icon-lv.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/lv.svg");
}
.flag-icon-ly {
background-image: url("/vendor/flag-icon-css/flags/4x3/ly.svg");
}
.flag-icon-ly.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ly.svg");
}
.flag-icon-ma {
background-image: url("/vendor/flag-icon-css/flags/4x3/ma.svg");
}
.flag-icon-ma.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ma.svg");
}
.flag-icon-mc {
background-image: url("/vendor/flag-icon-css/flags/4x3/mc.svg");
}
.flag-icon-mc.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/mc.svg");
}
.flag-icon-md {
background-image: url("/vendor/flag-icon-css/flags/4x3/md.svg");
}
.flag-icon-md.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/md.svg");
}
.flag-icon-me {
background-image: url("/vendor/flag-icon-css/flags/4x3/me.svg");
}
.flag-icon-me.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/me.svg");
}
.flag-icon-mf {
background-image: url("/vendor/flag-icon-css/flags/4x3/mf.svg");
}
.flag-icon-mf.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/mf.svg");
}
.flag-icon-mg {
background-image: url("/vendor/flag-icon-css/flags/4x3/mg.svg");
}
.flag-icon-mg.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/mg.svg");
}
.flag-icon-mh {
background-image: url("/vendor/flag-icon-css/flags/4x3/mh.svg");
}
.flag-icon-mh.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/mh.svg");
}
.flag-icon-mk {
background-image: url("/vendor/flag-icon-css/flags/4x3/mk.svg");
}
.flag-icon-mk.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/mk.svg");
}
.flag-icon-ml {
background-image: url("/vendor/flag-icon-css/flags/4x3/ml.svg");
}
.flag-icon-ml.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ml.svg");
}
.flag-icon-mm {
background-image: url("/vendor/flag-icon-css/flags/4x3/mm.svg");
}
.flag-icon-mm.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/mm.svg");
}
.flag-icon-mn {
background-image: url("/vendor/flag-icon-css/flags/4x3/mn.svg");
}
.flag-icon-mn.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/mn.svg");
}
.flag-icon-mo {
background-image: url("/vendor/flag-icon-css/flags/4x3/mo.svg");
}
.flag-icon-mo.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/mo.svg");
}
.flag-icon-mp {
background-image: url("/vendor/flag-icon-css/flags/4x3/mp.svg");
}
.flag-icon-mp.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/mp.svg");
}
.flag-icon-mq {
background-image: url("/vendor/flag-icon-css/flags/4x3/mq.svg");
}
.flag-icon-mq.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/mq.svg");
}
.flag-icon-mr {
background-image: url("/vendor/flag-icon-css/flags/4x3/mr.svg");
}
.flag-icon-mr.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/mr.svg");
}
.flag-icon-ms {
background-image: url("/vendor/flag-icon-css/flags/4x3/ms.svg");
}
.flag-icon-ms.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ms.svg");
}
.flag-icon-mt {
background-image: url("/vendor/flag-icon-css/flags/4x3/mt.svg");
}
.flag-icon-mt.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/mt.svg");
}
.flag-icon-mu {
background-image: url("/vendor/flag-icon-css/flags/4x3/mu.svg");
}
.flag-icon-mu.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/mu.svg");
}
.flag-icon-mv {
background-image: url("/vendor/flag-icon-css/flags/4x3/mv.svg");
}
.flag-icon-mv.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/mv.svg");
}
.flag-icon-mw {
background-image: url("/vendor/flag-icon-css/flags/4x3/mw.svg");
}
.flag-icon-mw.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/mw.svg");
}
.flag-icon-mx {
background-image: url("/vendor/flag-icon-css/flags/4x3/mx.svg");
}
.flag-icon-mx.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/mx.svg");
}
.flag-icon-my {
background-image: url("/vendor/flag-icon-css/flags/4x3/my.svg");
}
.flag-icon-my.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/my.svg");
}
.flag-icon-mz {
background-image: url("/vendor/flag-icon-css/flags/4x3/mz.svg");
}
.flag-icon-mz.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/mz.svg");
}
.flag-icon-na {
background-image: url("/vendor/flag-icon-css/flags/4x3/na.svg");
}
.flag-icon-na.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/na.svg");
}
.flag-icon-nc {
background-image: url("/vendor/flag-icon-css/flags/4x3/nc.svg");
}
.flag-icon-nc.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/nc.svg");
}
.flag-icon-ne {
background-image: url("/vendor/flag-icon-css/flags/4x3/ne.svg");
}
.flag-icon-ne.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ne.svg");
}
.flag-icon-nf {
background-image: url("/vendor/flag-icon-css/flags/4x3/nf.svg");
}
.flag-icon-nf.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/nf.svg");
}
.flag-icon-ng {
background-image: url("/vendor/flag-icon-css/flags/4x3/ng.svg");
}
.flag-icon-ng.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ng.svg");
}
.flag-icon-ni {
background-image: url("/vendor/flag-icon-css/flags/4x3/ni.svg");
}
.flag-icon-ni.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ni.svg");
}
.flag-icon-nl {
background-image: url("/vendor/flag-icon-css/flags/4x3/nl.svg");
}
.flag-icon-nl.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/nl.svg");
}
.flag-icon-no {
background-image: url("/vendor/flag-icon-css/flags/4x3/no.svg");
}
.flag-icon-no.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/no.svg");
}
.flag-icon-np {
background-image: url("/vendor/flag-icon-css/flags/4x3/np.svg");
}
.flag-icon-np.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/np.svg");
}
.flag-icon-nr {
background-image: url("/vendor/flag-icon-css/flags/4x3/nr.svg");
}
.flag-icon-nr.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/nr.svg");
}
.flag-icon-nu {
background-image: url("/vendor/flag-icon-css/flags/4x3/nu.svg");
}
.flag-icon-nu.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/nu.svg");
}
.flag-icon-nz {
background-image: url("/vendor/flag-icon-css/flags/4x3/nz.svg");
}
.flag-icon-nz.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/nz.svg");
}
.flag-icon-om {
background-image: url("/vendor/flag-icon-css/flags/4x3/om.svg");
}
.flag-icon-om.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/om.svg");
}
.flag-icon-pa {
background-image: url("/vendor/flag-icon-css/flags/4x3/pa.svg");
}
.flag-icon-pa.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/pa.svg");
}
.flag-icon-pe {
background-image: url("/vendor/flag-icon-css/flags/4x3/pe.svg");
}
.flag-icon-pe.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/pe.svg");
}
.flag-icon-pf {
background-image: url("/vendor/flag-icon-css/flags/4x3/pf.svg");
}
.flag-icon-pf.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/pf.svg");
}
.flag-icon-pg {
background-image: url("/vendor/flag-icon-css/flags/4x3/pg.svg");
}
.flag-icon-pg.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/pg.svg");
}
.flag-icon-ph {
background-image: url("/vendor/flag-icon-css/flags/4x3/ph.svg");
}
.flag-icon-ph.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ph.svg");
}
.flag-icon-pk {
background-image: url("/vendor/flag-icon-css/flags/4x3/pk.svg");
}
.flag-icon-pk.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/pk.svg");
}
.flag-icon-pl {
background-image: url("/vendor/flag-icon-css/flags/4x3/pl.svg");
}
.flag-icon-pl.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/pl.svg");
}
.flag-icon-pm {
background-image: url("/vendor/flag-icon-css/flags/4x3/pm.svg");
}
.flag-icon-pm.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/pm.svg");
}
.flag-icon-pn {
background-image: url("/vendor/flag-icon-css/flags/4x3/pn.svg");
}
.flag-icon-pn.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/pn.svg");
}
.flag-icon-pr {
background-image: url("/vendor/flag-icon-css/flags/4x3/pr.svg");
}
.flag-icon-pr.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/pr.svg");
}
.flag-icon-ps {
background-image: url("/vendor/flag-icon-css/flags/4x3/ps.svg");
}
.flag-icon-ps.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ps.svg");
}
.flag-icon-pt {
background-image: url("/vendor/flag-icon-css/flags/4x3/pt.svg");
}
.flag-icon-pt.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/pt.svg");
}
.flag-icon-pw {
background-image: url("/vendor/flag-icon-css/flags/4x3/pw.svg");
}
.flag-icon-pw.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/pw.svg");
}
.flag-icon-py {
background-image: url("/vendor/flag-icon-css/flags/4x3/py.svg");
}
.flag-icon-py.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/py.svg");
}
.flag-icon-qa {
background-image: url("/vendor/flag-icon-css/flags/4x3/qa.svg");
}
.flag-icon-qa.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/qa.svg");
}
.flag-icon-re {
background-image: url("/vendor/flag-icon-css/flags/4x3/re.svg");
}
.flag-icon-re.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/re.svg");
}
.flag-icon-ro {
background-image: url("/vendor/flag-icon-css/flags/4x3/ro.svg");
}
.flag-icon-ro.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ro.svg");
}
.flag-icon-rs {
background-image: url("/vendor/flag-icon-css/flags/4x3/rs.svg");
}
.flag-icon-rs.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/rs.svg");
}
.flag-icon-ru {
background-image: url("/vendor/flag-icon-css/flags/4x3/ru.svg");
}
.flag-icon-ru.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ru.svg");
}
.flag-icon-rw {
background-image: url("/vendor/flag-icon-css/flags/4x3/rw.svg");
}
.flag-icon-rw.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/rw.svg");
}
.flag-icon-sa {
background-image: url("/vendor/flag-icon-css/flags/4x3/sa.svg");
}
.flag-icon-sa.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/sa.svg");
}
.flag-icon-sb {
background-image: url("/vendor/flag-icon-css/flags/4x3/sb.svg");
}
.flag-icon-sb.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/sb.svg");
}
.flag-icon-sc {
background-image: url("/vendor/flag-icon-css/flags/4x3/sc.svg");
}
.flag-icon-sc.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/sc.svg");
}
.flag-icon-sd {
background-image: url("/vendor/flag-icon-css/flags/4x3/sd.svg");
}
.flag-icon-sd.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/sd.svg");
}
.flag-icon-se {
background-image: url("/vendor/flag-icon-css/flags/4x3/se.svg");
}
.flag-icon-se.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/se.svg");
}
.flag-icon-sg {
background-image: url("/vendor/flag-icon-css/flags/4x3/sg.svg");
}
.flag-icon-sg.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/sg.svg");
}
.flag-icon-sh {
background-image: url("/vendor/flag-icon-css/flags/4x3/sh.svg");
}
.flag-icon-sh.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/sh.svg");
}
.flag-icon-si {
background-image: url("/vendor/flag-icon-css/flags/4x3/si.svg");
}
.flag-icon-si.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/si.svg");
}
.flag-icon-sj {
background-image: url("/vendor/flag-icon-css/flags/4x3/sj.svg");
}
.flag-icon-sj.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/sj.svg");
}
.flag-icon-sk {
background-image: url("/vendor/flag-icon-css/flags/4x3/sk.svg");
}
.flag-icon-sk.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/sk.svg");
}
.flag-icon-sl {
background-image: url("/vendor/flag-icon-css/flags/4x3/sl.svg");
}
.flag-icon-sl.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/sl.svg");
}
.flag-icon-sm {
background-image: url("/vendor/flag-icon-css/flags/4x3/sm.svg");
}
.flag-icon-sm.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/sm.svg");
}
.flag-icon-sn {
background-image: url("/vendor/flag-icon-css/flags/4x3/sn.svg");
}
.flag-icon-sn.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/sn.svg");
}
.flag-icon-so {
background-image: url("/vendor/flag-icon-css/flags/4x3/so.svg");
}
.flag-icon-so.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/so.svg");
}
.flag-icon-sr {
background-image: url("/vendor/flag-icon-css/flags/4x3/sr.svg");
}
.flag-icon-sr.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/sr.svg");
}
.flag-icon-ss {
background-image: url("/vendor/flag-icon-css/flags/4x3/ss.svg");
}
.flag-icon-ss.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ss.svg");
}
.flag-icon-st {
background-image: url("/vendor/flag-icon-css/flags/4x3/st.svg");
}
.flag-icon-st.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/st.svg");
}
.flag-icon-sv {
background-image: url("/vendor/flag-icon-css/flags/4x3/sv.svg");
}
.flag-icon-sv.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/sv.svg");
}
.flag-icon-sx {
background-image: url("/vendor/flag-icon-css/flags/4x3/sx.svg");
}
.flag-icon-sx.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/sx.svg");
}
.flag-icon-sy {
background-image: url("/vendor/flag-icon-css/flags/4x3/sy.svg");
}
.flag-icon-sy.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/sy.svg");
}
.flag-icon-sz {
background-image: url("/vendor/flag-icon-css/flags/4x3/sz.svg");
}
.flag-icon-sz.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/sz.svg");
}
.flag-icon-tc {
background-image: url("/vendor/flag-icon-css/flags/4x3/tc.svg");
}
.flag-icon-tc.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/tc.svg");
}
.flag-icon-td {
background-image: url("/vendor/flag-icon-css/flags/4x3/td.svg");
}
.flag-icon-td.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/td.svg");
}
.flag-icon-tf {
background-image: url("/vendor/flag-icon-css/flags/4x3/tf.svg");
}
.flag-icon-tf.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/tf.svg");
}
.flag-icon-tg {
background-image: url("/vendor/flag-icon-css/flags/4x3/tg.svg");
}
.flag-icon-tg.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/tg.svg");
}
.flag-icon-th {
background-image: url("/vendor/flag-icon-css/flags/4x3/th.svg");
}
.flag-icon-th.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/th.svg");
}
.flag-icon-tj {
background-image: url("/vendor/flag-icon-css/flags/4x3/tj.svg");
}
.flag-icon-tj.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/tj.svg");
}
.flag-icon-tk {
background-image: url("/vendor/flag-icon-css/flags/4x3/tk.svg");
}
.flag-icon-tk.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/tk.svg");
}
.flag-icon-tl {
background-image: url("/vendor/flag-icon-css/flags/4x3/tl.svg");
}
.flag-icon-tl.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/tl.svg");
}
.flag-icon-tm {
background-image: url("/vendor/flag-icon-css/flags/4x3/tm.svg");
}
.flag-icon-tm.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/tm.svg");
}
.flag-icon-tn {
background-image: url("/vendor/flag-icon-css/flags/4x3/tn.svg");
}
.flag-icon-tn.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/tn.svg");
}
.flag-icon-to {
background-image: url("/vendor/flag-icon-css/flags/4x3/to.svg");
}
.flag-icon-to.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/to.svg");
}
.flag-icon-tr {
background-image: url("/vendor/flag-icon-css/flags/4x3/tr.svg");
}
.flag-icon-tr.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/tr.svg");
}
.flag-icon-tt {
background-image: url("/vendor/flag-icon-css/flags/4x3/tt.svg");
}
.flag-icon-tt.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/tt.svg");
}
.flag-icon-tv {
background-image: url("/vendor/flag-icon-css/flags/4x3/tv.svg");
}
.flag-icon-tv.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/tv.svg");
}
.flag-icon-tw {
background-image: url("/vendor/flag-icon-css/flags/4x3/tw.svg");
}
.flag-icon-tw.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/tw.svg");
}
.flag-icon-tz {
background-image: url("/vendor/flag-icon-css/flags/4x3/tz.svg");
}
.flag-icon-tz.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/tz.svg");
}
.flag-icon-ua {
background-image: url("/vendor/flag-icon-css/flags/4x3/ua.svg");
}
.flag-icon-ua.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ua.svg");
}
.flag-icon-ug {
background-image: url("/vendor/flag-icon-css/flags/4x3/ug.svg");
}
.flag-icon-ug.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ug.svg");
}
.flag-icon-um {
background-image: url("/vendor/flag-icon-css/flags/4x3/um.svg");
}
.flag-icon-um.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/um.svg");
}
.flag-icon-us {
background-image: url("/vendor/flag-icon-css/flags/4x3/us.svg");
}
.flag-icon-us.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/us.svg");
}
.flag-icon-uy {
background-image: url("/vendor/flag-icon-css/flags/4x3/uy.svg");
}
.flag-icon-uy.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/uy.svg");
}
.flag-icon-uz {
background-image: url("/vendor/flag-icon-css/flags/4x3/uz.svg");
}
.flag-icon-uz.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/uz.svg");
}
.flag-icon-va {
background-image: url("/vendor/flag-icon-css/flags/4x3/va.svg");
}
.flag-icon-va.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/va.svg");
}
.flag-icon-vc {
background-image: url("/vendor/flag-icon-css/flags/4x3/vc.svg");
}
.flag-icon-vc.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/vc.svg");
}
.flag-icon-ve {
background-image: url("/vendor/flag-icon-css/flags/4x3/ve.svg");
}
.flag-icon-ve.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ve.svg");
}
.flag-icon-vg {
background-image: url("/vendor/flag-icon-css/flags/4x3/vg.svg");
}
.flag-icon-vg.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/vg.svg");
}
.flag-icon-vi {
background-image: url("/vendor/flag-icon-css/flags/4x3/vi.svg");
}
.flag-icon-vi.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/vi.svg");
}
.flag-icon-vn {
background-image: url("/vendor/flag-icon-css/flags/4x3/vn.svg");
}
.flag-icon-vn.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/vn.svg");
}
.flag-icon-vu {
background-image: url("/vendor/flag-icon-css/flags/4x3/vu.svg");
}
.flag-icon-vu.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/vu.svg");
}
.flag-icon-wf {
background-image: url("/vendor/flag-icon-css/flags/4x3/wf.svg");
}
.flag-icon-wf.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/wf.svg");
}
.flag-icon-ws {
background-image: url("/vendor/flag-icon-css/flags/4x3/ws.svg");
}
.flag-icon-ws.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ws.svg");
}
.flag-icon-ye {
background-image: url("/vendor/flag-icon-css/flags/4x3/ye.svg");
}
.flag-icon-ye.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/ye.svg");
}
.flag-icon-yt {
background-image: url("/vendor/flag-icon-css/flags/4x3/yt.svg");
}
.flag-icon-yt.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/yt.svg");
}
.flag-icon-za {
background-image: url("/vendor/flag-icon-css/flags/4x3/za.svg");
}
.flag-icon-za.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/za.svg");
}
.flag-icon-zm {
background-image: url("/vendor/flag-icon-css/flags/4x3/zm.svg");
}
.flag-icon-zm.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/zm.svg");
}
.flag-icon-zw {
background-image: url("/vendor/flag-icon-css/flags/4x3/zw.svg");
}
.flag-icon-zw.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/zw.svg");
}
.flag-icon-es-ct {
background-image: url("/vendor/flag-icon-css/flags/4x3/es-ct.svg");
}
.flag-icon-es-ct.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/es-ct.svg");
}
.flag-icon-eu {
background-image: url("/vendor/flag-icon-css/flags/4x3/eu.svg");
}
.flag-icon-eu.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/eu.svg");
}
.flag-icon-gb-eng {
background-image: url("/vendor/flag-icon-css/flags/4x3/gb-eng.svg");
}
.flag-icon-gb-eng.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gb-eng.svg");
}
.flag-icon-gb-nir {
background-image: url("/vendor/flag-icon-css/flags/4x3/gb-nir.svg");
}
.flag-icon-gb-nir.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gb-nir.svg");
}
.flag-icon-gb-sct {
background-image: url("/vendor/flag-icon-css/flags/4x3/gb-sct.svg");
}
.flag-icon-gb-sct.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gb-sct.svg");
}
.flag-icon-gb-wls {
background-image: url("/vendor/flag-icon-css/flags/4x3/gb-wls.svg");
}
.flag-icon-gb-wls.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/gb-wls.svg");
}
.flag-icon-un {
background-image: url("/vendor/flag-icon-css/flags/4x3/un.svg");
}
.flag-icon-un.flag-icon-squared {
background-image: url("/vendor/flag-icon-css/flags/1x1/un.svg");
}

/* /vendor/animate.css/animate.min.css */
@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);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);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);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);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;-webkit-transform-origin:center bottom;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%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-name:headShake;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-animation-name:swing;-webkit-transform-origin:top center;animation-name:swing;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;-webkit-transform-origin:center;animation-name:jello;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-duration:1.3s;-webkit-animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-duration:1.3s;animation-name:heartBeat;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%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);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%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;-webkit-animation-name:bounceIn;animation-duration:.75s;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%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);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%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);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%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);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%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);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%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);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%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);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%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);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%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;-webkit-animation-name:bounceOut;animation-duration:.75s;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);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%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);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{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animated.flip{-webkit-animation-name:flip;-webkit-backface-visibility:visible;animation-name:flip;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-animation-name:flipInX;-webkit-backface-visibility:visible!important;animation-name:flipInX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-animation-name:flipInY;-webkit-backface-visibility:visible!important;animation-name:flipInY;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}.flipOutX{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}.flipOutY{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutY;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutY;backface-visibility:visible!important}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-name:lightSpeedIn;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-name:lightSpeedOut;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}@keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}.hinge{-webkit-animation-duration:2s;-webkit-animation-name:hinge;animation-duration:2s;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}@keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;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%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;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%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;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){.animated{-webkit-animation:unset!important;-webkit-transition:none!important;animation:unset!important;transition:none!important}}

/* /vendor/hs-megamenu/src/hs.megamenu.css */
.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;
}
.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%;
}
.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;
}
.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%;
}
.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%;
}
.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%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}

/* /vendor/bootstrap-select/dist/css/bootstrap-select.min.css */
.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\0}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;z-index:1;text-align:right;white-space:nowrap}.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}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select .selectpicker:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select .selectpicker: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{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}:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{border-radius:0}.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:before{content:'';display:inline-block}.bootstrap-select .dropdown-toggle .filter-option{position:absolute;top:0;left:0;padding-top:inherit;padding-right:inherit;padding-bottom:inherit;padding-left:inherit;height:100%;width:100%;text-align:left}.bootstrap-select .dropdown-toggle .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{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 .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 .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: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}

/* /vendor/slick-carousel/slick/slick.css */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}

/* /vendor/custombox/dist/custombox.min.css */
.custombox-content,.custombox-overlay{position:fixed;overflow:hidden;top:0;width:100%;height:100%}.custombox-overlay{z-index:9997;opacity:0;transition-delay:0s;transition-timing-function:linear;transition-property:opacity}.custombox-content{z-index:9999;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:stretch;align-content:stretch}.custombox-lock{overflow:hidden}.custombox-reference{display:none}.custombox-content{overflow-y:auto}.custombox-content>*{max-width:100%;max-height:95%}.custombox-fullscreen.custombox-content{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch}.custombox-fullscreen.custombox-content>*{width:100%;max-height:100%}.custombox-y-top{-ms-flex-align:baseline;align-items:baseline}.custombox-x-left{-ms-flex-align:start;align-items:flex-start}.custombox-y-center{-ms-flex-align:center;align-items:center}.custombox-y-bottom{-ms-flex-align:end;align-items:flex-end}.custombox-x-center{-ms-flex-pack:center;justify-content:center}.custombox-x-right{-ms-flex-pack:end;justify-content:flex-end}.custombox-perspective,.custombox-perspective body{perspective:600px;height:100%;overflow:hidden}.custombox-perspective .custombox-container{overflow:hidden;height:100%}@keyframes fadeIn{from{transform:scale(.7);transition-property:all}to{transform:scale(1);opacity:1}}@keyframes fadeOut{from{transform:scale(1);opacity:1}to{transform:scale(.7);transition-property:all}}.custombox-fadein.custombox-content{opacity:0}.custombox-fadein.custombox-content.custombox-open{animation-name:fadeIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-fadein.custombox-content.custombox-close{animation-name:fadeOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideOutTop{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{from{transform:translateX(0)}to{transform:translateX(100%)}}.custombox-contentscale.custombox-content,.custombox-letmein.custombox-content,.custombox-makeway.custombox-content,.custombox-push.custombox-content,.custombox-slide.custombox-content,.custombox-slip.custombox-content{-ms-transform:translateX(-100%);transform:translateX(-100%)}.custombox-contentscale.custombox-content.custombox-open.custombox-top,.custombox-letmein.custombox-content.custombox-open.custombox-top,.custombox-makeway.custombox-content.custombox-open.custombox-top,.custombox-push.custombox-content.custombox-open.custombox-top,.custombox-slide.custombox-content.custombox-open.custombox-top,.custombox-slip.custombox-content.custombox-open.custombox-top{animation-name:slideInTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-open.custombox-bottom,.custombox-letmein.custombox-content.custombox-open.custombox-bottom,.custombox-makeway.custombox-content.custombox-open.custombox-bottom,.custombox-push.custombox-content.custombox-open.custombox-bottom,.custombox-slide.custombox-content.custombox-open.custombox-bottom,.custombox-slip.custombox-content.custombox-open.custombox-bottom{animation-name:slideInBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-open.custombox-left,.custombox-letmein.custombox-content.custombox-open.custombox-left,.custombox-makeway.custombox-content.custombox-open.custombox-left,.custombox-push.custombox-content.custombox-open.custombox-left,.custombox-slide.custombox-content.custombox-open.custombox-left,.custombox-slip.custombox-content.custombox-open.custombox-left{animation-name:slideInLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-open.custombox-right,.custombox-letmein.custombox-content.custombox-open.custombox-right,.custombox-makeway.custombox-content.custombox-open.custombox-right,.custombox-push.custombox-content.custombox-open.custombox-right,.custombox-slide.custombox-content.custombox-open.custombox-right,.custombox-slip.custombox-content.custombox-open.custombox-right{animation-name:slideInRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-top,.custombox-letmein.custombox-content.custombox-close.custombox-top,.custombox-makeway.custombox-content.custombox-close.custombox-top,.custombox-push.custombox-content.custombox-close.custombox-top,.custombox-slide.custombox-content.custombox-close.custombox-top,.custombox-slip.custombox-content.custombox-close.custombox-top{animation-name:slideOutTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-bottom,.custombox-letmein.custombox-content.custombox-close.custombox-bottom,.custombox-makeway.custombox-content.custombox-close.custombox-bottom,.custombox-push.custombox-content.custombox-close.custombox-bottom,.custombox-slide.custombox-content.custombox-close.custombox-bottom,.custombox-slip.custombox-content.custombox-close.custombox-bottom{animation-name:slideOutBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-left,.custombox-letmein.custombox-content.custombox-close.custombox-left,.custombox-makeway.custombox-content.custombox-close.custombox-left,.custombox-push.custombox-content.custombox-close.custombox-left,.custombox-slide.custombox-content.custombox-close.custombox-left,.custombox-slip.custombox-content.custombox-close.custombox-left{animation-name:slideOutLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-right,.custombox-letmein.custombox-content.custombox-close.custombox-right,.custombox-makeway.custombox-content.custombox-close.custombox-right,.custombox-push.custombox-content.custombox-close.custombox-right,.custombox-slide.custombox-content.custombox-close.custombox-right,.custombox-slip.custombox-content.custombox-close.custombox-right{animation-name:slideOutRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes newspaperIn{from{transform:scale(0) rotate(720deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes newspaperOut{from{transform:scale(1) rotate(0);opacity:1}to{transform:scale(0) rotate(720deg);opacity:0}}.custombox-newspaper.custombox-content{opacity:0}.custombox-newspaper.custombox-content.custombox-open{animation-name:newspaperIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-newspaper.custombox-content.custombox-close{animation-name:newspaperOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes fallIn{from{transform-style:preserve-3d;transform:translateZ(600px) rotateX(20deg);opacity:0}to{transition-timing-function:ease-in;transition-property:all;transform:translateZ(0) rotateX(0);opacity:1}}@keyframes fallOut{from{transition-timing-function:ease-in;transition-property:all;transform:translateZ(0) rotateX(0);opacity:1}to{transform-style:preserve-3d;transform:translateZ(600px) rotateX(20deg);opacity:0}}.custombox-fall.custombox-content{opacity:0}.custombox-fall.custombox-content.custombox-open{animation-name:fallIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-fall.custombox-content.custombox-close{animation-name:fallOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes sidefallIn{from{transform-style:preserve-3d;transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}to{transition-timing-function:ease-in;transition-property:all;transform:translate(0) translateZ(0) rotate(0);opacity:1}}@keyframes sidefallOut{from{transition-timing-function:ease-in;transition-property:all;transform:translate(0) translateZ(0) rotate(0);opacity:1}to{transform-style:preserve-3d;transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}}.custombox-sidefall.custombox-content{opacity:0}.custombox-sidefall.custombox-content.custombox-open{animation-name:sidefallIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-sidefall.custombox-content.custombox-close{animation-name:sidefallOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes blurInTop{from{transform:translateY(-5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutTop{from{transform:translateY(0);opacity:1}to{transform:translateY(-5%);opacity:0}}@keyframes blurInBottom{from{transform:translateY(5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutBottom{from{transform:translateY(0);opacity:1}to{transform:translateY(5%);opacity:0}}@keyframes blurInRight{from{transform:translateX(5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutRight{from{transform:translateY(0);opacity:1}to{transform:translateX(5%);opacity:0}}@keyframes blurInLeft{from{transform:translateX(-5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutLeft{from{transform:translateY(0);opacity:1}to{transform:translateX(-5%);opacity:0}}@keyframes blurInContainer{from{filter:blur(0)}to{filter:blur(3px)}}@keyframes blurOutContainer{from{filter:blur(3px)}to{filter:blur(0)}}.custombox-blur.custombox-content{opacity:0}.custombox-blur.custombox-content.custombox-open.custombox-top{animation-name:blurInTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-open.custombox-bottom{animation-name:blurInBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-open.custombox-left{animation-name:blurInLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-open.custombox-right{animation-name:blurInRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-top{animation-name:blurOutTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-bottom{animation-name:blurOutBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-right{animation-name:blurOutRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-left{animation-name:blurOutLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-container{animation-name:blurOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-container.custombox-open{animation-name:blurInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes flipInTop{from{transform-style:preserve-3d;transform:rotateX(-70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutTop{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateX(-70deg)}}@keyframes flipInBottom{from{transform-style:preserve-3d;transform:rotateX(70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutBottom{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateX(70deg)}}@keyframes flipInRight{from{transform-style:preserve-3d;transform:rotateY(70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutRight{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateY(70deg)}}@keyframes flipInLeft{from{transform-style:preserve-3d;transform:rotateY(-70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutLeft{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateY(-70deg)}}.custombox-flip.custombox-content{opacity:0}.custombox-flip.custombox-content.custombox-open.custombox-top{animation-name:flipInTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-open.custombox-bottom{animation-name:flipInBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-open.custombox-right{animation-name:flipInRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-open.custombox-left{animation-name:flipInLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-top{animation-name:flipOutTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-bottom{animation-name:flipOutBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-right{animation-name:flipOutRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-left{animation-name:flipOutLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes signIn{from{transform-style:preserve-3d;transform:rotateX(-60deg);transform-origin:50% 0;transition-property:all}to{transform:rotateX(0);opacity:1}}@keyframes signOut{from{transform:rotateX(0);opacity:1}to{transform-style:preserve-3d;transform:rotateX(-60deg);transform-origin:50% 0;transition-property:all}}.custombox-sign{perspective:1300px}.custombox-sign.custombox-content{opacity:0}.custombox-sign.custombox-content.custombox-open{animation-name:signIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-sign.custombox-content.custombox-close{animation-name:signOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes superscaledIn{from{transform:scale(2)}to{transform:scale(1);opacity:1}}@keyframes superscaledOut{from{transform:scale(1);opacity:1}to{transform:scale(2)}}.custombox-superscaled.custombox-content{opacity:0}.custombox-superscaled.custombox-content.custombox-open{animation-name:superscaledIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-superscaled.custombox-content.custombox-close{animation-name:superscaledOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes slitIn{0%{transform:translateZ(-3000px) rotateY(90deg)}50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;animation-timing-function:ease-out}100%{transform:translateZ(0) rotateY(0);opacity:1}}@keyframes slitOut{0%{transform:translateZ(0) rotateY(0);opacity:1}50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;animation-timing-function:ease-out}100%{transform:translateZ(-3000px) rotateY(90deg)}}.custombox-slit.custombox-content{opacity:0;transform-style:preserve-3d}.custombox-slit.custombox-content.custombox-open{animation-name:slitIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slit.custombox-content.custombox-close{animation-name:slitOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes rotateIn{from{transform-style:preserve-3d;transform:translateY(0) rotateX(90deg);transform-origin:0 100%;opacity:0;transition-timing-function:ease-out;transition-property:all}to{transform:translateY(0) rotateX(0);opacity:1}}@keyframes rotateOut{from{transform:translateY(0) rotateX(0);opacity:1}to{transform-style:preserve-3d;transform:translateY(0) rotateX(90deg);transform-origin:0 100%;opacity:0;transition-timing-function:ease-out;transition-property:all}}.custombox-rotate{perspective:2300px}.custombox-rotate.custombox-content{-ms-transform:translateY(-100%);transform:translateY(-100%)}.custombox-rotate.custombox-content.custombox-open{animation-name:rotateIn;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-rotate.custombox-content.custombox-close{animation-name:rotateOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes letmeinBottomOverlay{to{transform:rotateX(-2deg);transform-origin:50% 0;transform-style:preserve-3d}}@keyframes letmeinOutBottomOverlay{from{transform:rotateX(-2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}@keyframes letmeinLeftOverlay{to{transform:rotateY(-2deg);transform-origin:50% 0;transform-style:preserve-3d}}@keyframes letmeinOutLeftOverlay{from{transform:rotateY(-2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}@keyframes letmeinRightOverlay{to{transform:rotateY(2deg);transform-origin:50% 0;transform-style:preserve-3d}}@keyframes letmeinOutRightOverlay{from{transform:rotateY(2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}@keyframes letmeinTopOverlay{to{transform:rotateX(2deg);transform-origin:0 50%;transform-style:preserve-3d}}@keyframes letmeinOutTopOverlay{from{transform:rotateX(2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}.custombox-letmein.custombox-overlay.custombox-open.custombox-top{animation-name:letmeinTopOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-open.custombox-bottom{animation-name:letmeinBottomOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-open.custombox-left{animation-name:letmeinLeftOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-open.custombox-right{animation-name:letmeinRightOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-top{animation-name:letmeinOutTopOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-bottom{animation-name:letmeinOutBottomOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-left{animation-name:letmeinOutLeftOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-right{animation-name:letmeinOutRightOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes makewayInContainer{50%{transform:translateZ(-50px) rotateY(5deg);animation-timing-function:ease-out}100%{transform:translateZ(-200px)}}@keyframes makewayOutContainer{0%{transform:translateZ(-200px)}50%{transform:translateZ(-50px) rotateY(5deg);animation-timing-function:ease-out}100%{opacity:0}}@keyframes makewayInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes makewayOutTop{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes makewayInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes makewayOutBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes makewayInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes makewayOutLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes makewayInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes makewayOutRight{from{transform:translateX(0)}to{transform:translateX(100%)}}.custombox-makeway.custombox-overlay{transform-style:preserve-3d;-ms-transform-origin:0 50%;transform-origin:0 50%}.custombox-makeway.custombox-overlay.custombox-open{animation-name:makewayInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-makeway.custombox-overlay.custombox-close{animation-name:makewayOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-makeway.custombox-container{transform-style:preserve-3d;-ms-transform-origin:0 50%;transform-origin:0 50%}.custombox-makeway.custombox-container.custombox-open{animation-name:makewayInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-makeway.custombox-container.custombox-close{animation-name:makewayOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes slipTopOverlay{50%{transform:rotateX(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutTopOverlay{50%{transform:rotateX(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipRightOverlay{50%{transform:rotateY(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutRightOverlay{50%{transform:rotateY(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipBottomOverlay{50%{transform:rotateX(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutBottomOverlay{50%{transform:rotateX(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipLeftOverlay{50%{transform:rotateY(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutLeftOverlay{50%{transform:rotateY(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}.custombox-slip.custombox-overlay.custombox-open.custombox-top{animation-name:slipTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-open.custombox-bottom{animation-name:slipBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-open.custombox-left{animation-name:slipLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-open.custombox-right{animation-name:slipRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-top{animation-name:slipOutTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-bottom{animation-name:slipOutBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-left{animation-name:slipOutLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-right{animation-name:slipOutRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-top{animation-name:slipTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-bottom{animation-name:slipBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-left{animation-name:slipLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-right{animation-name:slipRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-top{animation-name:slipOutTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-bottom{animation-name:slipOutBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-left{animation-name:slipOutLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-right{animation-name:slipOutRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes cornerInOverlay{from{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility}to{transform:translateY(0);transition-property:opacity,transform}}@keyframes cornerOutOverlay{from{transform:translateY(0);transition-property:opacity,transform}to{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility;opacity:0}}@keyframes cornerInContent{from{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility}to{transform:translateY(0);transition-property:opacity,transform;opacity:1}}@keyframes cornerOutContent{from{transform:translateY(0);transition-property:opacity,transform;opacity:1}to{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility;opacity:0}}.custombox-corner.custombox-overlay.custombox-open{animation-name:cornerInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-corner.custombox-overlay.custombox-close{animation-name:cornerOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-corner.custombox-content.custombox-open{animation-name:cornerInContent;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-corner.custombox-content.custombox-close{animation-name:cornerOutContent;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content,.custombox-slidetogether.custombox-overlay{-ms-transform:translateX(-100%);transform:translateX(-100%)}.custombox-slidetogether.custombox-content.custombox-open.custombox-top,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-top{animation-name:slideInTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-open.custombox-bottom,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-bottom{animation-name:slideInBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-open.custombox-left,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-left{animation-name:slideInLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-open.custombox-right,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-right{animation-name:slideInRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-top,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-top{animation-name:slideOutTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-bottom,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-bottom{animation-name:slideOutBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-left,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-left{animation-name:slideOutLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-right,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-right{animation-name:slideOutRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes scaleInOverlay{from{transform:scale(.9);transition:transform;opacity:0}to{transform:scale(1);transition:transform}}@keyframes scaleOutOverlay{from{transform:scale(1);transition:transform}to{transform:scale(.9);transition:transform;opacity:0;opacity:0}}.custombox-scale.custombox-overlay.custombox-open{animation-name:scaleInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-scale.custombox-overlay.custombox-close{animation-name:scaleOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-scale.custombox-content.custombox-open{animation-name:scaleInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-scale.custombox-content.custombox-close{animation-name:scaleOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes doorInOverlay{from{position:fixed;bottom:0;left:50%;right:50%;width:0}to{width:100%;left:0;right:0;transition-property:width}}@keyframes doorOutOverlay{from{width:100%;left:0;right:0;transition-property:width}to{position:fixed;bottom:0;left:50%;right:50%;width:0}}.custombox-door.custombox-overlay.custombox-open{animation-name:doorInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-door.custombox-overlay.custombox-close{animation-name:doorOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-door.custombox-content.custombox-open{animation-name:doorInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-door.custombox-content.custombox-close{animation-name:doorOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes pushInLeftOverlay{from{transform:translateX(-100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutLeftOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateX(-100%)}}@keyframes pushInRightOverlay{from{transform:translateX(100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutRightOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateX(100%)}}@keyframes pushInTopOverlay{from{transform:translateY(-100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutTopOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateY(-100%)}}@keyframes pushInBottomOverlay{from{transform:translateY(100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutBottomOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateY(100%)}}@keyframes pushOutTopOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateY(-100%)}}@keyframes pushInLeftContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateX(100%)}}@keyframes pushOutLeftContainer{from{transform:translateX(100%)}to{overflow-x:hidden;transition-property:transform}}@keyframes pushInRightContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateX(-100%)}}@keyframes pushOutRightContainer{from{transform:translateX(-100%)}to{overflow-x:hidden;transition-property:transform}}@keyframes pushInTopContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateY(100%)}}@keyframes pushOutTopContainer{from{transform:translateY(100%)}to{overflow-x:hidden;transition-property:transform}}@keyframes pushInBottomContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateY(-100%)}}@keyframes pushOutBottomContainer{from{transform:translateY(-100%)}to{overflow-x:hidden;transition-property:transform}}.custombox-push.custombox-overlay{transition-property:transform}.custombox-push.custombox-overlay.custombox-open.custombox-top{animation-name:pushInTopOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-open.custombox-bottom{animation-name:pushInBottomOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-open.custombox-left{animation-name:pushInLeftOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-open.custombox-right{animation-name:pushInRightOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-top{animation-name:pushOutTopOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-bottom{animation-name:pushOutBottomOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-left{animation-name:pushOutLeftOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-right{animation-name:pushOutRightOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-top{animation-name:pushInTopContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-bottom{animation-name:pushInBottomContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-left{animation-name:pushInLeftContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-right{animation-name:pushInRightContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-top{animation-name:pushOutTopContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-bottom{animation-name:pushOutBottomContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-left{animation-name:pushOutLeftContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-right{animation-name:pushOutRightContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes contentscaleInContainer{from{transition:transform}to{transform:scale(.8)}}@keyframes contentscaleOutContainer{from{transform:scale(.8)}to{transition:transform}}.custombox-contentscale.custombox-overlay{-ms-transform:translateX(-100%);transform:translateX(-100%)}.custombox-contentscale.custombox-overlay.custombox-open.custombox-top{animation-name:slideInTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-open.custombox-bottom{animation-name:slideInBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-open.custombox-left{animation-name:slideInLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-open.custombox-right{animation-name:slideInRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-top{animation-name:slideOutTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-bottom{animation-name:slideOutBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-left{animation-name:slideOutLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-right{animation-name:slideOutRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-container.custombox-open{animation-name:contentscaleInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-container.custombox-close{animation-name:contentscaleOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes swellOpen{0%{opacity:0;transform:translate3d(calc(-100vw - 50%),0,0)}50%{opacity:1;transform:translate3d(100px,0,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes swellClose{0%{opacity:1;transform:translate3d(0,0,0)}50%{opacity:1;transform:translate3d(-100px,0,0) scale3d(1.1,1.1,1)}100%{opacity:0;transform:translate3d(calc(100vw + 50%),0,0)}}.custombox-swell.custombox-content{opacity:0}.custombox-swell.custombox-content.custombox-open{animation-name:swellOpen;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-swell.custombox-content.custombox-close{animation-name:swellClose;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes rotatedownOpen{0%{opacity:0;transform:rotate3d(0,0,1,-45deg)}100%{opacity:1;transform:rotate3d(0,0,1,0deg)}}@keyframes rotatedownClose{0%{opacity:1}100%{opacity:0;transform:rotate3d(0,0,1,45deg)}}@keyframes rotatedownElem{0%{opacity:0;transform:translate3d(0,-150px,0) rotate3d(0,0,1,-20deg)}100%{opacity:1;transform:translate3d(0,0,0) rotate3d(0,0,1,0deg)}}.custombox-rotatedown.custombox-content{opacity:0;animation-timing-function:cubic-bezier(.7,0,.3,1);-ms-transform-origin:-150% 50%;transform-origin:-150% 50%}.custombox-rotatedown.custombox-content.custombox-open{animation-name:rotatedownOpen;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-rotatedown.custombox-content.custombox-close{animation-name:rotatedownClose;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes flashOpen{0%{opacity:0;transform:translate3d(-400px,0,0) scale3d(1.4,0,1)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes flashClose{0%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}20%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}100%{opacity:0;transform:translate3d(-400px,0,0) scale3d(1.4,0,1)}}.custombox-flash.custombox-content{opacity:0;animation-timing-function:cubic-bezier(.7,0,.3,1)}.custombox-flash.custombox-content.custombox-open{animation-name:flashOpen;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flash.custombox-content.custombox-close{animation-name:flashClose;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.custombox-loader{display:none;border-style:solid;border-width:5px;border-radius:50%;width:40px;height:40px;animation-name:spin;animation-timing-function:linear;animation-iteration-count:infinite;position:fixed;top:50%;left:50%;margin:-25px 0 0 -25px;z-index:9998}

/* /vendor/sweetalert/sweetalert2.css */
.swal2-popup.swal2-toast {
flex-direction: row;
align-items: center;
width: auto;
padding: 0.625em;
overflow-y: hidden;
background: #fff;
box-shadow: 0 0 0.625em #d9d9d9;
}
.swal2-popup.swal2-toast .swal2-header {
flex-direction: row;
}
.swal2-popup.swal2-toast .swal2-title {
flex-grow: 1;
justify-content: flex-start;
margin: 0 0.6em;
font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-footer {
margin: 0.5em 0 0;
padding: 0.5em 0 0;
font-size: 0.8em;
}
.swal2-popup.swal2-toast .swal2-close {
position: static;
width: 0.8em;
height: 0.8em;
line-height: 0.8;
}
.swal2-popup.swal2-toast .swal2-content {
justify-content: flex-start;
font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-icon {
width: 2em;
min-width: 2em;
height: 2em;
margin: 0;
}
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
display: flex;
align-items: center;
font-size: 1.8em;
font-weight: bold;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
font-size: 0.25em;
}
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
width: 2em;
height: 2em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
top: 0.875em;
width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
left: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
right: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-actions {
flex-basis: auto !important;
width: auto;
height: auto;
margin: 0 0.3125em;
}
.swal2-popup.swal2-toast .swal2-styled {
margin: 0 0.3125em;
padding: 0.3125em 0.625em;
font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-styled:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
}
.swal2-popup.swal2-toast .swal2-success {
border-color: #a5dc86;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
position: absolute;
width: 1.6em;
height: 3em;
transform: rotate(45deg);
border-radius: 50%;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
top: -0.8em;
left: -0.5em;
transform: rotate(-45deg);
transform-origin: 2em 2em;
border-radius: 4em 0 0 4em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
top: -0.25em;
left: 0.9375em;
transform-origin: 0 1.5em;
border-radius: 0 4em 4em 0;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
width: 2em;
height: 2em;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
top: 0;
left: 0.4375em;
width: 0.4375em;
height: 2.6875em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
height: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
top: 1.125em;
left: 0.1875em;
width: 0.75em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
top: 0.9375em;
right: 0.1875em;
width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
-webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
animation: swal2-toast-animate-success-line-tip 0.75s;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
-webkit-animation: swal2-toast-animate-success-line-long 0.75s;
animation: swal2-toast-animate-success-line-long 0.75s;
}
.swal2-popup.swal2-toast.swal2-show {
-webkit-animation: swal2-toast-show 0.5s;
animation: swal2-toast-show 0.5s;
}
.swal2-popup.swal2-toast.swal2-hide {
-webkit-animation: swal2-toast-hide 0.1s forwards;
animation: swal2-toast-hide 0.1s forwards;
}
.swal2-container {
display: flex;
position: fixed;
z-index: 9999999;
top: 0;
right: 0;
bottom: 0;
left: 0;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 0.625em;
overflow-x: hidden;
transition: background-color 0.1s;
-webkit-overflow-scrolling: touch;
}
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
background: rgba(0, 0, 0, 0.4);
}
.swal2-container.swal2-backdrop-hide {
background: transparent !important;
}
.swal2-container.swal2-top {
align-items: flex-start;
}
.swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
align-items: flex-start;
justify-content: flex-start;
}
.swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
align-items: flex-start;
justify-content: flex-end;
}
.swal2-container.swal2-center {
align-items: center;
}
.swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
align-items: center;
justify-content: flex-start;
}
.swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
align-items: center;
justify-content: flex-end;
}
.swal2-container.swal2-bottom {
align-items: flex-end;
}
.swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
align-items: flex-end;
justify-content: flex-start;
}
.swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
align-items: flex-end;
justify-content: flex-end;
}
.swal2-container.swal2-bottom > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-right > :first-child {
margin-top: auto;
}
.swal2-container.swal2-grow-fullscreen > .swal2-modal {
display: flex !important;
flex: 1;
align-self: stretch;
justify-content: center;
}
.swal2-container.swal2-grow-row > .swal2-modal {
display: flex !important;
flex: 1;
align-content: center;
justify-content: center;
}
.swal2-container.swal2-grow-column {
flex: 1;
flex-direction: column;
}
.swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
align-items: center;
}
.swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
align-items: flex-start;
}
.swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
align-items: flex-end;
}
.swal2-container.swal2-grow-column > .swal2-modal {
display: flex !important;
flex: 1;
align-content: center;
justify-content: center;
}
.swal2-container.swal2-no-transition {
transition: none !important;
}
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
margin: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.swal2-container .swal2-modal {
margin: 0 !important;
}
}
.swal2-popup {
display: none;
position: relative;
box-sizing: border-box;
flex-direction: column;
justify-content: center;
width: 32em;
max-width: 100%;
padding: 1.25em;
border: none;
border-radius: 0.3125em;
background: #fff;
font-family: inherit;
font-size: 1rem;
}
.swal2-popup:focus {
outline: none;
}
.swal2-popup.swal2-loading {
overflow-y: hidden;
}
.swal2-header {
display: flex;
flex-direction: column;
align-items: center;
}
.swal2-title {
position: relative;
max-width: 100%;
margin: 0 0 0.4em;
padding: 0;
color: #595959;
font-size: 1.875em;
font-weight: 600;
text-align: center;
text-transform: none;
word-wrap: break-word;
}
.swal2-actions {
display: flex;
z-index: 1;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
margin: 1.25em auto 0;
}
.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
opacity: 0.4;
}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.swal2-actions:not(.swal2-loading) .swal2-styled:active {
background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
box-sizing: border-box;
width: 2.5em;
height: 2.5em;
margin: 0.46875em;
padding: 0;
-webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
border: 0.25em solid transparent;
border-radius: 100%;
border-color: transparent;
background-color: transparent !important;
color: transparent !important;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
margin-right: 30px;
margin-left: 30px;
}
.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
content: "";
display: inline-block;
width: 15px;
height: 15px;
margin-left: 5px;
-webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
border: 3px solid #999999;
border-radius: 50%;
border-right-color: transparent;
box-shadow: 1px 1px 1px #fff;
}
.swal2-styled {
margin: 0.3125em;
padding: 0.625em 2em;
box-shadow: none;
font-weight: 500;
}
.swal2-styled:not([disabled]) {
cursor: pointer;
}
.swal2-styled.swal2-confirm {
border: 0;
border-radius: 0.25em;
background: initial;
background-color: #3085d6;
color: #fff;
font-size: 1.0625em;
}
.swal2-styled.swal2-cancel {
border: 0;
border-radius: 0.25em;
background: initial;
background-color: #aaa;
color: #fff;
font-size: 1.0625em;
}
.swal2-styled:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
}
.swal2-styled::-moz-focus-inner {
border: 0;
}
.swal2-footer {
justify-content: center;
margin: 1.25em 0 0;
padding: 1em 0 0;
border-top: 1px solid #eee;
color: #545454;
font-size: 1em;
}
.swal2-timer-progress-bar-container {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 0.25em;
overflow: hidden;
border-bottom-right-radius: 0.3125em;
border-bottom-left-radius: 0.3125em;
}
.swal2-timer-progress-bar {
width: 100%;
height: 0.25em;
background: rgba(0, 0, 0, 0.2);
}
.swal2-image {
max-width: 100%;
margin: 1.25em auto;
}
.swal2-close {
position: absolute;
z-index: 2;
top: 0;
right: 0;
align-items: center;
justify-content: center;
width: 1.2em;
height: 1.2em;
padding: 0;
overflow: hidden;
transition: color 0.1s ease-out;
border: none;
border-radius: 0;
background: transparent;
color: #cccccc;
font-family: serif;
font-size: 2.5em;
line-height: 1.2;
cursor: pointer;
}
.swal2-close:hover {
transform: none;
background: transparent;
color: #f27474;
}
.swal2-close::-moz-focus-inner {
border: 0;
}
.swal2-content {
z-index: 1;
justify-content: center;
margin: 0;
padding: 0;
color: #545454;
font-size: 1.125em;
font-weight: normal;
line-height: normal;
text-align: center;
word-wrap: break-word;
}
.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select,
.swal2-radio,
.swal2-checkbox {
margin: 1em auto;
}
.swal2-input,
.swal2-file,
.swal2-textarea {
box-sizing: border-box;
width: 100%;
transition: border-color 0.3s, box-shadow 0.3s;
border: 1px solid #d9d9d9;
border-radius: 0.1875em;
background: inherit;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
color: inherit;
font-size: 1.125em;
}
.swal2-input.swal2-inputerror,
.swal2-file.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
border-color: #f27474 !important;
box-shadow: 0 0 2px #f27474 !important;
}
.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
border: 1px solid #b4dbed;
outline: none;
box-shadow: 0 0 3px #c4e6f5;
}
.swal2-input::-webkit-input-placeholder, .swal2-file::-webkit-input-placeholder, .swal2-textarea::-webkit-input-placeholder {
color: #cccccc;
}
.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
color: #cccccc;
}
.swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
color: #cccccc;
}
.swal2-input::-ms-input-placeholder, .swal2-file::-ms-input-placeholder, .swal2-textarea::-ms-input-placeholder {
color: #cccccc;
}
.swal2-input::placeholder,
.swal2-file::placeholder,
.swal2-textarea::placeholder {
color: #cccccc;
}
.swal2-range {
margin: 1em auto;
background: #fff;
}
.swal2-range input {
width: 80%;
}
.swal2-range output {
width: 20%;
color: inherit;
font-weight: 600;
text-align: center;
}
.swal2-range input,
.swal2-range output {
height: 2.625em;
padding: 0;
font-size: 1.125em;
line-height: 2.625em;
}
.swal2-input {
height: 2.625em;
padding: 0 0.75em;
}
.swal2-input[type=number] {
max-width: 10em;
}
.swal2-file {
background: inherit;
font-size: 1.125em;
}
.swal2-textarea {
height: 6.75em;
padding: 0.75em;
}
.swal2-select {
min-width: 50%;
max-width: 100%;
padding: 0.375em 0.625em;
background: inherit;
color: inherit;
font-size: 1.125em;
}
.swal2-radio,
.swal2-checkbox {
align-items: center;
justify-content: center;
background: #fff;
color: inherit;
}
.swal2-radio label,
.swal2-checkbox label {
margin: 0 0.6em;
font-size: 1.125em;
}
.swal2-radio input,
.swal2-checkbox input {
margin: 0 0.4em;
}
.swal2-validation-message {
display: none;
align-items: center;
justify-content: center;
padding: 0.625em;
overflow: hidden;
background: #f0f0f0;
color: #666666;
font-size: 1em;
font-weight: 300;
}
.swal2-validation-message::before {
content: "!";
display: inline-block;
width: 1.5em;
min-width: 1.5em;
height: 1.5em;
margin: 0 0.625em;
border-radius: 50%;
background-color: #f27474;
color: #fff;
font-weight: 600;
line-height: 1.5em;
text-align: center;
}
.swal2-icon {
position: relative;
box-sizing: content-box;
justify-content: center;
width: 5em;
height: 5em;
margin: 1.25em auto 1.875em;
border: 0.25em solid transparent;
border-radius: 50%;
font-family: inherit;
line-height: 5em;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.swal2-icon .swal2-icon-content {
display: flex;
align-items: center;
font-size: 3.75em;
}
.swal2-icon.swal2-error {
border-color: #f27474;
color: #f27474;
}
.swal2-icon.swal2-error .swal2-x-mark {
position: relative;
flex-grow: 1;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
display: block;
position: absolute;
top: 2.3125em;
width: 2.9375em;
height: 0.3125em;
border-radius: 0.125em;
background-color: #f27474;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
left: 1.0625em;
transform: rotate(45deg);
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
right: 1em;
transform: rotate(-45deg);
}
.swal2-icon.swal2-error.swal2-icon-show {
-webkit-animation: swal2-animate-error-icon 0.5s;
animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
-webkit-animation: swal2-animate-error-x-mark 0.5s;
animation: swal2-animate-error-x-mark 0.5s;
}
.swal2-icon.swal2-warning {
border-color: #facea8;
color: #f8bb86;
}
.swal2-icon.swal2-info {
border-color: #9de0f6;
color: #3fc3ee;
}
.swal2-icon.swal2-question {
border-color: #c9dae1;
color: #87adbd;
}
.swal2-icon.swal2-success {
border-color: #a5dc86;
color: #a5dc86;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
position: absolute;
width: 3.75em;
height: 7.5em;
transform: rotate(45deg);
border-radius: 50%;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
top: -0.4375em;
left: -2.0635em;
transform: rotate(-45deg);
transform-origin: 3.75em 3.75em;
border-radius: 7.5em 0 0 7.5em;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
top: -0.6875em;
left: 1.875em;
transform: rotate(-45deg);
transform-origin: 0 3.75em;
border-radius: 0 7.5em 7.5em 0;
}
.swal2-icon.swal2-success .swal2-success-ring {
position: absolute;
z-index: 2;
top: -0.25em;
left: -0.25em;
box-sizing: content-box;
width: 100%;
height: 100%;
border: 0.25em solid rgba(165, 220, 134, 0.3);
border-radius: 50%;
}
.swal2-icon.swal2-success .swal2-success-fix {
position: absolute;
z-index: 1;
top: 0.5em;
left: 1.625em;
width: 0.4375em;
height: 5.625em;
transform: rotate(-45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
display: block;
position: absolute;
z-index: 2;
height: 0.3125em;
border-radius: 0.125em;
background-color: #a5dc86;
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
top: 2.875em;
left: 0.8125em;
width: 1.5625em;
transform: rotate(45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
top: 2.375em;
right: 0.5em;
width: 2.9375em;
transform: rotate(-45deg);
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
-webkit-animation: swal2-animate-success-line-tip 0.75s;
animation: swal2-animate-success-line-tip 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
-webkit-animation: swal2-animate-success-line-long 0.75s;
animation: swal2-animate-success-line-long 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
-webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
animation: swal2-rotate-success-circular-line 4.25s ease-in;
}
.swal2-progress-steps {
align-items: center;
margin: 0 0 1.25em;
padding: 0;
background: inherit;
font-weight: 600;
}
.swal2-progress-steps li {
display: inline-block;
position: relative;
}
.swal2-progress-steps .swal2-progress-step {
z-index: 20;
width: 2em;
height: 2em;
border-radius: 2em;
background: #3085d6;
color: #fff;
line-height: 2em;
text-align: center;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
background: #3085d6;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
background: #add8e6;
color: #fff;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
background: #add8e6;
}
.swal2-progress-steps .swal2-progress-step-line {
z-index: 10;
width: 2.5em;
height: 0.4em;
margin: 0 -1px;
background: #3085d6;
}
[class^=swal2] {
-webkit-tap-highlight-color: transparent;
}
.swal2-show {
-webkit-animation: swal2-show 0.3s;
animation: swal2-show 0.3s;
}
.swal2-hide {
-webkit-animation: swal2-hide 0.15s forwards;
animation: swal2-hide 0.15s forwards;
}
.swal2-noanimation {
transition: none;
}
.swal2-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.swal2-rtl .swal2-close {
right: auto;
left: 0;
}
.swal2-rtl .swal2-timer-progress-bar {
right: 0;
left: auto;
}
@supports (-ms-accelerator: true) {
.swal2-range input {
width: 100% !important;
}
.swal2-range output {
display: none;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.swal2-range input {
width: 100% !important;
}
.swal2-range output {
display: none;
}
}
@-moz-document url-prefix() {
.swal2-close:focus {
outline: 2px solid rgba(50, 100, 150, 0.4);
}
}
@-webkit-keyframes swal2-toast-show {
0% {
transform: translateY(-0.625em) rotateZ(2deg);
}
33% {
transform: translateY(0) rotateZ(-2deg);
}
66% {
transform: translateY(0.3125em) rotateZ(2deg);
}
100% {
transform: translateY(0) rotateZ(0deg);
}
}
@keyframes swal2-toast-show {
0% {
transform: translateY(-0.625em) rotateZ(2deg);
}
33% {
transform: translateY(0) rotateZ(-2deg);
}
66% {
transform: translateY(0.3125em) rotateZ(2deg);
}
100% {
transform: translateY(0) rotateZ(0deg);
}
}
@-webkit-keyframes swal2-toast-hide {
100% {
transform: rotateZ(1deg);
opacity: 0;
}
}
@keyframes swal2-toast-hide {
100% {
transform: rotateZ(1deg);
opacity: 0;
}
}
@-webkit-keyframes swal2-toast-animate-success-line-tip {
0% {
top: 0.5625em;
left: 0.0625em;
width: 0;
}
54% {
top: 0.125em;
left: 0.125em;
width: 0;
}
70% {
top: 0.625em;
left: -0.25em;
width: 1.625em;
}
84% {
top: 1.0625em;
left: 0.75em;
width: 0.5em;
}
100% {
top: 1.125em;
left: 0.1875em;
width: 0.75em;
}
}
@keyframes swal2-toast-animate-success-line-tip {
0% {
top: 0.5625em;
left: 0.0625em;
width: 0;
}
54% {
top: 0.125em;
left: 0.125em;
width: 0;
}
70% {
top: 0.625em;
left: -0.25em;
width: 1.625em;
}
84% {
top: 1.0625em;
left: 0.75em;
width: 0.5em;
}
100% {
top: 1.125em;
left: 0.1875em;
width: 0.75em;
}
}
@-webkit-keyframes swal2-toast-animate-success-line-long {
0% {
top: 1.625em;
right: 1.375em;
width: 0;
}
65% {
top: 1.25em;
right: 0.9375em;
width: 0;
}
84% {
top: 0.9375em;
right: 0;
width: 1.125em;
}
100% {
top: 0.9375em;
right: 0.1875em;
width: 1.375em;
}
}
@keyframes swal2-toast-animate-success-line-long {
0% {
top: 1.625em;
right: 1.375em;
width: 0;
}
65% {
top: 1.25em;
right: 0.9375em;
width: 0;
}
84% {
top: 0.9375em;
right: 0;
width: 1.125em;
}
100% {
top: 0.9375em;
right: 0.1875em;
width: 1.375em;
}
}
@-webkit-keyframes swal2-show {
0% {
transform: scale(0.7);
}
45% {
transform: scale(1.05);
}
80% {
transform: scale(0.95);
}
100% {
transform: scale(1);
}
}
@keyframes swal2-show {
0% {
transform: scale(0.7);
}
45% {
transform: scale(1.05);
}
80% {
transform: scale(0.95);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes swal2-hide {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.5);
opacity: 0;
}
}
@keyframes swal2-hide {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.5);
opacity: 0;
}
}
@-webkit-keyframes swal2-animate-success-line-tip {
0% {
top: 1.1875em;
left: 0.0625em;
width: 0;
}
54% {
top: 1.0625em;
left: 0.125em;
width: 0;
}
70% {
top: 2.1875em;
left: -0.375em;
width: 3.125em;
}
84% {
top: 3em;
left: 1.3125em;
width: 1.0625em;
}
100% {
top: 2.8125em;
left: 0.8125em;
width: 1.5625em;
}
}
@keyframes swal2-animate-success-line-tip {
0% {
top: 1.1875em;
left: 0.0625em;
width: 0;
}
54% {
top: 1.0625em;
left: 0.125em;
width: 0;
}
70% {
top: 2.1875em;
left: -0.375em;
width: 3.125em;
}
84% {
top: 3em;
left: 1.3125em;
width: 1.0625em;
}
100% {
top: 2.8125em;
left: 0.8125em;
width: 1.5625em;
}
}
@-webkit-keyframes swal2-animate-success-line-long {
0% {
top: 3.375em;
right: 2.875em;
width: 0;
}
65% {
top: 3.375em;
right: 2.875em;
width: 0;
}
84% {
top: 2.1875em;
right: 0;
width: 3.4375em;
}
100% {
top: 2.375em;
right: 0.5em;
width: 2.9375em;
}
}
@keyframes swal2-animate-success-line-long {
0% {
top: 3.375em;
right: 2.875em;
width: 0;
}
65% {
top: 3.375em;
right: 2.875em;
width: 0;
}
84% {
top: 2.1875em;
right: 0;
width: 3.4375em;
}
100% {
top: 2.375em;
right: 0.5em;
width: 2.9375em;
}
}
@-webkit-keyframes swal2-rotate-success-circular-line {
0% {
transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
}
}
@keyframes swal2-rotate-success-circular-line {
0% {
transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
}
}
@-webkit-keyframes swal2-animate-error-x-mark {
0% {
margin-top: 1.625em;
transform: scale(0.4);
opacity: 0;
}
50% {
margin-top: 1.625em;
transform: scale(0.4);
opacity: 0;
}
80% {
margin-top: -0.375em;
transform: scale(1.15);
}
100% {
margin-top: 0;
transform: scale(1);
opacity: 1;
}
}
@keyframes swal2-animate-error-x-mark {
0% {
margin-top: 1.625em;
transform: scale(0.4);
opacity: 0;
}
50% {
margin-top: 1.625em;
transform: scale(0.4);
opacity: 0;
}
80% {
margin-top: -0.375em;
transform: scale(1.15);
}
100% {
margin-top: 0;
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes swal2-animate-error-icon {
0% {
transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes swal2-animate-error-icon {
0% {
transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
opacity: 1;
}
}
@-webkit-keyframes swal2-rotate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes swal2-rotate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
overflow: hidden;
}
body.swal2-height-auto {
height: auto !important;
}
body.swal2-no-backdrop .swal2-container {
top: auto;
right: auto;
bottom: auto;
left: auto;
max-width: calc(100% - 0.625em * 2);
background-color: transparent !important;
}
body.swal2-no-backdrop .swal2-container > .swal2-modal {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
body.swal2-no-backdrop .swal2-container.swal2-top {
top: 0;
left: 50%;
transform: translateX(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left {
top: 0;
left: 0;
}
body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right {
top: 0;
right: 0;
}
body.swal2-no-backdrop .swal2-container.swal2-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left {
top: 50%;
left: 0;
transform: translateY(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right {
top: 50%;
right: 0;
transform: translateY(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-bottom {
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left {
bottom: 0;
left: 0;
}
body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
right: 0;
bottom: 0;
}
@media print {
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
overflow-y: scroll !important;
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
display: none;
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
position: static !important;
}
}
body.swal2-toast-shown .swal2-container {
background-color: transparent;
}
body.swal2-toast-shown .swal2-container.swal2-top {
top: 0;
right: auto;
bottom: auto;
left: 50%;
transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
top: 0;
right: 0;
bottom: auto;
left: auto;
}
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
top: 0;
right: auto;
bottom: auto;
left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
top: 50%;
right: auto;
bottom: auto;
left: 0;
transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-center {
top: 50%;
right: auto;
bottom: auto;
left: 50%;
transform: translate(-50%, -50%);
}
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
top: 50%;
right: 0;
bottom: auto;
left: auto;
transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
top: auto;
right: auto;
bottom: 0;
left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
top: auto;
right: auto;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
top: auto;
right: 0;
bottom: 0;
left: auto;
}
body.swal2-toast-column .swal2-toast {
flex-direction: column;
align-items: stretch;
}
body.swal2-toast-column .swal2-toast .swal2-actions {
flex: 1;
align-self: stretch;
height: 2.2em;
margin-top: 0.3125em;
}
body.swal2-toast-column .swal2-toast .swal2-loading {
justify-content: center;
}
body.swal2-toast-column .swal2-toast .swal2-input {
height: 2em;
margin: 0.3125em auto;
font-size: 1em;
}
body.swal2-toast-column .swal2-toast .swal2-validation-message {
font-size: 1em;
}

/* /vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css */
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom;  }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container{
overflow: hidden;
width: auto;
height: auto;
}
.mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{
margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; }
.mCSB_scrollTools{
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{
right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; }
.mCSB_scrollTools .mCSB_draggerContainer{
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;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{
cursor: pointer;
width: 100%;
height: 30px;
z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; 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;  }
.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;  }
.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; }
.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; }
.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; }
.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;
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;
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;
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; }
.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;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
.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; }
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
.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{
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;
margin-left: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }
.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{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.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{
-webkit-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;
-moz-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;
-o-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;
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;
}
.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("/vendor/malihu-custom-scrollbar-plugin/mCSB_buttons.png");
background-repeat: no-repeat;
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0;
}
.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px;
}
.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px;
}
.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px;
}
.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)"; }
.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; }
.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);
-webkit-border-radius: 1px; -moz-border-radius: 1px; 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);
-webkit-border-radius: 1px; -moz-border-radius: 1px; 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; }
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; 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; }
.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);
-webkit-border-radius: 2px; -moz-border-radius: 2px; 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);
-webkit-border-radius: 2px; -moz-border-radius: 2px; 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; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; 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; }
.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;
}
.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; }
.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;
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;  }
.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;
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;
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; }
.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; }
.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; }
.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; }
.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: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
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: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.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{ -webkit-border-radius: 16px; -moz-border-radius: 16px; 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; }
.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; }
.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{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; 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; }
.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; }
.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;
}
.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)";
}
.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)";
}
.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; }
.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; }
.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; }
.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; }
.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);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
.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); }

/* /vendor/fancybox/jquery.fancybox.css */
.fancybox-enabled {
overflow: hidden; }
.fancybox-enabled body {
overflow: visible;
height: 100%; }
.fancybox-is-hidden {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden; }
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99993;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.fancybox-container ~ .fancybox-container {
z-index: 99992; }
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.fancybox-outer {
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }
.fancybox-is-open .fancybox-bg {
opacity: 0.87;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
position: absolute;
direction: ltr;
z-index: 99997;
opacity: 0;
visibility: hidden;
transition: opacity .25s, visibility 0s linear .25s;
box-sizing: border-box; }
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
opacity: 1;
visibility: visible;
transition: opacity .25s, visibility 0s; }
.fancybox-infobar {
top: 0;
left: 50%;
margin-left: -79px; }
.fancybox-infobar__body {
display: inline-block;
width: 70px;
line-height: 44px;
font-size: 13px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: center;
color: #ddd;
background-color: rgba(30, 30, 30, 0.7);
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased; }
.fancybox-toolbar {
top: 0;
right: 0; }
.fancybox-stage {
overflow: hidden;
direction: ltr;
z-index: 99994;
-webkit-transform: translate3d(0, 0, 0);
}
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch;
display: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.fancybox-slide::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0; }
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block; }
.fancybox-slide--image {
overflow: visible; }
.fancybox-slide--image::before {
display: none; }
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
background: #000; }
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
background: #E5E3DF; }
.fancybox-slide--next {
z-index: 99995; }
.fancybox-slide > * {
display: inline-block;
position: relative;
padding: 24px;
margin: 44px 0 44px;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: auto;
box-sizing: border-box; }
.fancybox-slide .fancybox-image-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.fancybox-can-zoomOut .fancybox-image-wrap {
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.fancybox-can-zoomIn .fancybox-image-wrap {
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.fancybox-can-drag .fancybox-image-wrap {
cursor: -webkit-grab;
cursor: grab; }
.fancybox-is-dragging .fancybox-image-wrap {
cursor: -webkit-grabbing;
cursor: grabbing; }
.fancybox-image,
.fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none; }
.fancybox-spaceball {
z-index: 1; }
.fancybox-slide--iframe .fancybox-content {
padding: 0;
width: 80%;
height: 80%;
max-width: calc(100% - 100px);
max-height: calc(100% - 88px);
overflow: visible;
background: #fff; }
.fancybox-iframe {
display: block;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
background: #fff; }
.fancybox-error {
margin: 0;
padding: 40px;
width: 100%;
max-width: 380px;
background: #fff;
cursor: default; }
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }
.fancybox-close-small {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
outline: none;
background: transparent;
z-index: 10;
cursor: pointer; }
.fancybox-close-small:after {
content: '×';
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
color: #888;
font-weight: 300;
text-align: center;
border-radius: 50%;
border-width: 0;
background: #fff;
transition: background .25s;
box-sizing: border-box;
z-index: 2; }
.fancybox-close-small:focus:after {
outline: 1px dotted #888; }
.fancybox-close-small:hover:after {
color: #555;
background: #eee; }
.fancybox-slide--iframe .fancybox-close-small {
top: 0;
right: -44px; }
.fancybox-slide--iframe .fancybox-close-small:after {
background: transparent;
font-size: 35px;
color: #aaa; }
.fancybox-slide--iframe .fancybox-close-small:hover:after {
color: #fff; }
.fancybox-caption-wrap {
bottom: 0;
left: 0;
right: 0;
padding: 60px 30px 0 30px;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
pointer-events: none; }
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid rgba(255, 255, 255, 0.4);
font-size: 14px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none; }
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
pointer-events: all; }
.fancybox-caption a {
color: #fff;
text-decoration: underline; }
.fancybox-button {
display: inline-block;
position: relative;
margin: 0;
padding: 0;
border: 0;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
background: transparent;
color: #ddd;
border-radius: 0;
cursor: pointer;
vertical-align: top;
outline: none; }
.fancybox-button[disabled] {
cursor: default;
pointer-events: none; }
.fancybox-infobar__body, .fancybox-button {
background: rgba(30, 30, 30, 0.6); }
.fancybox-button:hover:not([disabled]) {
color: #fff;
background: rgba(0, 0, 0, 0.8); }
.fancybox-button::before,
.fancybox-button::after {
content: '';
pointer-events: none;
position: absolute;
background-color: currentColor;
color: currentColor;
opacity: 0.9;
box-sizing: border-box;
display: inline-block; }
.fancybox-button[disabled]::before,
.fancybox-button[disabled]::after {
opacity: 0.3; }
.fancybox-button--left::after,
.fancybox-button--right::after {
top: 18px;
width: 6px;
height: 6px;
background: transparent;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor; }
.fancybox-button--left::after {
left: 20px;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.fancybox-button--right::after {
right: 20px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--left {
border-bottom-left-radius: 5px; }
.fancybox-button--right {
border-bottom-right-radius: 5px; }
.fancybox-button--close::before, .fancybox-button--close::after {
content: '';
display: inline-block;
position: absolute;
height: 2px;
width: 16px;
top: calc(50% - 1px);
left: calc(50% - 8px); }
.fancybox-button--close::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--close::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.fancybox-arrow {
position: absolute;
top: 50%;
margin: -50px 0 0 0;
height: 100px;
width: 54px;
padding: 0;
border: 0;
outline: none;
background: none;
cursor: pointer;
z-index: 99995;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: opacity .25s; }
.fancybox-arrow::after {
content: '';
position: absolute;
top: 28px;
width: 44px;
height: 44px;
background-color: rgba(30, 30, 30, 0.8);
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
background-repeat: no-repeat;
background-position: center center;
background-size: 24px 24px; }
.fancybox-arrow--right {
right: 0; }
.fancybox-arrow--left {
left: 0;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1); }
.fancybox-arrow--right::after,
.fancybox-arrow--left::after {
left: 0; }
.fancybox-show-nav .fancybox-arrow {
opacity: 0.6; }
.fancybox-show-nav .fancybox-arrow[disabled] {
opacity: 0.3; }
.fancybox-loading {
border: 6px solid rgba(100, 100, 100, 0.4);
border-top: 6px solid rgba(255, 255, 255, 0.6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: fancybox-rotate .8s infinite linear;
animation: fancybox-rotate .8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
z-index: 99999; }
@-webkit-keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }
.fancybox-fx-slide.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0; }
.fancybox-fx-slide.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0; }
.fancybox-fx-slide.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; }
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1; }
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
opacity: 0; }
.fancybox-fx-zoom-in-out.fancybox-slide--next {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0; }
.fancybox-fx-zoom-in-out.fancybox-slide--current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1; }
.fancybox-fx-rotate.fancybox-slide--previous {
-webkit-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
opacity: 0; }
.fancybox-fx-rotate.fancybox-slide--next {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0; }
.fancybox-fx-rotate.fancybox-slide--current {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1; }
.fancybox-fx-circular.fancybox-slide--previous {
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
opacity: 0; }
.fancybox-fx-circular.fancybox-slide--next {
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
opacity: 0; }
.fancybox-fx-circular.fancybox-slide--current {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1; }
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1); }
@media all and (max-width: 800px) {
.fancybox-infobar {
left: 0;
margin-left: 0; }
.fancybox-button--left,
.fancybox-button--right {
display: none !important; }
.fancybox-caption {
padding: 20px 0;
margin: 0; } }
.fancybox-button--fullscreen::before {
width: 15px;
height: 11px;
left: calc(50% - 7px);
top: calc(50% - 6px);
border: 2px solid;
background: none; }
.fancybox-button--play::before,
.fancybox-button--pause::before {
top: calc(50% - 6px);
left: calc(50% - 4px);
background: transparent; }
.fancybox-button--play::before {
width: 0;
height: 0;
border-top: 6px inset transparent;
border-bottom: 6px inset transparent;
border-left: 10px solid;
border-radius: 1px; }
.fancybox-button--pause::before {
width: 7px;
height: 11px;
border-style: solid;
border-width: 0 2px 0 2px; }
.fancybox-thumbs {
display: none; }
.fancybox-button--thumbs {
display: none; }
@media all and (min-width: 800px) {
.fancybox-button--thumbs {
display: inline-block; }
.fancybox-button--thumbs span {
font-size: 23px; }
.fancybox-button--thumbs::before {
width: 3px;
height: 3px;
top: calc(50% - 2px);
left: calc(50% - 2px);
box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }
.fancybox-thumbs {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 220px;
margin: 0;
padding: 5px 5px 0 0;
background: #fff;
word-break: normal;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
box-sizing: border-box;
z-index: 99995; }
.fancybox-show-thumbs .fancybox-thumbs {
display: block; }
.fancybox-show-thumbs .fancybox-inner {
right: 220px; }
.fancybox-thumbs > ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0; }
.fancybox-thumbs > ul > li {
float: left;
overflow: hidden;
max-width: 50%;
padding: 0;
margin: 0;
width: 105px;
height: 75px;
position: relative;
cursor: pointer;
outline: none;
border: 5px solid transparent;
border-top-width: 0;
border-right-width: 0;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box; }
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, 0.1); }
.fancybox-thumbs > ul > li > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.fancybox-thumbs > ul > li:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 2px;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
opacity: 1; } }

/* /css/font-fileuploader.css */
@font-face {font-family:'font-fileuploader';src: url('/fonts/font-fileuploader.eot?l2vub3');src: url('/fonts/font-fileuploader.eot?l2vub3#iefix') format('embedded-opentype'),url('/fonts/font-fileuploader.ttf?l2vub3') format('truetype'),url('/fonts/font-fileuploader.woff?l2vub3') format('woff'),url('/fonts/font-fileuploader.svg?l2vub3#font-fileuploader') format('svg');font-weight:normal;font-style:normal;;font-display:swap}

/* /css/jquery.fileuploader.min.css */
.fileuploader-input .fileuploader-input-button,.fileuploader-input .fileuploader-input-caption,.fileuploader-items .fileuploader-item .fileuploader-action i,.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar,.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar,.fileuploader-items .fileuploader-item span.fileuploader-action-popup,.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a,.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer a[data-action],.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success{
-webkit-transition:.7s cubic-bezier(.17,.67,0,1.01);
-o-transition:.7s cubic-bezier(.17,.67,0,1.01);
transition:.7s cubic-bezier(.17,.67,0,1.01)
}
.fileuploader-items .fileuploader-item,.fileuploader-items .fileuploader-item .fileuploader-action,.fileuploader-items .fileuploader-item .fileuploader-item-icon,.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,.fileuploader-items .fileuploader-item .fileuploader-item-image img,.fileuploader-popup,.fileuploader-popup .fileuploader-popup-node{
-webkit-animation:fileuploaderFadeIn .2s ease;
animation:fileuploaderFadeIn .2s ease
}
.fileuploader-input .fileuploader-input-button,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success{
display:inline-block;
margin:0;
padding:14px 22px;
border:none;
border-radius:30px;
outline:0;
font-weight:700;
cursor:pointer;
vertical-align:middle;
text-decoration:none
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button{
background:#e6ebf4;
color:#90a0bc
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:hover{
background:#edf1f7;
transform:translate3d(0,-1px,0)
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:active{
background:#dfe5f1;
transform:translate3d(0,1px,0)
}
.fileuploader-input .fileuploader-input-button,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success{
background:#9658fe;
background:-moz-linear-gradient(-45deg,#3a8ffe 0,#9658fe 100%);
background:-webkit-linear-gradient(-45deg,#3a8ffe 0,#9658fe 100%);
background:linear-gradient(135deg,#3a8ffe 0,#9658fe 100%);
background-size:140% auto;
background-position:center;
color:#fff;
box-shadow:0 4px 18px rgba(0,0,0,.04)
}
.fileuploader-input .fileuploader-input-button:hover,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:hover{
background-position:left;
box-shadow:0 8px 25px rgba(0,0,0,.15);
transform:translate3d(0,-2px,0)
}
.fileuploader-input .fileuploader-input-button:active,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:active{
background-position:right;
box-shadow:0 4px 25px rgba(0,0,0,.15);
transform:translate3d(0,2px,0)
}
.fileuploader-input .fileuploader-main-icon:after,.fileuploader-items .fileuploader-item .fileuploader-action i,.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a i:after,.fileuploader-popup .fileuploader-popup-move:after{
font-family:font-fileuploader!important;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader,.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after,.fileuploader-popup.loading:after{
content:"";
position:absolute;
min-width:24px;
min-height:24px;
max-width:48px;
max-height:48px;
background:url(data:image/svg+xml;
base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gPC9wYXRoPiA8L3N2Zz4=) no-repeat center;
background-size:contain
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon i,.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,.fileuploader-items .fileuploader-item .fileuploader-item-image img,.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after,.fileuploader-popup .fileuploader-popup-move:after,.fileuploader-popup.loading:after{
left:50%;
top:50%;
-webkit-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%)
}
.fileuploader-items .fileuploader-item .fileuploader-action,.fileuploader-items .fileuploader-item .progress-bar2 span{
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.fileuploader-input .fileuploader-input-button,.fileuploader-items .fileuploader-item .fileuploader-item-icon,.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar,.fileuploader-popup .fileuploader-cropper,.fileuploader-popup .fileuploader-cropper *,.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success,.fileuploader-popup .fileuploader-popup-move,.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.fileuploader,.fileuploader *,.fileuploader :after,.fileuploader :before,.fileuploader-popup,.fileuploader-popup *,.fileuploader-popup :after,.fileuploader-popup :before{
box-sizing:border-box
}
.fileuploader{
display:block;
width:100%;
padding:16px;
margin:16px 0;
background:#fafbfd;
border-radius:6px;
line-height:normal
}
.fileuploader-input{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border:1px solid transparent;
border-radius:30px;
cursor:pointer
}
.fileuploader-input .fileuploader-input-caption{
position:relative;
display:inline-block;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-ms-flex-item-align:start;
align-self:flex-start;
padding:13px 16px;
margin-right:16px;
background:#fff;
border:1px solid #ebeef1;
border-radius:30px;
color:#789bec;
box-shadow:0 4px 18px rgba(0,0,0,.01);
font-weight:700;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden
}
.fileuploader-focused .fileuploader-input .fileuploader-input-caption{
border-color:#789bec
}
.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader{
position:relative;
display:inline-block;
vertical-align:middle;
min-height:22px;
margin-right:6px
}
.fileuploader-input .fileuploader-main-icon{
color:#789bec
}
.fileuploader-input .fileuploader-main-icon:after{
content:""
}
.fileuploader-input.fileuploader-dragging{
background:#fff;
border:1px solid #ebeef1;
border-style:dashed
}
.fileuploader-input.fileuploader-dragging .fileuploader-input-caption{
border-color:transparent
}
.fileuploader-input.fileuploader-dragging .fileuploader-input-button{
-webkit-transform:translateX(100%);
transform:translateX(100%);
opacity:0
}
.fileuploader-disabled .fileuploader-input{
opacity:.7;
cursor:default;
pointer-events:none!important
}
.fileuploader-items .fileuploader-items-list{
display:block;
margin:10px -16px;
padding:0;
list-style:none
}
.fileuploader-items .fileuploader-item{
position:relative;
margin:0;
padding:20px 16px 20px 22px;
border-bottom:1px solid #ebeef1;
animation-duration:.6s
}
.fileuploader-items .fileuploader-item:last-child{
border-bottom:0;
margin-bottom:-16px
}
.fileuploader-items .fileuploader-item.upload-failed{
background:rgba(254,84,111,.06)
}
.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after{
position:absolute;
left:-8px;
top:-8px;
width:36px;
height:36px
}
.fileuploader-items .fileuploader-item .columns{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
z-index:2
}
.fileuploader-items .fileuploader-item .column-thumbnail{
position:relative;
width:36px;
height:36px
}
.fileuploader-items .fileuploader-item .column-title{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding-left:16px;
padding-right:16px;
color:#74809d;
overflow:hidden
}
.fileuploader-items .fileuploader-item .column-title a{
display:inline-block;
width:100%;
height:100%;
color:#74809d;
text-decoration:none
}
.fileuploader-items .fileuploader-item .column-title div{
width:100%;
font-weight:700;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.fileuploader-items .fileuploader-item .column-title span{
font-size:12px;
color:#979fb8
}
.fileuploader-items .fileuploader-item .column-actions{
margin:0 16px
}
.fileuploader-items .fileuploader-item .fileuploader-item-image{
position:relative;
width:100%;
height:100%;
border-radius:6px;
background:#fff;
overflow:hidden
}
.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after{
content:"";
width:50%;
height:50%
}
.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,.fileuploader-items .fileuploader-item .fileuploader-item-image img{
position:absolute;
max-width:none;
max-height:100%
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon{
position:relative;
width:100%;
height:100%;
text-align:center;
color:#fff;
font-size:11px;
background:#ddd;
border-radius:4px;
cursor:default
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon.is-bright-color{
color:#888
}
.fileuploader-items .fileuploader-item .fileuploader-item-icon i{
position:absolute;
display:block;
width:90%;
font-style:normal;
font-weight:700;
overflow:hidden;
white-space:nowrap
}
.fileuploader-items .fileuploader-item span.fileuploader-action-popup{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(43,56,71,.2);
border-radius:6px;
cursor:pointer;
opacity:0
}
.fileuploader-items .fileuploader-item span.fileuploader-action-popup:hover{
opacity:1
}
.fileuploader-items .fileuploader-item span.fileuploader-action-popup:active{
background:rgba(43,56,71,.4)
}
.fileuploader-items .fileuploader-item .fileuploader-action{
position:relative;
display:inline-block;
width:20px;
height:20px;
color:#c0c6d2;
cursor:pointer;
vertical-align:top
}
.fileuploader-items .fileuploader-item .fileuploader-action+.fileuploader-action{
margin-left:16px
}
.fileuploader-items .fileuploader-item .fileuploader-action:hover{
color:#789bec
}
.fileuploader-items .fileuploader-item .fileuploader-action:active{
color:#668ee9
}
.fileuploader-items .fileuploader-item .fileuploader-action i{
display:inline-block;
width:100%;
height:100%;
font-size:20px;
line-height:20px;
text-align:center;
border-radius:50%
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i{
color:#fff;
font-size:14px;
background:#fe7676;
box-shadow:-1px 1px 6px rgba(254,118,118,.8);
text-shadow:none
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:after{
content:"\e923"
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:hover{
background-color:#fe8a8a
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:active{
background-color:#fe6262
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-download i:after{
content:""
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-start i:after{
content:""
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-sort i:after{
content:""
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-edit i:after{
content:""
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-retry i:after{
content:""
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-rotate i:after{
content:""
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-settings i:after{
content:"�
"
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-preview i:after{
content:""
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i{
color:#fff;
font-size:14px;
background:#43d084;
box-shadow:-1px 1px 6px rgba(67,208,132,.8);
text-shadow:none
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:after{
content:""
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:hover{
background:#fe7676;
box-shadow:-1px 1px 6px rgba(254,118,118,.8)
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:hover:after{
content:"\e923"
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:active{
background-color:#fe6262
}
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i:active:after{
content:""
}
.fileuploader-items .fileuploader-item.file-has-popup span.fileuploader-action-popup{
display:block
}
.fileuploader-items .fileuploader-item .fileuploader-progressbar{
position:absolute;
left:0;
bottom:0;
width:100%;
height:4px;
border-radius:6px;
overflow:hidden
}
.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar{
position:absolute;
left:0;
top:0;
width:0%;
height:100%;
border-radius:6px;
background:#789bec
}
.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1
}
.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar{
position:absolute;
left:0;
top:0;
width:0%;
height:100%;
border-radius:0;
background:rgba(104,125,219,.08)
}
.fileuploader-items .fileuploader-item .progress-bar2 span{
position:absolute;
right:16px;
color:rgba(151,159,184,.16);
font-size:48px
}
.fileuploader-items .fileuploader-item.sorting{
background:#fafbfd;
border-radius:6px;
opacity:.8;
box-shadow:0 1px 4px rgba(0,0,0,.2);
z-index:799
}
.fileuploader-items .fileuploader-item.sorting,.fileuploader-items .fileuploader-item.sorting .fileuploader-action,.fileuploader-items .fileuploader-item.sorting .fileuploader-item-icon,.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image canvas,.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image img{
-webkit-animation:none;
animation:none
}
.fileuploader-items .fileuploader-sorter-placeholder{
background:rgba(0,0,0,.03);
margin:0;
padding:0;
-webkit-animation:none;
animation:none
}
.fileuploader-popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
background:#191d1e;
z-index:1090;
animation-duration:.4s
}
.fileuploader-popup.loading:after{
width:48px;
height:48px;
z-index:8
}
.fileuploader-popup .fileuploader-popup-preview{
position:relative;
width:100%;
height:100%;
overflow:auto;
z-index:2
}
.fileuploader-popup .fileuploader-popup-node{
position:relative;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
max-width:100%;
height:100%;
min-width:20px;
min-height:20px;
padding:80px 56px 64px;
overflow:hidden
}
.fileuploader-popup .fileuploader-popup-node .reader-node{
position:relative;
max-width:100%;
max-height:100%;
text-align:center;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
.fileuploader-popup .fileuploader-popup-node .reader-node.is-movable{
cursor:grab
}
.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover,.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving{
cursor:grabbing
}
.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .area-move,.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .point,.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .area-move,.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .point{
cursor:grabbing!important
}
.fileuploader-popup .fileuploader-popup-node .reader-node.has-node-centered{
flex:1;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:100%;
height:100%
}
.fileuploader-popup .fileuploader-popup-node.astext .reader-node>div,.fileuploader-popup .fileuploader-popup-node.audio .reader-node>audio,.fileuploader-popup .fileuploader-popup-node.image .reader-node>img,.fileuploader-popup .fileuploader-popup-node.video .reader-node>video{
max-width:100%;
max-height:100%;
margin:0;
padding:0;
color:#47525d;
background:#fafafa;
box-shadow:0 0 18px rgba(0,0,0,.4);
-webkit-transform:translateZ(0);
transform:translateZ(0);
border-radius:0
}
.fileuploader-popup .fileuploader-popup-node.audio .reader-node audio{
width:450px
}
.fileuploader-popup .fileuploader-popup-node.astext .reader-node div{
max-width:992px;
padding:20px;
margin:0 auto;
font-size:14px;
line-height:16px;
text-align:left;
overflow-y:auto;
white-space:pre-wrap
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon{
position:relative;
display:inline-block;
width:80px;
height:80px;
background:url(data:image/svg+xml;
base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiA8Zz4gIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4gIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjYmJjYWNmIiBpZD0ic3ZnXzIiIGQ9Im00OSwxNi44NDJsMCw0Mi4xMDVjMCwyLjc5MSAtMi4yNyw1LjA1MyAtNS4wNjksNS4wNTNsLTM4Ljg2MiwwYy0yLjgsMCAtNS4wNjksLTIuMjYyIC01LjA2OSwtNS4wNTNsMCwtNTMuODk0YzAsLTIuNzkxIDIuMjY5LC01LjA1MyA1LjA2OSwtNS4wNTNsMjcuMDM0LDBsMTYuODk3LDE2Ljg0MnoiIGNsYXNzPSJjbHMtMSIvPiAgPHBhdGggZmlsbD0iI2RmZWFlZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ic3ZnXzQiIGQ9Im00OSwxNS44OTlsMCwyLjA5NmwtMTMuODEzLDBjLTIuODYsMCAtNC4xNzksLTIuMzIgLTQuMTc5LC01LjE4MWwwLC0xMi44MTRsMi4wOTIsMGwxNS45LDE1Ljg5OXoiIGNsYXNzPSJjbHMtMyIvPiA8L2c+PC9zdmc+) no-repeat center;
background-size:contain
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div{
position:absolute;
bottom:14px;
left:0;
padding:4px 6px;
border-radius:4px;
color:#fff;
max-width:100%;
word-wrap:break-word
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div.is-bright-color{
color:#888
}
.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div i{
text-transform:uppercase;
font-style:normal;
font-weight:700;
white-space:nowrap
}
.fileuploader-popup .fileuploader-popup-content{
color:#fdfdfd;
text-shadow:1px 1px 1px rgba(0,0,0,.4)
}
.fileuploader-popup .fileuploader-popup-content ul{
list-style:none;
margin:0;
padding:0
}
.fileuploader-popup .fileuploader-popup-content ul li{
display:inline-block;
padding:0;
margin:0
}
.fileuploader-popup .fileuploader-popup-content ul li+li{
margin-left:16px
}
.fileuploader-popup .fileuploader-popup-header{
position:absolute;
top:0;
left:0;
display:flex;
flex-direction:row;
align-items:center;
width:100%;
padding:16px;
background:rgba(0,0,0,.8);
background:-moz-linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);
background:-webkit-linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);
background:linear-gradient(360deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);
z-index:2
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta{
display:flex;
flex:1;
white-space:nowrap;
overflow:hidden
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta li:first-child{
overflow:hidden
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta span{
display:block;
color:#80868b;
font-size:14px
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta h5{
max-width:100%;
margin:4px 0 0;
font-size:14px;
font-weight:700;
text-overflow:ellipsis;
overflow:hidden
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-info:not(:empty){
flex:1;
margin-left:16px
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons{
margin-left:16px
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button{
padding:14px 24px;
text-shadow:none
}
.fileuploader-popup .fileuploader-popup-footer{
position:absolute;
left:0;
bottom:0;
width:100%;
text-align:center;
background:rgba(0,0,0,.8);
background:-moz-linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);
background:-webkit-linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);
background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);
z-index:2
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a{
display:inline-block;
padding:16px;
padding-bottom:13px;
cursor:pointer;
text-decoration:none;
color:#fdfdfd;
border-bottom:3px solid transparent
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a i{
display:inline-block;
font-size:20px;
margin-right:6px;
vertical-align:middle
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a:hover{
border-bottom-color:#789bec;
color:#fff
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a[data-action=remove] i:after{
content:""
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a[data-action=crop] i:after{
content:""
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a[data-action=rotate-cw] i:after{
content:""
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer{
font-size:14px
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer a[data-action]{
width:24px;
height:24px;
line-height:24px;
font-size:16px;
border:none;
border-radius:50%;
padding:0;
vertical-align:middle;
color:#fdfdfd;
background:rgba(255,255,255,.1);
text-shadow:none
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer a[data-action]:hover{
background:rgba(255,255,255,.3)
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input{
display:inline-block;
-webkit-appearance:none;
width:130px;
padding:0;
margin:0 16px;
vertical-align:middle;
background:0 0
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input:focus{
outline:0
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-runnable-track{
width:100%;
height:4px;
cursor:pointer;
animate:.2s;
box-shadow:none;
background:#789bec;
border-radius:6px
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-thumb{
height:14px;
width:14px;
border-radius:50%;
border:0;
background:#fff;
cursor:pointer;
-webkit-appearance:none;
margin-top:-5px;
box-shadow:2px 2px 8px rgba(0,0,0,.8)
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-track{
width:100%;
height:4px;
cursor:pointer;
animate:.2s;
box-shadow:none;
background:#789bec;
border-radius:6px
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-thumb{
height:14px;
width:14px;
border-radius:50%;
border:0;
background:#fff;
cursor:pointer;
-webkit-appearance:none;
margin-top:-5px;
box-shadow:2px 2px 8px rgba(0,0,0,.8)
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer span{
display:inline-block;
min-width:40px;
text-align:center;
margin-left:6px;
color:#fff;
vertical-align:middle
}
.fileuploader-popup .fileuploader-popup-move{
position:absolute;
display:none;
width:56px;
height:100%;
font-size:24px;
bottom:0;
left:0;
color:#fff;
opacity:.4;
cursor:pointer;
z-index:1
}
.fileuploader-popup .fileuploader-popup-move:hover{
opacity:1
}
.fileuploader-popup .fileuploader-popup-move:after{
position:absolute
}
.fileuploader-popup .fileuploader-popup-move[data-action=prev]:after{
content:""
}
.fileuploader-popup .fileuploader-popup-move[data-action=next]{
left:auto;
right:0
}
.fileuploader-popup .fileuploader-popup-move[data-action=next]:after{
content:""
}
.fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-move{
display:inline-block
}
.fileuploader-popup .fileuploader-cropper{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(17,20,27,.65);
z-index:9
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area{
position:absolute;
left:0;
top:0;
width:0;
height:0;
z-index:2;
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
-ms-transform:translateZ(0);
-o-transform:translateZ(0);
transform:translateZ(0)
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after,.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before{
content:"";
position:absolute;
border:1px solid rgba(250,250,250,.8);
opacity:0;
-webkit-transition:all .4s ease;
transition:all .4s ease;
z-index:1
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before{
top:0;
left:50%;
height:100%;
width:34%;
border-top:0;
border-bottom:0;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after{
top:50%;
left:0;
height:34%;
width:100%;
border-left:0;
border-right:0;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:after,.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:before{
opacity:1
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point{
position:absolute;
width:24px;
height:24px;
z-index:3
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after{
content:"";
width:12px;
height:12px;
position:absolute;
background:#fff;
box-shadow:0 0 6px rgba(0,0,0,.4);
border-radius:50%
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-a{
top:-12px;
left:-12px;
cursor:nw-resize
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-b{
top:-12px;
left:50%;
margin-left:-12px;
cursor:n-resize
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-c{
top:-12px;
right:-12px;
cursor:ne-resize
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-d{
top:50%;
right:-12px;
margin-top:-12px;
cursor:w-resize
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-e{
bottom:-12px;
right:-12px;
cursor:nw-resize
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-f{
bottom:-12px;
left:50%;
margin-left:-12px;
cursor:s-resize
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-g{
bottom:-12px;
left:-12px;
cursor:sw-resize
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-h{
left:-12px;
top:50%;
margin-top:-12px;
cursor:w-resize
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move{
position:absolute;
width:100%;
height:100%;
z-index:2;
cursor:move
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move:after{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:1px solid rgba(255,255,255,.8)
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image{
position:relative;
overflow:hidden;
width:100%;
height:100%
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image img{
width:auto;
height:auto;
max-width:none;
max-height:none;
position:absolute;
left:0;
top:0;
background:#fff;
-webkit-transform-origin:top left;
transform-origin:top left
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-info{
display:none;
position:absolute;
bottom:-12px;
left:50%;
color:#fff;
font-family:sans-serif;
line-height:1;
font-size:12px;
text-align:center;
padding:4px 8px;
background:rgba(0,0,0,.6);
border-radius:14px;
white-space:nowrap;
opacity:0;
-webkit-transform:translateX(-50%) translateY(100%);
transform:translateX(-50%) translateY(100%);
-webkit-transition:all .4s ease;
transition:all .4s ease;
z-index:2
}
.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.show-info .area-info{
opacity:1
}
@media all and (max-width:768px){
.fileuploader-popup .fileuploader-popup-header{
display:block;
padding:0
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta{
padding:16px
}
.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons{
position:fixed;
left:0;
bottom:16px;
width:100%;
margin:0;
text-align:center
}
.fileuploader-popup .fileuploader-popup-node{
display:block;
width:100%;
height:100%;
padding-left:16px;
padding-right:16px;
padding-bottom:117px
}
.fileuploader-popup .fileuploader-popup-footer{
bottom:61px;
background:0 0
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer{
display:none
}
.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a:hover{
border-color:transparent
}
.fileuploader-popup .fileuploader-popup-move{
width:30px
}
.fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-node{
padding-left:30px;
padding-right:30px
}
}
@-webkit-keyframes fileuploaderFadeIn{
from{
opacity:0
}
to{
opacity:1
}
}
@keyframes fileuploaderFadeIn{
from{
opacity:0
}
to{
opacity:1
}
}

/* /css/jquery.fileuploader-theme-dragdrop.css */
.fileuploader-theme-dragdrop .fileuploader-input {
display: block;
padding: 56px 0;
background: #fff;
border: 2px dashed #c2cdda;
border-radius: 14px;
text-align: center;
}
.fileuploader-theme-dragdrop .fileuploader-input .fileuploader-main-icon {
display: block;
font-size: 56px;
margin: 0 auto;
margin-bottom: 26px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.fileuploader-theme-dragdrop .fileuploader-input h3 {
margin: 0;
margin-bottom: 8px;
padding: 0;
background: none;
border: none;
font-size: 18px;
font-weight: bold;
color: #5B5B7B;
white-space: normal;
box-shadow: none;
}
.fileuploader-theme-dragdrop .fileuploader-input p {
margin: 0;
padding: 0;
color: #90a0bc;
margin-bottom: 12px;
}
.fileuploader-theme-dragdrop .fileuploader-input .fileuploader-input-inner,
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-main-icon {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-inner {
opacity: 0.6;
}
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-main-icon {
-webkit-transform: translateY(18px);
transform: translateY(18px);
}
.fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-button {
-webkit-transform: none;
transform: none;
opacity: 1;
}

/* /css/whatschat-layout.css */
.layout .wrapper{
padding-bottom: 115px;
margin-top: -15px;
}
.layout .wrapper .divider{
position: relative;
margin-top: 90px;
height: 1px;
}
.layout .wrapper .div-transparent:before{
content: "";
position: absolute;
top: 0;
left: 5%;
right: 5%;
width: 90%;
height: 1px;
background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}
.layout .wrapper .div-dot:after{
content: "";
position: absolute;
z-index: 1;
top: -9px;
left: calc(50% - 9px);
width: 18px;
height: 18px;
border: 1px solid rgb(48,49,51);
border-radius: 50%;
box-shadow: inset 0 0 0 2px white,
0 0 0 4px white;
}
.layout .title{
padding: 25px;
}
.layout .layout-heading{
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.layout .layout-heading img{
width: 100px;
}
.layout .layout-heading h2{
display: inline-block;
position: relative;
font-size: 25px;
font-weight: 700;
text-transform: capitalize;
}
.layout .layout-heading p{
margin-bottom: 5px;
font-size: 14px;
}
.layout .layout-style{
padding-bottom: 20px;
}
.layout .layout-style-title{
margin-bottom: 63px;
text-align: center;
}
.layout .layout-style-title h3{
display: inline-block;
position: relative;
font-weight: 700;
font-size: 20px;
text-transform: capitalize;
}
.layout .layout-style-title p{
margin-bottom: 5px;
font-size: 14px;
}
.wc-thumb{
margin-bottom: 30px;
}
img.wc-zoom {
border-radius:5px;
object-fit:cover;
box-shadow: 0px 0px 10px #bcbaba;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.transition {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.layout .layout-features-title{
margin-bottom: 22px;
text-align: center;
}
.layout .layout-features-title h3{
display: inline-block;
position: relative;
font-weight: 700;
font-size: 20px;
text-transform: capitalize;
}
.layout .layout-features-title p{
margin-bottom: 5px;
font-size: 14px;
}
.layout .layout-features{
padding: 40px 5px;
text-align: center;
}
.layout .layout-features i{
font-size: 45px;
border-radius: 10px;
}
.layout .layout-features h4{
margin-top: 20px;
font-size: 18px;
font-weight: 600;
}
.layout .layout-features p{
margin-bottom: 5px;
font-size: 14px;
}
.layout .layout-funcation-title{
margin-bottom: 64px;
text-align: center;
}
.layout .layout-funcation-title h3{
display: inline-block;
position: relative;
font-weight: 700;
font-size: 20px;
text-transform: capitalize;
}
.layout .layout-funcation-title p{
margin-bottom: 5px;
font-size: 14px;
}
.layout .layout-funcation .layout-funcation-odd{
padding: 20px 20px 25px;
width: 100%;
text-align: center;
}
.layout .layout-funcation .layout-funcation-even{
padding: 20px;
width: 100%;
text-align: center;
border-left: 10px solid #eee;
border-right: 10px solid #eee;
}
.layout .layout-funcation .icon-space{
font-size: 30px;
}
.layout .layout-funcation h4{
margin-top: 20px;
font-size: 18px;
font-weight: 600;
}
.layout .layout-funcation p{
margin-bottom: 5px;
font-size: 15px;
font-weight: 400;
}
.layout .footer{
padding: 20px;
text-align: center;
background-color: #222;
}
.layout .footer p{
margin-bottom: 0;
width: 100%;
font-size: 15px;
font-weight: 500;
color: #fff;
}
.wc-setting{
display: block;
position: fixed;
top: 8%;
left: 0px;
width: 210px;
box-shadow: 3px 0px 5px rgba(68, 68, 68, 0.18);
z-index: 99;
}
.wc-setting .icon{
position: absolute;
margin-top: -13.5px;
top: 50%;
bottom: -24px;
right: -49px;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 32px;
text-align: center;
border-radius: 0 6px 6px 0;
box-shadow: 3px 0px 5px rgba(68, 68, 68, 0.18);
cursor: pointer;
}
.wc-setting,
.wc-setting .icon{
background-color: #fff;
}
.wc-setting .icon i{
padding: 10px;
font-size: 30px;
cursor: pointer;
}
.wc-header{
display: block;
padding: 10px;
text-align: center;
}
.wc-setting .wc-header h4{
margin-bottom: 0rem;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
}
.wc-setting .link{
padding: 20px;
margin: 0;
text-align: left;
list-style: none;
}
.wc-setting .link li{
margin-bottom: 5px;
}
.wc-setting .link li i{
margin-right: 5px;
}
.wc-setting .link li a{
font-size: 15px;
}
.wc-setting .link li a:hover{
font-weight: bold;
text-decoration: none;
}
.wc-setting .icon,
.wc-setting .link li a{
font-size: 13px;
}
.wc-setting .wc-color{
padding: 12px;
text-align: center;
}
.wc-setting .wc-color span{
display: inline-block;
margin: 5px;
width: 24px;
height: 20px;
border-radius: 0;
cursor: pointer;
}
.wc-setting .wc-color span.color1{
background: linear-gradient(to right, #796c6c, #362626);
}
.wc-setting .wc-color span.color2{
background: linear-gradient(to right, #00eefa, #05b6eb);
}
.wc-setting .wc-color span.color3{
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-setting .wc-color span.color4{
background: linear-gradient(to right, #ff9f0e, #ff4a10);
}
.wc-setting .wc-color span.color5{
background: linear-gradient(to right, #ff729b, #ce002f);
}
.wc-setting .wc-color span.color6{
background: linear-gradient(to right, #b76cd2, #4c3bb3);
}
.wc-setting .wc-color span.color7{
background: linear-gradient(to right, #fa7d7d, #eb0505);
}
.wc-setting .wc-color span.color8{
background: linear-gradient(to left, #50cc7f, #f5d100);
}
.wc-setting .wc-color span.color1:hover,
.wc-setting .wc-color span.color2:hover,
.wc-setting .wc-color span.color3:hover,
.wc-setting .wc-color span.color4:hover,
.wc-setting .wc-color span.color5:hover,
.wc-setting .wc-color span.color6:hover,
.wc-setting .wc-color span.color7:hover,
.wc-setting .wc-color span.color8:hover{
box-shadow: 1px 2px 3px;
}
@media(max-width: 576px){
.wc-setting{
top: 3%;
}
}
.layout .layout-button-title{
margin-bottom: 22px;
text-align: center;
}
.layout .layout-button-title h3{
display: inline-block;
position: relative;
font-weight: 700;
font-size: 20px;
text-transform: capitalize;
}
.layout .layout-button-title p{
margin-bottom: 5px;
font-size: 14px;
}
.old-select{
position: absolute;
top: -9999px;
left: -9999px;
}
.wc-dropdown .new-select{
width: 300px;
height: 50px;
margin: auto;
margin-top: 40px;
margin-bottom: 60px;
text-align: center;
line-height: 50px;
position: relative;
}
.wc-dropdown .new-select .selection:active{
transform:         rotateX(42deg);
-o-transform:      rotateX(42deg);
-ms-transform:     rotateX(42deg);
-moz-transform:    rotateX(42deg);
-webkit-transform: rotateX(42deg);
transform-style:         preserve-3d;
-o-transform-style:      preserve-3d;
-ms-transform-style:     preserve-3d;
-moz-transform-style:    preserve-3d;
-webkit-transform-style: preserve-3d;
transform-origin:         top;
-o-transform-origin:      top;
-ms-transform-origin:     top;
-moz-transform-origin:    top;
-webkit-transform-origin: top;
transition:         transform         200ms ease-in-out;
-o-transition:      -o-transform      200ms ease-in-out;
-ms-transition:     -ms-transform     200ms ease-in-out;
-moz-transition:    -moz-transform    200ms ease-in-out;
-webkit-transition: -webkit-transform 200ms ease-in-out;
}
.wc-dropdown .new-select .selection{
width: 100%;
height: 100%;
border-radius: 10px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
cursor: pointer;
position: relative;
z-index: 20;
transform:         rotateX(0deg);
-o-transform:      rotateX(0deg);
-ms-transform:     rotateX(0deg);
-moz-transform:    rotateX(0deg);
-webkit-transform: rotateX(0deg);
transform-style:         preserve-3d;
-o-transform-style:      preserve-3d;
-ms-transform-style:     preserve-3d;
-moz-transform-style:    preserve-3d;
-webkit-transform-style: preserve-3d;
transform-origin:         top;
-o-transform-origin:      top;
-ms-transform-origin:     top;
-moz-transform-origin:    top;
-webkit-transform-origin: top;
transition:         transform         200ms ease-in-out;
-o-transition:      -o-transform      200ms ease-in-out;
-ms-transition:     -ms-transform     200ms ease-in-out;
-moz-transition:    -moz-transform    200ms ease-in-out;
-webkit-transition: -webkit-transform 200ms ease-in-out;
}
.wc-dropdown .new-select .selection p{
width: calc(100% - 60px);
position: relative;
transition:         all 200ms ease-in-out;
-o-transition:      all 200ms ease-in-out;
-ms-transition:     all 200ms ease-in-out;
-moz-transition:    all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
}
.wc-dropdown .new-select .selection i{
display: block;
width: 1px;
height: 70%;
position: absolute;
right: -1px; top: 15%; bottom: 15%;
border: none;
background-color: #bbb;
}
.wc-dropdown .new-select .selection > span{
display: block;
position: absolute;
top: 18px;
right: 22px;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 8px 0 8px;
}
.wc-dropdown .new-select .selection.open > span{
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 14px 8px;
}
.wc-dropdown .new-option{
text-align: center;
cursor: pointer;
border-radius: 0px 0 10px 10px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
position: relative;
margin-top: -1px;
position: absolute;
left: 0; right: 0;
transition:         all 300ms ease-in-out;
-o-transition:      all 300ms ease-in-out;
-ms-transition:     all 300ms ease-in-out;
-moz-transition:    all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
}
.wc-dropdown .new-option p{
margin-bottom: 0;
width: calc(100% - 60px);
}

/* /css/whatschat-style1.css */
.wc-style1{
display: inline-block;
position: fixed;
letter-spacing: 0.1px;
font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
z-index: 9990;
}
.wc-right-bottom{
bottom: 13em;
right: 1em;
float: right;
}
.wc-style1 .wc-button{
width: 50px;
height: 50px;
border-radius: 100%;
border: 1px solid #fff;
box-shadow: 0 0 10px rgba(12, 12, 12, 0.3);
}
.wc-style1 .wc-button:hover{
box-shadow: 0px 0px 10px rgba(12, 12, 12, 0.5);
}
.wc-style1 .wc-button i{
display: table;
height: 100%;
width: 100%;
margin-right: 0px;
font-size: 25px;
text-align: center;
line-height: 50px;
cursor: pointer;
}
.wc-style1 .wc-panel{
display: none;
margin-bottom: 5%;
width: 350px;
border-radius: 10px;
box-shadow: 0px 3px 7px rgba(12, 12, 12, 0.18);
}
.wc-style1 .wc-panel .wc-header{
padding: 12px 15px 15px;
text-align: center;
border-radius: 8px;
}
.wc-style1 .wc-header strong{
font-size: 15px;
line-height: 20px;
}
.wc-style1 .wc-header p{
margin-bottom: 0;
font-size: 12px;
line-height: 20px;
}
.wc-style1 .wc-panel .wc-body{
padding: 20px 20px 15px;
min-width: 250px;
white-space: nowrap;
list-style: none;
overflow-y: auto;
}
.wc-style1 .wc-body .wc-list:hover{
text-decoration: none;
cursor: pointer;
}
.wc-style1 .wc-body .wc-list li{
padding: 5px 10px;
margin-bottom: 5px;
list-style-type: none;
border-radius: 10px;
}
.wc-style1 .wc-list .d-flex{
display: flex;
}
.wc-style1 .wc-list .wc-img-cont{
position: relative;
}
.wc-style1 .wc-list .wc-user-img{
height: 55px;
width: 55px;
border-radius: 50%;
vertical-align: middle;
}
.wc-style1 .wc-list .wc-status-icon{
position: absolute;
bottom: 5px;
right: 1px;
height: 10px;
width: 10px;
border-radius: 50%;
}
.wc-style1 .wc-list .wc-user-info{
margin-top: 0;
margin-bottom: auto;
margin-left: 15px;
}
.wc-style1 .wc-list .wc-user-info span{
font-size: 14px;
font-weight: bold;
line-height: 35px;
}
.wc-style1 .wc-list .wc-user-info p{
margin-top: -5px;
margin-bottom: 0;
font-size: 11px;
line-height: 15px;
}
.wc-style1 .wc-list .wc-chat-icon{
position: absolute;
margin-top: 15px;
right: 30px;
}
.wc-style1 .wc-list .wc-chat-icon i{
display: none;
font-size: 25px;
}
.wc-style1 .wc-list li:hover .wc-chat-icon i{
display: block;
-webkit-animation: wc-fadein 1s;
-moz-animation: wc-fadein 1s;
-ms-animation: wc-fadein 1s;
-o-animation: wc-fadein 1s;
animation: wc-fadein 1s;
}
@keyframes wc-fadein{
from{ opacity: 0; }
to { opacity: 1; }
}
@-moz-keyframes wc-fadein{
from{ opacity: 0; }
to { opacity: 1; }
}
@-webkit-keyframes wc-fadein{
from{ opacity: 0; }
to { opacity: 1; }
}
@-ms-keyframes wc-fadein{
from{ opacity: 0; }
to { opacity: 1; }
}
@-o-keyframes wc-fadein{
from{ opacity: 0; }
to { opacity: 1; }
}
.wc-style1 .wc-body .wc-list li:hover,
.wc-style1 .wc-body .wc-list:hover .wc-user-img,
.wc-style1 .wc-body .wc-list .wc-chat-icon i,
.wc-style1 .wc-body .wc-list li:hover .wc-chat-icon i,
.wc-style1 .wc-button:hover{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.rotateForward{
animation-name: rotateF;
animation-duration: 0.65s;
animation-iteration-count: 1;
}
@keyframes rotateF{
from{
transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
to{
transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
.rotateBackward{
animation-name: rotateB;
animation-duration: 0.65s;
animation-iteration-count: 1;
}
@keyframes rotateB{
from{
transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
to{
transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
}
@media(max-width: 576px){
.wc-style1 .wc-panel{
width: 290px;
}
.wc-right-bottom{
bottom: 6em;
right: 1em;
float: right;
}
}

/* /css/color-green.css */
.layout .layout-features i{
color: #09e072;
}
.layout .layout-funcation .layout-funcation-odd{
background: #eee;
}
.layout .title,
.layout .wrapper .div-dot:after{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.layout .layout-heading h2,
.layout .layout-heading p{
color: #fff;
}
.layout .layout-style-title h3,
.layout .layout-button-title h3,
.layout .layout-features-title h3,
.layout .layout-funcation-title h3,
.layout .layout-features h4,
.layout .layout-funcation h4{
color: #555;
}
.layout .layout-style-title p,
.layout .layout-button-title p,
.layout .layout-features-title p,
.layout .layout-funcation-title p,
.layout .layout-features p,
.layout .layout-funcation p{
color: #8c8c8c;
}
.wc-header{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-setting .icon,
.wc-setting .link li a{
color: #555;
}
.wc-setting .icon i,
.wc-setting .link li a:hover{
color: #09e072;
}
.wc-dropdown .new-select{
color: #444;
}
.wc-dropdown .new-select .selection{
border: 1px solid #09e072;
}
.wc-dropdown .new-select .selection:hover p,
.wc-dropdown .new-select .selection.open p{
color: #383838;
}
.wc-dropdown .new-select .selection > span{
border-color: #09e072 transparent transparent transparent;
}
.wc-dropdown .new-select .selection.open > span{
border-color: transparent transparent #bbb transparent;
}
.wc-dropdown .new-option.reveal:hover{
color: #f5f5f5;
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-dropdown .new-select .selection,
.wc-dropdown .new-option{
background-color: #fff;
}
.wc-style1 .wc-panel{
background-color: #fff;
}
.wc-style1 .wc-body .wc-list li{
background-color: #eee;
}
.wc-style1 .wc-body .wc-list li:hover{
background-color: #e6e6e6;
}
.wc-style1 .wc-list .wc-user-img{
border: 1.5px solid #f5f6fa;
}
.wc-style1 .wc-list .wc-status-icon{
border: 1.5px solid #fff;
}
.wc-style1 .wc-list .wc-offline{
background-color: #b1b1b1;
}
.wc-style1 .wc-list .wc-user-info span{
color: #383838;
}
.wc-style1 .wc-list .wc-user-info p{
color: #8c8c8c;
}
.wc-style1 .wc-list .wc-chat-icon i{
color: #09e072;
}
.wc-style1 .wc-panel .wc-header,
.wc-style1 .wc-body .wc-list .wc-online,
.wc-style1 .wc-button{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style1 .wc-panel .wc-header,
.wc-style1 .wc-button i{
color: #fff;
}
.wc-style2 .wc-panel .wc-button{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style2 .wc-panel .wc-list{
border: 2px solid #09e072;
}
.wc-style2 .wc-panel .wc-list img{
background: #fff;
}
.wc-style2 .wc-panel .wc-button,
.wc-style2 .wc-panel .wc-button:hover{
color: #fff;
}
.wc-style3 .wc-button i{
color: #09e072;
}
.wc-style3 .wc-list .d-flex{
background-color: #f5f5f5;
}
.wc-style3 .wc-list:hover .d-flex{
background-color: #eee;
border-left: 2px solid #09e072;
}
.wc-style3 .wc-list .wc-offline{
background-color: #b1b1b1;
}
.wc-style3 .wc-list .wc-user-info span{
color: #383838;
}
.wc-style3 .wc-list .wc-user-info p{
color: #8c8c8c;
}
.wc-style3 .wc-header,
.wc-style3 .wc-body .wc-list .wc-online{
color: #fff;
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style3,
.wc-style3 .wc-button{
background-color: #fff;
}
.wc-style4 .wc-overlay{
background-color: #0000007a;
}
.wc-style4 .wc-modal .wc-content{
background-color: #fff;
}
.wc-style4 .wc-contacts .wc-list{
color: #383838;
}
.wc-style4 .wc-list li{
background-color: #f5f7f9;
}
.wc-style4 .wc-list .wc-user-img{
border: 2px solid transparent;
}
.wc-style4 .wc-list:hover .wc-user-img{
border: 2px solid #09e072;
}
.wc-style4 .wc-user-info strong{
color: #383838;
}
.wc-style4 .wc-user-info .wc-status{
border: 1px solid #fff;
}
.wc-style4 .wc-user-info p{
color: #8c8c8c;
}
.wc-style4 .wc-list .wc-chat-icon i{
color: #09e072;
}
.wc-style4 .wc-button,
.wc-style4 .wc-button:hover,
.wc-style4 .wc-user-info .wc-status,
.wc-style4 .wc-footer .wc-close{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style4 .wc-button:hover,
.wc-style4 .wc-header,
.wc-style4 .wc-button i,
.wc-style4 .wc-user-info .wc-status,
.wc-style4 .wc-footer .wc-close{
color: #fff;
}
.wc-style5 .wc-list .wc-online{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style5 .wc-list .wc-offline{
background-color: #b1b1b1;
}
.wc-style5 .wc-list .wc-user-img{
border: 2px solid #09e072;
}
.wc-style5 .wc-list:hover strong{
color: #383838;
}
.wc-style5 .wc-list:hover .wc-user-info p{
color: #8c8c8c;
}
.wc-style5 .wc-list .wc-user-img,
.wc-style5 .wc-list:hover .wc-user-info{
background: #fff;
}
.wc-style6 .wc-panel{
background-color: #fff;
}
.wc-style6 .wc-user-info span{
color: #383838;
}
.wc-style6 .wc-user-info p{
color: #8c8c8c;
}
.wc-style6 .wc-list .wc-online{
box-shadow: 0 0 14px #69f9b0;
border: 2px solid #09e072;
}
.wc-style6 .wc-list .wc-offline{
box-shadow: 0 0 10px #b1b1b1;
border: 2px solid #b1b1b1;
}
.wc-style6 .wc-header,
.wc-style6 .wc-button{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style6 .wc-panel .wc-header,
.wc-style6 .wc-button i{
color: #fff;
}
.wc-style7 .wc-content .wc-bubble span{
color: rgba(0,0,0,0.4);
}
.wc-style7 .wc-header,
.wc-style7 .wc-button,
.wc-style7 .wc-footer .wc-list{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style7 .wc-panel,
.wc-style7 .wc-content .wc-bubble,
.wc-style7 .wc-footer{
background-color: #fff;
}
.wc-style7 .wc-panel .wc-header,
.wc-style7 .wc-button i,
.wc-style7 .wc-user-info,
.wc-style7 .wc-list p,
.wc-style7 .wc-list i{
color: #fff;
}
.wc-style8 .wc-list .wc-user-img{
border: 2px solid #09e072;
}
.wc-style8 .wc-panel .wc-button i,
.wc-style8 .wc-panel ul .wc-list{
color: #fff;
}
.wc-style8 .wc-panel .wc-button,
.wc-style8 .wc-list .wc-user-img,
.wc-style8 .wc-list .wc-user-info{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style9 .wc-button i{
color: #fff;
}
.wc-style9:after,
.wc-style9 .wc-button{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style10 .wc-button1 span{
color: #fff;
}
.wc-style10 .wc-button1 .social-link:hover{
border: 2px solid #fff;
}
.wc-style10 .wc-button1,
.wc-style10 .wc-button1:before,
.wc-style10 .wc-button1:after,
.wc-style10 .wc-button1:hover{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style10 .wc-button2 .wc-chat-icon i{
border: 2px solid #fff;
}
.wc-style10 .wc-button2 .wc-chat-icon i,
.wc-style10 .wc-button2 p{
color: #fff;
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style10 .wc-button3{
border: 2px solid #fff;
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style10 .wc-button3 i,
.wc-style10 .wc-button3 span{
color: #fff;
}
.wc-style10 .wc-button4:hover{
background: #fff;
}
.wc-style10 .wc-button4:hover span{
color: #09e072;
}
.wc-style10 .wc-button4 span,
.wc-style10 .wc-button4 .fa-whatsapp{
color: #fff;
}
.wc-style10 .wc-button4,
.wc-style10 .wc-button4 .fa-whatsapp{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style10 .wc-button5 i{
border: 2px solid #fff;
}
.wc-style10 .wc-button5 i,
.wc-style10 .wc-button5 .fa-whatsapp{
color: #fff;
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style10 .wc-button6 i{
color: #fff;
border: 2px solid #fff;
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style10 .wc-button7 a{
background: #09e072;
}
.wc-style10 .wc-button7:hover a{
background: transparent;
}
.wc-style10 .wc-button7 a img{
border: 2px solid #09e072;
}
.wc-style10 .wc-button7:before,
.wc-style10 .wc-button7:after {
background: #fff;
}
.wc-style10 .wc-button7:hover:before,
.wc-style10 .wc-button7:hover:after {
background: transparent;
}

/* /css/cookieconsent.min.css */
.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:13px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

/* /css/theme.css */
:root {
--blue: #377dff;
--indigo: #2d1582;
--purple: #8023df;
--pink: #ffe5ee;
--red: #de4437;
--orange: #f05700;
--yellow: #ffc107;
--green: #28871c;
--teal: #00c9a7;
--cyan: #00dffc;
--white: #fff;
--gray: #8c98a4;
--gray-dark: #343a40;
--primary: #297cbb;
--secondary: #77838f;
--success: #00c9a7;
--info: #00dffc;
--warning: #ffc107;
--danger: #de4437;
--light: #f8f9fa;
--dark: #3b444f;
--white: #fff;
--indigo: #2d1582;
--gray: #ebf0f7;
--violet: #532184;
--violet-1: #a864a8;
--violet-light: #6f13cd;
--brown-light: #ceac61;
--brown: #f8bd5b;
--maroon: #c72f74;
--indigo-light: #080e7b;
--red-light-2: #ff3c4e;
--blue-dark-1: #045cff;
--gray-1: #67747c;
--gray-2: #f7f8f9;
--gray-3: #3b444f;
--gray-4: #eceff3;
--blue: #43c5db;
--blue-1: #297cbb;
--gray-5: #18181b;
--gray-6: #18181a;
--gray-7: #5c6770;
--gray-8: #c5cdd8;
--gray-9: #9fa9b8;
--gray-10: #c1c1c1;
--gray-11: #484848;
--gray-23: #f4f4f4;
--gray-33: #ebf0f7;
--sea-green: #1d508d;
--dark-1: #1e2022;
--navy: #0057ff;
--pink: #ffe5ee;
--dark-2: #1a2b49;
--yellow-lighter-2: #f7bc5a;
--orange: #f05700;
--green: #28871c;
--pink-1: #ff0045;
--purple-1: #232753;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--breakpoint-wd: 1480px;
--font-family-sans-serif: "Rubik", Helvetica, Arial, sans-serif;
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace;
}
*,
::after,
::before {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
-webkit-user-drag: auto;
}
body {
margin: 0;
font-family: Rubik, Helvetica, Arial, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #3b444f;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus {
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: 1rem;
}
abbr[data-original-title],
abbr[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;
}
dl,
ol,
ul {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0;
}
dt {
font-weight: 500;
}
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: #297cbb;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #1b527c;
text-decoration: none;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
code,
kbd,
pre,
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;
}
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.75rem;
padding-bottom: 0.75rem;
color: #8c98a4;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
select {
word-wrap: normal;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
-webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
cursor: pointer;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
-webkit-appearance: listbox;
}
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;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
}
.shadowla {
-webkit-box-shadow: 0 8px 32px rgba(72, 72, 72, 0.16);
box-shadow: 0 8px 32px rgba(72, 72, 72, 0.16);
}
.siparisimages {
background-color: #fff;
border: 1px solid #ccc;
color: #484848;
display: block;
font-size: 16px;
height: 60px;
padding: 12px 6px 0 6px;
text-align: center;
width: 60px;
border-radius: 60px;
z-index: 0;
}
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;
}
.u-dropzone {
width: 100%;
background-color: #f8fafd;
border: 2px dashed #e7eaf3;
border-radius: 0.3125rem;
cursor: pointer;
padding: 3rem;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
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: #377dff;
text-align: center;
background-color: rgba(55, 125, 255, 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-processing .dz-error-mark,
.u-dropzone .dz-processing .dz-success-mark,
.u-dropzone.dz-started .u-dropzone__message {
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;
}
.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.1rem;
}
.h2,
h2 {
font-size: 1.8rem;
}
.h3,
h3 {
font-size: 1.65rem;
}
.h4,
h4 {
font-size: 1.4rem;
}
.h5,
h5 {
font-size: 1.15rem;
}
.h6,
h6 {
font-size: 0.9rem;
}
.lead {
font-size: 1.25rem;
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\00A0";
}
.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: #ffe5ee;
word-break: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 87.5%;
color: #fff;
background-color: #3b444f;
border-radius: 0.25rem;
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
}
pre {
display: block;
font-size: 87.5%;
color: #3b444f;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 90%;
}
}
@media (min-width: 768px) {
.container {
max-width: 90%;
}
}
@media (min-width: 992px) {
.container {
max-width: 90%;
}
}
@media (min-width: 1200px) {
.container {
max-width: 90%;
}
}
@media (min-width: 1480px) {
.container {
max-width: 90%;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
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,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-wd,
.col-wd-1,
.col-wd-10,
.col-wd-11,
.col-wd-12,
.col-wd-2,
.col-wd-3,
.col-wd-4,
.col-wd-5,
.col-wd-6,
.col-wd-7,
.col-wd-8,
.col-wd-9,
.col-wd-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.33333%;
}
.offset-2 {
margin-left: 16.66667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333%;
}
.offset-5 {
margin-left: 41.66667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333%;
}
.offset-8 {
margin-left: 66.66667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333%;
}
.offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333%;
}
.offset-sm-2 {
margin-left: 16.66667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333%;
}
.offset-sm-5 {
margin-left: 41.66667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333%;
}
.offset-sm-8 {
margin-left: 66.66667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333%;
}
.offset-sm-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333%;
}
.offset-md-2 {
margin-left: 16.66667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333%;
}
.offset-md-5 {
margin-left: 41.66667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333%;
}
.offset-md-8 {
margin-left: 66.66667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333%;
}
.offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333%;
}
.offset-lg-2 {
margin-left: 16.66667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333%;
}
.offset-lg-5 {
margin-left: 41.66667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333%;
}
.offset-lg-8 {
margin-left: 66.66667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333%;
}
.offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333%;
}
.offset-xl-2 {
margin-left: 16.66667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333%;
}
.offset-xl-5 {
margin-left: 41.66667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333%;
}
.offset-xl-8 {
margin-left: 66.66667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333%;
}
.offset-xl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1480px) {
.col-wd {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-wd-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-wd-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-wd-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-wd-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-wd-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-wd-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-wd-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-wd-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-wd-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-wd-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-wd-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-wd-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-wd-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-wd-first {
-ms-flex-order: -1;
order: -1;
}
.order-wd-last {
-ms-flex-order: 13;
order: 13;
}
.order-wd-0 {
-ms-flex-order: 0;
order: 0;
}
.order-wd-1 {
-ms-flex-order: 1;
order: 1;
}
.order-wd-2 {
-ms-flex-order: 2;
order: 2;
}
.order-wd-3 {
-ms-flex-order: 3;
order: 3;
}
.order-wd-4 {
-ms-flex-order: 4;
order: 4;
}
.order-wd-5 {
-ms-flex-order: 5;
order: 5;
}
.order-wd-6 {
-ms-flex-order: 6;
order: 6;
}
.order-wd-7 {
-ms-flex-order: 7;
order: 7;
}
.order-wd-8 {
-ms-flex-order: 8;
order: 8;
}
.order-wd-9 {
-ms-flex-order: 9;
order: 9;
}
.order-wd-10 {
-ms-flex-order: 10;
order: 10;
}
.order-wd-11 {
-ms-flex-order: 11;
order: 11;
}
.order-wd-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-wd-0 {
margin-left: 0;
}
.offset-wd-1 {
margin-left: 8.33333%;
}
.offset-wd-2 {
margin-left: 16.66667%;
}
.offset-wd-3 {
margin-left: 25%;
}
.offset-wd-4 {
margin-left: 33.33333%;
}
.offset-wd-5 {
margin-left: 41.66667%;
}
.offset-wd-6 {
margin-left: 50%;
}
.offset-wd-7 {
margin-left: 58.33333%;
}
.offset-wd-8 {
margin-left: 66.66667%;
}
.offset-wd-9 {
margin-left: 75%;
}
.offset-wd-10 {
margin-left: 83.33333%;
}
.offset-wd-11 {
margin-left: 91.66667%;
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #3b444f;
}
.table td,
.table th {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #e7eaf3;
align-content: center;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #e7eaf3;
}
.table tbody + tbody {
border-top: 2px solid #e7eaf3;
}
.table-sm td,
.table-sm th {
padding: 0.3rem;
}
.table-bordered {
border: 1px solid #e7eaf3;
}
.table-bordered td,
.table-bordered th {
border: 1px solid #e7eaf3;
}
.table-bordered thead td,
.table-bordered thead th {
border-bottom-width: 2px;
}
.table-borderless tbody + tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: #f8fafd;
}
.table-hover tbody tr:hover {
color: #3b444f;
background-color: rgba(231, 234, 243, 0.4);
}
.table-primary,
.table-primary > td,
.table-primary > th {
background-color: #c3daec;
}
.table-primary tbody + tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
border-color: #90bbdc;
}
.table-hover .table-primary:hover {
background-color: #b0cee6;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #b0cee6;
}
.table-secondary,
.table-secondary > td,
.table-secondary > th {
background-color: #d9dce0;
}
.table-secondary tbody + tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
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 > td,
.table-success > th {
background-color: #b8f0e6;
}
.table-success tbody + tbody,
.table-success td,
.table-success th,
.table-success thead th {
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 > td,
.table-info > th {
background-color: #b8f6fe;
}
.table-info tbody + tbody,
.table-info td,
.table-info th,
.table-info thead th {
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 > td,
.table-warning > th {
background-color: #ffeeba;
}
.table-warning tbody + tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
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 > td,
.table-danger > th {
background-color: #f6cbc7;
}
.table-danger tbody + tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
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 > td,
.table-light > th {
background-color: #fdfdfe;
}
.table-light tbody + tbody,
.table-light td,
.table-light th,
.table-light thead th {
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 > td,
.table-dark > th {
background-color: #c8cbce;
}
.table-dark tbody + tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
border-color: #999ea3;
}
.table-hover .table-dark:hover {
background-color: #bbbec2;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: #bbbec2;
}
.table-white,
.table-white > td,
.table-white > th {
background-color: #fff;
}
.table-white tbody + tbody,
.table-white td,
.table-white th,
.table-white thead th {
border-color: #fff;
}
.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 > td,
.table-indigo > th {
background-color: #c4bddc;
}
.table-indigo tbody + tbody,
.table-indigo td,
.table-indigo th,
.table-indigo thead th {
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-gray,
.table-gray > td,
.table-gray > th {
background-color: #f9fbfd;
}
.table-gray tbody + tbody,
.table-gray td,
.table-gray th,
.table-gray thead th {
border-color: #f5f7fb;
}
.table-hover .table-gray:hover {
background-color: #e6eef7;
}
.table-hover .table-gray:hover > td,
.table-hover .table-gray:hover > th {
background-color: #e6eef7;
}
.table-violet,
.table-violet > td,
.table-violet > th {
background-color: #cfc1dd;
}
.table-violet tbody + tbody,
.table-violet td,
.table-violet th,
.table-violet thead th {
border-color: #a68cbf;
}
.table-hover .table-violet:hover {
background-color: #c2b1d4;
}
.table-hover .table-violet:hover > td,
.table-hover .table-violet:hover > th {
background-color: #c2b1d4;
}
.table-violet-1,
.table-violet-1 > td,
.table-violet-1 > th {
background-color: #e7d4e7;
}
.table-violet-1 tbody + tbody,
.table-violet-1 td,
.table-violet-1 th,
.table-violet-1 thead th {
border-color: #d2aed2;
}
.table-hover .table-violet-1:hover {
background-color: #dec4de;
}
.table-hover .table-violet-1:hover > td,
.table-hover .table-violet-1:hover > th {
background-color: #dec4de;
}
.table-violet-light,
.table-violet-light > td,
.table-violet-light > th {
background-color: #d7bdf1;
}
.table-violet-light tbody + tbody,
.table-violet-light td,
.table-violet-light th,
.table-violet-light thead th {
border-color: #b484e5;
}
.table-hover .table-violet-light:hover {
background-color: #caa8ed;
}
.table-hover .table-violet-light:hover > td,
.table-hover .table-violet-light:hover > th {
background-color: #caa8ed;
}
.table-brown-light,
.table-brown-light > td,
.table-brown-light > th {
background-color: #f1e8d3;
}
.table-brown-light tbody + tbody,
.table-brown-light td,
.table-brown-light th,
.table-brown-light thead th {
border-color: #e6d4ad;
}
.table-hover .table-brown-light:hover {
background-color: #ebdec0;
}
.table-hover .table-brown-light:hover > td,
.table-hover .table-brown-light:hover > th {
background-color: #ebdec0;
}
.table-brown,
.table-brown > td,
.table-brown > th {
background-color: #fdedd1;
}
.table-brown tbody + tbody,
.table-brown td,
.table-brown th,
.table-brown thead th {
border-color: #fbddaa;
}
.table-hover .table-brown:hover {
background-color: #fce3b9;
}
.table-hover .table-brown:hover > td,
.table-hover .table-brown:hover > th {
background-color: #fce3b9;
}
.table-maroon,
.table-maroon > td,
.table-maroon > th {
background-color: #efc5d8;
}
.table-maroon tbody + tbody,
.table-maroon td,
.table-maroon th,
.table-maroon thead th {
border-color: #e293b7;
}
.table-hover .table-maroon:hover {
background-color: #e9b1cb;
}
.table-hover .table-maroon:hover > td,
.table-hover .table-maroon:hover > th {
background-color: #e9b1cb;
}
.table-indigo-light,
.table-indigo-light > td,
.table-indigo-light > th {
background-color: #babcda;
}
.table-indigo-light tbody + tbody,
.table-indigo-light td,
.table-indigo-light th,
.table-indigo-light thead th {
border-color: #7f82ba;
}
.table-hover .table-indigo-light:hover {
background-color: #a9acd1;
}
.table-hover .table-indigo-light:hover > td,
.table-hover .table-indigo-light:hover > th {
background-color: #a9acd1;
}
.table-red-light-2,
.table-red-light-2 > td,
.table-red-light-2 > th {
background-color: #ffc8cd;
}
.table-red-light-2 tbody + tbody,
.table-red-light-2 td,
.table-red-light-2 th,
.table-red-light-2 thead th {
border-color: #ff9aa3;
}
.table-hover .table-red-light-2:hover {
background-color: #ffafb6;
}
.table-hover .table-red-light-2:hover > td,
.table-hover .table-red-light-2:hover > th {
background-color: #ffafb6;
}
.table-blue-dark-1,
.table-blue-dark-1 > td,
.table-blue-dark-1 > th {
background-color: #b9d1ff;
}
.table-blue-dark-1 tbody + tbody,
.table-blue-dark-1 td,
.table-blue-dark-1 th,
.table-blue-dark-1 thead th {
border-color: #7caaff;
}
.table-hover .table-blue-dark-1:hover {
background-color: #a0c0ff;
}
.table-hover .table-blue-dark-1:hover > td,
.table-hover .table-blue-dark-1:hover > th {
background-color: #a0c0ff;
}
.table-gray-1,
.table-gray-1 > td,
.table-gray-1 > th {
background-color: #d4d8da;
}
.table-gray-1 tbody + tbody,
.table-gray-1 td,
.table-gray-1 th,
.table-gray-1 thead th {
border-color: #b0b7bb;
}
.table-hover .table-gray-1:hover {
background-color: #c6ccce;
}
.table-hover .table-gray-1:hover > td,
.table-hover .table-gray-1:hover > th {
background-color: #c6ccce;
}
.table-gray-2,
.table-gray-2 > td,
.table-gray-2 > th {
background-color: #fdfdfd;
}
.table-gray-2 tbody + tbody,
.table-gray-2 td,
.table-gray-2 th,
.table-gray-2 thead th {
border-color: #fbfbfc;
}
.table-hover .table-gray-2:hover {
background-color: #f0f0f0;
}
.table-hover .table-gray-2:hover > td,
.table-hover .table-gray-2:hover > th {
background-color: #f0f0f0;
}
.table-gray-3,
.table-gray-3 > td,
.table-gray-3 > th {
background-color: #c8cbce;
}
.table-gray-3 tbody + tbody,
.table-gray-3 td,
.table-gray-3 th,
.table-gray-3 thead th {
border-color: #999ea3;
}
.table-hover .table-gray-3:hover {
background-color: #bbbec2;
}
.table-hover .table-gray-3:hover > td,
.table-hover .table-gray-3:hover > th {
background-color: #bbbec2;
}
.table-gray-4,
.table-gray-4 > td,
.table-gray-4 > th {
background-color: #fafbfc;
}
.table-gray-4 tbody + tbody,
.table-gray-4 td,
.table-gray-4 th,
.table-gray-4 thead th {
border-color: #f5f7f9;
}
.table-hover .table-gray-4:hover {
background-color: #eaeef2;
}
.table-hover .table-gray-4:hover > td,
.table-hover .table-gray-4:hover > th {
background-color: #eaeef2;
}
.table-blue,
.table-blue > td,
.table-blue > th {
background-color: #caeff5;
}
.table-blue tbody + tbody,
.table-blue td,
.table-blue th,
.table-blue thead th {
border-color: #9de1ec;
}
.table-hover .table-blue:hover {
background-color: #b5e9f1;
}
.table-hover .table-blue:hover > td,
.table-hover .table-blue:hover > th {
background-color: #b5e9f1;
}
.table-blue-1,
.table-blue-1 > td,
.table-blue-1 > th {
background-color: #c3daec;
}
.table-blue-1 tbody + tbody,
.table-blue-1 td,
.table-blue-1 th,
.table-blue-1 thead th {
border-color: #90bbdc;
}
.table-hover .table-blue-1:hover {
background-color: #b0cee6;
}
.table-hover .table-blue-1:hover > td,
.table-hover .table-blue-1:hover > th {
background-color: #b0cee6;
}
.table-gray-5,
.table-gray-5 > td,
.table-gray-5 > th {
background-color: #bebebf;
}
.table-gray-5 tbody + tbody,
.table-gray-5 td,
.table-gray-5 th,
.table-gray-5 thead th {
border-color: #878788;
}
.table-hover .table-gray-5:hover {
background-color: #b1b1b2;
}
.table-hover .table-gray-5:hover > td,
.table-hover .table-gray-5:hover > th {
background-color: #b1b1b2;
}
.table-gray-6,
.table-gray-6 > td,
.table-gray-6 > th {
background-color: #bebebf;
}
.table-gray-6 tbody + tbody,
.table-gray-6 td,
.table-gray-6 th,
.table-gray-6 thead th {
border-color: #878788;
}
.table-hover .table-gray-6:hover {
background-color: #b1b1b2;
}
.table-hover .table-gray-6:hover > td,
.table-hover .table-gray-6:hover > th {
background-color: #b1b1b2;
}
.table-gray-7,
.table-gray-7 > td,
.table-gray-7 > th {
background-color: #d1d4d7;
}
.table-gray-7 tbody + tbody,
.table-gray-7 td,
.table-gray-7 th,
.table-gray-7 thead th {
border-color: #aab0b5;
}
.table-hover .table-gray-7:hover {
background-color: #c3c7cb;
}
.table-hover .table-gray-7:hover > td,
.table-hover .table-gray-7:hover > th {
background-color: #c3c7cb;
}
.table-gray-8,
.table-gray-8 > td,
.table-gray-8 > th {
background-color: #eff1f4;
}
.table-gray-8 tbody + tbody,
.table-gray-8 td,
.table-gray-8 th,
.table-gray-8 thead th {
border-color: #e1e5eb;
}
.table-hover .table-gray-8:hover {
background-color: #e0e4ea;
}
.table-hover .table-gray-8:hover > td,
.table-hover .table-gray-8:hover > th {
background-color: #e0e4ea;
}
.table-gray-9,
.table-gray-9 > td,
.table-gray-9 > th {
background-color: #e4e7eb;
}
.table-gray-9 tbody + tbody,
.table-gray-9 td,
.table-gray-9 th,
.table-gray-9 thead th {
border-color: #cdd2da;
}
.table-hover .table-gray-9:hover {
background-color: #d5dae0;
}
.table-hover .table-gray-9:hover > td,
.table-hover .table-gray-9:hover > th {
background-color: #d5dae0;
}
.table-gray-10,
.table-gray-10 > td,
.table-gray-10 > th {
background-color: #eee;
}
.table-gray-10 tbody + tbody,
.table-gray-10 td,
.table-gray-10 th,
.table-gray-10 thead th {
border-color: #dfdfdf;
}
.table-hover .table-gray-10:hover {
background-color: #e1e1e1;
}
.table-hover .table-gray-10:hover > td,
.table-hover .table-gray-10:hover > th {
background-color: #e1e1e1;
}
.table-gray-11,
.table-gray-11 > td,
.table-gray-11 > th {
background-color: #ccc;
}
.table-gray-11 tbody + tbody,
.table-gray-11 td,
.table-gray-11 th,
.table-gray-11 thead th {
border-color: #a0a0a0;
}
.table-hover .table-gray-11:hover {
background-color: #bfbfbf;
}
.table-hover .table-gray-11:hover > td,
.table-hover .table-gray-11:hover > th {
background-color: #bfbfbf;
}
.table-gray-23,
.table-gray-23 > td,
.table-gray-23 > th {
background-color: #fcfcfc;
}
.table-gray-23 tbody + tbody,
.table-gray-23 td,
.table-gray-23 th,
.table-gray-23 thead th {
border-color: #f9f9f9;
}
.table-hover .table-gray-23:hover {
background-color: #efefef;
}
.table-hover .table-gray-23:hover > td,
.table-hover .table-gray-23:hover > th {
background-color: #efefef;
}
.table-gray-33,
.table-gray-33 > td,
.table-gray-33 > th {
background-color: #f9fbfd;
}
.table-gray-33 tbody + tbody,
.table-gray-33 td,
.table-gray-33 th,
.table-gray-33 thead th {
border-color: #f5f7fb;
}
.table-hover .table-gray-33:hover {
background-color: #e6eef7;
}
.table-hover .table-gray-33:hover > td,
.table-hover .table-gray-33:hover > th {
background-color: #e6eef7;
}
.table-sea-green,
.table-sea-green > td,
.table-sea-green > th {
background-color: #c0cedf;
}
.table-sea-green tbody + tbody,
.table-sea-green td,
.table-sea-green th,
.table-sea-green thead th {
border-color: #89a4c4;
}
.table-hover .table-sea-green:hover {
background-color: #afc1d6;
}
.table-hover .table-sea-green:hover > td,
.table-hover .table-sea-green:hover > th {
background-color: #afc1d6;
}
.table-dark-1,
.table-dark-1 > td,
.table-dark-1 > th {
background-color: #c0c1c1;
}
.table-dark-1 tbody + tbody,
.table-dark-1 td,
.table-dark-1 th,
.table-dark-1 thead th {
border-color: #8a8b8c;
}
.table-hover .table-dark-1:hover {
background-color: #b3b4b4;
}
.table-hover .table-dark-1:hover > td,
.table-hover .table-dark-1:hover > th {
background-color: #b3b4b4;
}
.table-navy,
.table-navy > td,
.table-navy > th {
background-color: #b8d0ff;
}
.table-navy tbody + tbody,
.table-navy td,
.table-navy th,
.table-navy thead th {
border-color: #7aa8ff;
}
.table-hover .table-navy:hover {
background-color: #9fbfff;
}
.table-hover .table-navy:hover > td,
.table-hover .table-navy:hover > th {
background-color: #9fbfff;
}
.table-pink,
.table-pink > td,
.table-pink > th {
background-color: #fff8fa;
}
.table-pink tbody + tbody,
.table-pink td,
.table-pink th,
.table-pink thead th {
border-color: #fff1f6;
}
.table-hover .table-pink:hover {
background-color: #ffdfe8;
}
.table-hover .table-pink:hover > td,
.table-hover .table-pink:hover > th {
background-color: #ffdfe8;
}
.table-dark-2,
.table-dark-2 > td,
.table-dark-2 > th {
background-color: #bfc4cc;
}
.table-dark-2 tbody + tbody,
.table-dark-2 td,
.table-dark-2 th,
.table-dark-2 thead th {
border-color: #8891a0;
}
.table-hover .table-dark-2:hover {
background-color: #b1b7c1;
}
.table-hover .table-dark-2:hover > td,
.table-hover .table-dark-2:hover > th {
background-color: #b1b7c1;
}
.table-yellow-lighter-2,
.table-yellow-lighter-2 > td,
.table-yellow-lighter-2 > th {
background-color: #fdecd1;
}
.table-yellow-lighter-2 tbody + tbody,
.table-yellow-lighter-2 td,
.table-yellow-lighter-2 th,
.table-yellow-lighter-2 thead th {
border-color: #fbdca9;
}
.table-hover .table-yellow-lighter-2:hover {
background-color: #fce2b9;
}
.table-hover .table-yellow-lighter-2:hover > td,
.table-hover .table-yellow-lighter-2:hover > th {
background-color: #fce2b9;
}
.table-orange,
.table-orange > td,
.table-orange > th {
background-color: #fbd0b8;
}
.table-orange tbody + tbody,
.table-orange td,
.table-orange th,
.table-orange thead th {
border-color: #f7a87a;
}
.table-hover .table-orange:hover {
background-color: #fac0a0;
}
.table-hover .table-orange:hover > td,
.table-hover .table-orange:hover > th {
background-color: #fac0a0;
}
.table-green,
.table-green > td,
.table-green > th {
background-color: #c3ddbf;
}
.table-green tbody + tbody,
.table-green td,
.table-green th,
.table-green thead th {
border-color: #8fc189;
}
.table-hover .table-green:hover {
background-color: #b3d4ae;
}
.table-hover .table-green:hover > td,
.table-hover .table-green:hover > th {
background-color: #b3d4ae;
}
.table-pink-1,
.table-pink-1 > td,
.table-pink-1 > th {
background-color: #ffb8cb;
}
.table-pink-1 tbody + tbody,
.table-pink-1 td,
.table-pink-1 th,
.table-pink-1 thead th {
border-color: #ff7a9e;
}
.table-hover .table-pink-1:hover {
background-color: #ff9fb8;
}
.table-hover .table-pink-1:hover > td,
.table-hover .table-pink-1:hover > th {
background-color: #ff9fb8;
}
.table-purple-1,
.table-purple-1 > td,
.table-purple-1 > th {
background-color: #c1c3cf;
}
.table-purple-1 tbody + tbody,
.table-purple-1 td,
.table-purple-1 th,
.table-purple-1 thead th {
border-color: #8d8fa6;
}
.table-hover .table-purple-1:hover {
background-color: #b3b5c4;
}
.table-hover .table-purple-1:hover > td,
.table-hover .table-purple-1:hover > th {
background-color: #b3b5c4;
}
.table-active,
.table-active > td,
.table-active > th {
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: #e7eaf3;
}
.table-dark {
color: #fff;
background-color: #343a40;
}
.table-dark td,
.table-dark th,
.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.8rem + 4px);
padding: 0.9rem 1rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #3b444f;
background-color: #fff;
background-clip: padding-box;
border: 2px solid #ebf0f7;
border-radius: 0.3125rem;
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:focus {
color: #3b444f;
background-color: #fff;
border-color: #ebf0f7;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(41, 124, 187, 0.25);
}
.form-control::-webkit-input-placeholder {
color: #5c6770;
opacity: 1;
}
.form-control::-moz-placeholder {
color: #5c6770;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #5c6770;
opacity: 1;
}
.form-control::-ms-input-placeholder {
color: #5c6770;
opacity: 1;
}
.form-control::placeholder {
color: #5c6770;
opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
background-color: #f8fafd;
opacity: 1;
}
select.form-control:focus::-ms-value {
color: #3b444f;
background-color: #fff;
}
.form-control-file,
.form-control-range {
display: block;
width: 100%;
}
.col-form-label {
padding-top: calc(0.9rem + 2px);
padding-bottom: calc(0.9rem + 2px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
.col-form-label-lg {
padding-top: calc(1.125rem + 2px);
padding-bottom: calc(1.125rem + 2px);
font-size: 1.25rem;
line-height: 1.5;
}
.col-form-label-sm {
padding-top: calc(0.625rem + 2px);
padding-bottom: calc(0.625rem + 2px);
font-size: 0.875rem;
line-height: 1.5;
}
.shadowcu {
-webkit-box-shadow: 0 19px 28px -10px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 19px 28px -10px rgba(0, 0, 0, 0.75);
box-shadow: 0 19px 28px -10px rgba(0, 0, 0, 0.75);
}
.form-control-plaintext {
display: block;
width: 100%;
padding-top: 0.9rem;
padding-bottom: 0.9rem;
margin-bottom: 0;
line-height: 1.5;
color: #3b444f;
background-color: transparent;
border: solid transparent;
border-width: 2px 0;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
height: calc(1.5em + 1.25rem + 4px);
padding: 0.625rem 1.125rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.25rem;
}
.form-control-lg {
height: calc(1.5em + 2.25rem + 4px);
padding: 1.125rem 1.125rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
select.form-control[multiple],
select.form-control[size] {
height: auto;
}
textarea.form-control {
height: auto;
}
.form-group {
margin-bottom: 1rem;
}
.form-text {
display: block;
margin-top: 0.25rem;
}
.form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
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 {
color: #8c98a4;
}
.form-check-label {
margin-bottom: 0;
}
.form-check-inline {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
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%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
line-height: 1.5;
color: #fff;
background-color: #00c9a7;
border-radius: 0.3125rem;
}
.form-control.is-valid,
.was-validated .form-control:valid {
border-color: #00c9a7;
padding-right: calc(1.5em + 1.8rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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: center right calc(0.375em + 0.45rem);
background-size: calc(0.75em + 0.9rem) calc(0.75em + 0.9rem);
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
border-color: #00c9a7;
box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25);
}
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip {
display: block;
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
padding-right: calc(1.5em + 1.8rem);
background-position: top calc(0.375em + 0.45rem) right calc(0.375em + 0.45rem);
}
.custom-select.is-valid,
.was-validated .custom-select:valid {
border-color: #00c9a7;
padding-right: calc((1em + 1.8rem) * 3 / 4 + 2rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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' 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.9rem)
calc(0.75em + 0.9rem);
}
.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
border-color: #00c9a7;
box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25);
}
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip {
display: block;
}
.form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip,
.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip {
display: block;
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
color: #00c9a7;
}
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip,
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip {
display: block;
}
.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
color: #00c9a7;
}
.custom-control-input.is-valid ~ .custom-control-label::before,
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
border-color: #00c9a7;
}
.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip,
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip {
display: block;
}
.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated
.custom-control-input:valid:checked
~ .custom-control-label::before {
border-color: #00fcd1;
background-color: #00fcd1;
}
.custom-control-input.is-valid:focus ~ .custom-control-label::before,
.was-validated
.custom-control-input:valid:focus
~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25);
}
.custom-control-input.is-valid:focus:not(:checked)
~ .custom-control-label::before,
.was-validated
.custom-control-input:valid:focus:not(:checked)
~ .custom-control-label::before {
border-color: #00c9a7;
}
.custom-file-input.is-valid ~ .custom-file-label,
.was-validated .custom-file-input:valid ~ .custom-file-label {
border-color: #00c9a7;
}
.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip,
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip {
display: block;
}
.custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .custom-file-input: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%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
line-height: 1.5;
color: #fff;
background-color: #de4437;
border-radius: 0.3125rem;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
border-color: #de4437;
padding-right: calc(1.5em + 1.8rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23de4437' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23de4437' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
background-repeat: no-repeat;
background-position: center right calc(0.375em + 0.45rem);
background-size: calc(0.75em + 0.9rem) calc(0.75em + 0.9rem);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
border-color: #de4437;
box-shadow: 0 0 0 0.2rem rgba(222, 68, 55, 0.25);
}
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip {
display: block;
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
padding-right: calc(1.5em + 1.8rem);
background-position: top calc(0.375em + 0.45rem) right calc(0.375em + 0.45rem);
}
.custom-select.is-invalid,
.was-validated .custom-select:invalid {
border-color: #de4437;
padding-right: calc((1em + 1.8rem) * 3 / 4 + 2rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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' fill='%23de4437' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23de4437' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E")
#fff no-repeat center right 2rem / calc(0.75em + 0.9rem)
calc(0.75em + 0.9rem);
}
.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
border-color: #de4437;
box-shadow: 0 0 0 0.2rem rgba(222, 68, 55, 0.25);
}
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip {
display: block;
}
.form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip,
.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip {
display: block;
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
color: #de4437;
}
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip,
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip {
display: block;
}
.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label {
color: #de4437;
}
.custom-control-input.is-invalid ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid ~ .custom-control-label::before {
border-color: #de4437;
}
.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip,
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip {
display: block;
}
.custom-control-input.is-invalid:checked ~ .custom-control-label::before,
.was-validated
.custom-control-input:invalid:checked
~ .custom-control-label::before {
border-color: #e56d63;
background-color: #e56d63;
}
.custom-control-input.is-invalid:focus ~ .custom-control-label::before,
.was-validated
.custom-control-input:invalid:focus
~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(222, 68, 55, 0.25);
}
.custom-control-input.is-invalid:focus:not(:checked)
~ .custom-control-label::before,
.was-validated
.custom-control-input:invalid:focus:not(:checked)
~ .custom-control-label::before {
border-color: #de4437;
}
.custom-file-input.is-invalid ~ .custom-file-label,
.was-validated .custom-file-input:invalid ~ .custom-file-label {
border-color: #de4437;
}
.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip,
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip {
display: block;
}
.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
border-color: #de4437;
box-shadow: 0 0 0 0.2rem rgba(222, 68, 55, 0.25);
}
.form-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center;
}
.form-inline .form-check {
width: 100%;
}
@media (min-width: 576px) {
.form-inline label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .form-group {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
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 .custom-select,
.form-inline .input-group {
width: auto;
}
.form-inline .form-check {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
padding-left: 0;
}
.form-inline .form-check-input {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0;
}
.form-inline .custom-control {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.form-inline .custom-control-label {
margin-bottom: 0;
}
}
.btn {
display: inline-block;
font-weight: 500;
color: #3b444f;
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.9rem 1rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.3125rem;
transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:hover {
color: #3b444f;
text-decoration: none;
}
.btn.focus,
.btn:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(41, 124, 187, 0.25);
}
.btn.disabled,
.btn:disabled {
opacity: 0.65;
}
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none;
}
.btn-primary,
.u-header.js-header-fix-moment .u-header__last-item-btn .btn[class*="-white"] {
color: #fff;
background-color: #297cbb;
border-color: #297cbb;
}
.btn-primary:hover,
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn:hover[class*="-white"] {
color: #fff;
background-color: #22679c;
border-color: #206091;
}
.btn-primary.focus,
.btn-primary:focus,
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn:focus[class*="-white"],
.u-header.js-header-fix-moment
.u-header__last-item-btn
.focus.btn[class*="-white"] {
box-shadow: 0 0 0 0.2rem rgba(73, 144, 197, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled,
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn:disabled[class*="-white"],
.u-header.js-header-fix-moment
.u-header__last-item-btn
.disabled.btn[class*="-white"] {
color: #fff;
background-color: #297cbb;
border-color: #297cbb;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn:not(:disabled):not(.disabled).active[class*="-white"],
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn:not(:disabled):not(.disabled):active[class*="-white"],
.u-header.js-header-fix-moment
.u-header__last-item-btn
.show
> .dropdown-toggle.btn[class*="-white"] {
color: #fff;
background-color: #206091;
border-color: #1e5987;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn:not(:disabled):not(.disabled).active:focus[class*="-white"],
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn:not(:disabled):not(.disabled):active:focus[class*="-white"],
.u-header.js-header-fix-moment
.u-header__last-item-btn
.show
> .dropdown-toggle.btn:focus[class*="-white"] {
box-shadow: 0 0 0 0.2rem rgba(73, 144, 197, 0.5);
}
.u-header__banner-v2 {
background-color: #f6f9fc;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.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 {
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 {
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: #3b444f;
background-color: #00dffc;
border-color: #00dffc;
}
.btn-info:hover {
color: #fff;
background-color: #00bdd6;
border-color: #00b2c9;
}
.btn-info.focus,
.btn-info:focus {
box-shadow: 0 0 0 0.2rem rgba(9, 200, 226, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
color: #3b444f;
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(9, 200, 226, 0.5);
}
.btn-warning {
color: #3b444f;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:hover {
color: #3b444f;
background-color: #e0a800;
border-color: #d39e00;
}
.btn-warning.focus,
.btn-warning:focus {
box-shadow: 0 0 0 0.2rem rgba(226, 174, 18, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
color: #3b444f;
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: #3b444f;
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(226, 174, 18, 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 {
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: #3b444f;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:hover {
color: #3b444f;
background-color: #e2e6ea;
border-color: #dae0e5;
}
.btn-light.focus,
.btn-light:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 222, 224, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
color: #3b444f;
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: #3b444f;
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(220, 222, 224, 0.5);
}
.btn-dark {
color: #fff;
background-color: #3b444f;
border-color: #3b444f;
}
.btn-dark:hover {
color: #fff;
background-color: #2b3139;
border-color: #252b32;
}
.btn-dark.focus,
.btn-dark:focus {
box-shadow: 0 0 0 0.2rem rgba(88, 96, 105, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
color: #fff;
background-color: #3b444f;
border-color: #3b444f;
}
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #252b32;
border-color: #20252b;
}
.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(88, 96, 105, 0.5);
}
.btn-white {
color: #3b444f;
background-color: #fff;
border-color: #fff;
}
.btn-white:hover {
color: #3b444f;
background-color: #ececec;
border-color: #e6e6e6;
}
.btn-white.focus,
.btn-white:focus {
box-shadow: 0 0 0 0.2rem rgba(226, 227, 229, 0.5);
}
.btn-white.disabled,
.btn-white:disabled {
color: #3b444f;
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: #3b444f;
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(226, 227, 229, 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 {
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-gray {
color: #3b444f;
background-color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-gray:hover {
color: #3b444f;
background-color: #d0dcec;
border-color: #c7d5e8;
}
.btn-gray.focus,
.btn-gray:focus {
box-shadow: 0 0 0 0.2rem rgba(209, 214, 222, 0.5);
}
.btn-gray.disabled,
.btn-gray:disabled {
color: #3b444f;
background-color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-gray:not(:disabled):not(.disabled).active,
.btn-gray:not(:disabled):not(.disabled):active,
.show > .btn-gray.dropdown-toggle {
color: #3b444f;
background-color: #c7d5e8;
border-color: #bdcee5;
}
.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(209, 214, 222, 0.5);
}
.btn-violet {
color: #fff;
background-color: #532184;
border-color: #532184;
}
.btn-violet:hover {
color: #fff;
background-color: #401965;
border-color: #39175b;
}
.btn-violet.focus,
.btn-violet:focus {
box-shadow: 0 0 0 0.2rem rgba(109, 66, 150, 0.5);
}
.btn-violet.disabled,
.btn-violet:disabled {
color: #fff;
background-color: #532184;
border-color: #532184;
}
.btn-violet:not(:disabled):not(.disabled).active,
.btn-violet:not(:disabled):not(.disabled):active,
.show > .btn-violet.dropdown-toggle {
color: #fff;
background-color: #39175b;
border-color: #331451;
}
.btn-violet:not(:disabled):not(.disabled).active:focus,
.btn-violet:not(:disabled):not(.disabled):active:focus,
.show > .btn-violet.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(109, 66, 150, 0.5);
}
.btn-violet-1 {
color: #fff;
background-color: #a864a8;
border-color: #a864a8;
}
.btn-violet-1:hover {
color: #fff;
background-color: #935393;
border-color: #8b4e8b;
}
.btn-violet-1.focus,
.btn-violet-1:focus {
box-shadow: 0 0 0 0.2rem rgba(181, 123, 181, 0.5);
}
.btn-violet-1.disabled,
.btn-violet-1:disabled {
color: #fff;
background-color: #a864a8;
border-color: #a864a8;
}
.btn-violet-1:not(:disabled):not(.disabled).active,
.btn-violet-1:not(:disabled):not(.disabled):active,
.show > .btn-violet-1.dropdown-toggle {
color: #fff;
background-color: #8b4e8b;
border-color: #834983;
}
.btn-violet-1:not(:disabled):not(.disabled).active:focus,
.btn-violet-1:not(:disabled):not(.disabled):active:focus,
.show > .btn-violet-1.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(181, 123, 181, 0.5);
}
.btn-violet-light {
color: #fff;
background-color: #6f13cd;
border-color: #6f13cd;
}
.btn-violet-light:hover {
color: #fff;
background-color: #5c10aa;
border-color: #560f9e;
}
.btn-violet-light.focus,
.btn-violet-light:focus {
box-shadow: 0 0 0 0.2rem rgba(133, 54, 213, 0.5);
}
.btn-violet-light.disabled,
.btn-violet-light:disabled {
color: #fff;
background-color: #6f13cd;
border-color: #6f13cd;
}
.btn-violet-light:not(:disabled):not(.disabled).active,
.btn-violet-light:not(:disabled):not(.disabled):active,
.show > .btn-violet-light.dropdown-toggle {
color: #fff;
background-color: #560f9e;
border-color: #4f0e93;
}
.btn-violet-light:not(:disabled):not(.disabled).active:focus,
.btn-violet-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-violet-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(133, 54, 213, 0.5);
}
.btn-brown-light {
color: #3b444f;
background-color: #ceac61;
border-color: #ceac61;
}
.btn-brown-light:hover {
color: #3b444f;
background-color: #c59d44;
border-color: #c0973c;
}
.btn-brown-light.focus,
.btn-brown-light:focus {
box-shadow: 0 0 0 0.2rem rgba(184, 156, 94, 0.5);
}
.btn-brown-light.disabled,
.btn-brown-light:disabled {
color: #3b444f;
background-color: #ceac61;
border-color: #ceac61;
}
.btn-brown-light:not(:disabled):not(.disabled).active,
.btn-brown-light:not(:disabled):not(.disabled):active,
.show > .btn-brown-light.dropdown-toggle {
color: #3b444f;
background-color: #c0973c;
border-color: #b78f39;
}
.btn-brown-light:not(:disabled):not(.disabled).active:focus,
.btn-brown-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-brown-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(184, 156, 94, 0.5);
}
.btn-brown {
color: #3b444f;
background-color: #f8bd5b;
border-color: #f8bd5b;
}
.btn-brown:hover {
color: #3b444f;
background-color: #f6ae36;
border-color: #f6a92a;
}
.btn-brown.focus,
.btn-brown:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 171, 89, 0.5);
}
.btn-brown.disabled,
.btn-brown:disabled {
color: #3b444f;
background-color: #f8bd5b;
border-color: #f8bd5b;
}
.btn-brown:not(:disabled):not(.disabled).active,
.btn-brown:not(:disabled):not(.disabled):active,
.show > .btn-brown.dropdown-toggle {
color: #3b444f;
background-color: #f6a92a;
border-color: #f5a41e;
}
.btn-brown:not(:disabled):not(.disabled).active:focus,
.btn-brown:not(:disabled):not(.disabled):active:focus,
.show > .btn-brown.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 171, 89, 0.5);
}
.btn-maroon {
color: #fff;
background-color: #c72f74;
border-color: #c72f74;
}
.btn-maroon:hover {
color: #fff;
background-color: #a82862;
border-color: #9e255c;
}
.btn-maroon.focus,
.btn-maroon:focus {
box-shadow: 0 0 0 0.2rem rgba(207, 78, 137, 0.5);
}
.btn-maroon.disabled,
.btn-maroon:disabled {
color: #fff;
background-color: #c72f74;
border-color: #c72f74;
}
.btn-maroon:not(:disabled):not(.disabled).active,
.btn-maroon:not(:disabled):not(.disabled):active,
.show > .btn-maroon.dropdown-toggle {
color: #fff;
background-color: #9e255c;
border-color: #932356;
}
.btn-maroon:not(:disabled):not(.disabled).active:focus,
.btn-maroon:not(:disabled):not(.disabled):active:focus,
.show > .btn-maroon.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(207, 78, 137, 0.5);
}
.btn-indigo-light {
color: #fff;
background-color: #080e7b;
border-color: #080e7b;
}
.btn-indigo-light:hover {
color: #fff;
background-color: #060a57;
border-color: #05094b;
}
.btn-indigo-light.focus,
.btn-indigo-light:focus {
box-shadow: 0 0 0 0.2rem rgba(45, 50, 143, 0.5);
}
.btn-indigo-light.disabled,
.btn-indigo-light:disabled {
color: #fff;
background-color: #080e7b;
border-color: #080e7b;
}
.btn-indigo-light:not(:disabled):not(.disabled).active,
.btn-indigo-light:not(:disabled):not(.disabled):active,
.show > .btn-indigo-light.dropdown-toggle {
color: #fff;
background-color: #05094b;
border-color: #04073f;
}
.btn-indigo-light:not(:disabled):not(.disabled).active:focus,
.btn-indigo-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-indigo-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(45, 50, 143, 0.5);
}
.btn-red-light-2 {
color: #fff;
background-color: #ff3c4e;
border-color: #ff3c4e;
}
.btn-red-light-2:hover {
color: #fff;
background-color: #ff162b;
border-color: #ff0920;
}
.btn-red-light-2.focus,
.btn-red-light-2:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 89, 105, 0.5);
}
.btn-red-light-2.disabled,
.btn-red-light-2:disabled {
color: #fff;
background-color: #ff3c4e;
border-color: #ff3c4e;
}
.btn-red-light-2:not(:disabled):not(.disabled).active,
.btn-red-light-2:not(:disabled):not(.disabled):active,
.show > .btn-red-light-2.dropdown-toggle {
color: #fff;
background-color: #ff0920;
border-color: #fb0017;
}
.btn-red-light-2:not(:disabled):not(.disabled).active:focus,
.btn-red-light-2:not(:disabled):not(.disabled):active:focus,
.show > .btn-red-light-2.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 89, 105, 0.5);
}
.btn-blue-dark-1 {
color: #fff;
background-color: #045cff;
border-color: #045cff;
}
.btn-blue-dark-1:hover {
color: #fff;
background-color: #004ddd;
border-color: #0049d0;
}
.btn-blue-dark-1.focus,
.btn-blue-dark-1:focus {
box-shadow: 0 0 0 0.2rem rgba(42, 116, 255, 0.5);
}
.btn-blue-dark-1.disabled,
.btn-blue-dark-1:disabled {
color: #fff;
background-color: #045cff;
border-color: #045cff;
}
.btn-blue-dark-1:not(:disabled):not(.disabled).active,
.btn-blue-dark-1:not(:disabled):not(.disabled):active,
.show > .btn-blue-dark-1.dropdown-toggle {
color: #fff;
background-color: #0049d0;
border-color: #0044c3;
}
.btn-blue-dark-1:not(:disabled):not(.disabled).active:focus,
.btn-blue-dark-1:not(:disabled):not(.disabled):active:focus,
.show > .btn-blue-dark-1.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(42, 116, 255, 0.5);
}
.btn-gray-1 {
color: #fff;
background-color: #67747c;
border-color: #67747c;
}
.btn-gray-1:hover {
color: #fff;
background-color: #566067;
border-color: #505a60;
}
.btn-gray-1.focus,
.btn-gray-1:focus {
box-shadow: 0 0 0 0.2rem rgba(126, 137, 144, 0.5);
}
.btn-gray-1.disabled,
.btn-gray-1:disabled {
color: #fff;
background-color: #67747c;
border-color: #67747c;
}
.btn-gray-1:not(:disabled):not(.disabled).active,
.btn-gray-1:not(:disabled):not(.disabled):active,
.show > .btn-gray-1.dropdown-toggle {
color: #fff;
background-color: #505a60;
border-color: #4a5359;
}
.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(126, 137, 144, 0.5);
}
.btn-gray-2 {
color: #3b444f;
background-color: #f7f8f9;
border-color: #f7f8f9;
}
.btn-gray-2:hover {
color: #3b444f;
background-color: #e1e5e9;
border-color: #dadfe3;
}
.btn-gray-2.focus,
.btn-gray-2:focus {
box-shadow: 0 0 0 0.2rem rgba(219, 221, 224, 0.5);
}
.btn-gray-2.disabled,
.btn-gray-2:disabled {
color: #3b444f;
background-color: #f7f8f9;
border-color: #f7f8f9;
}
.btn-gray-2:not(:disabled):not(.disabled).active,
.btn-gray-2:not(:disabled):not(.disabled):active,
.show > .btn-gray-2.dropdown-toggle {
color: #3b444f;
background-color: #dadfe3;
border-color: #d3d8de;
}
.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(219, 221, 224, 0.5);
}
.btn-gray-3 {
color: #fff;
background-color: #3b444f;
border-color: #3b444f;
}
.btn-gray-3:hover {
color: #fff;
background-color: #2b3139;
border-color: #252b32;
}
.btn-gray-3.focus,
.btn-gray-3:focus {
box-shadow: 0 0 0 0.2rem rgba(88, 96, 105, 0.5);
}
.btn-gray-3.disabled,
.btn-gray-3:disabled {
color: #fff;
background-color: #3b444f;
border-color: #3b444f;
}
.btn-gray-3:not(:disabled):not(.disabled).active,
.btn-gray-3:not(:disabled):not(.disabled):active,
.show > .btn-gray-3.dropdown-toggle {
color: #fff;
background-color: #252b32;
border-color: #20252b;
}
.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(88, 96, 105, 0.5);
}
.btn-gray-4 {
color: #3b444f;
background-color: #eceff3;
border-color: #eceff3;
}
.btn-gray-4:hover {
color: #3b444f;
background-color: #d5dbe4;
border-color: #cdd5df;
}
.btn-gray-4.focus,
.btn-gray-4:focus {
box-shadow: 0 0 0 0.2rem rgba(209, 213, 218, 0.5);
}
.btn-gray-4.disabled,
.btn-gray-4:disabled {
color: #3b444f;
background-color: #eceff3;
border-color: #eceff3;
}
.btn-gray-4:not(:disabled):not(.disabled).active,
.btn-gray-4:not(:disabled):not(.disabled):active,
.show > .btn-gray-4.dropdown-toggle {
color: #3b444f;
background-color: #cdd5df;
border-color: #c5ceda;
}
.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(209, 213, 218, 0.5);
}
.btn-blue {
color: #3b444f;
background-color: #43c5db;
border-color: #43c5db;
}
.btn-blue:hover {
color: #fff;
background-color: #28b8d0;
border-color: #26aec5;
}
.btn-blue.focus,
.btn-blue:focus {
box-shadow: 0 0 0 0.2rem rgba(66, 178, 198, 0.5);
}
.btn-blue.disabled,
.btn-blue:disabled {
color: #3b444f;
background-color: #43c5db;
border-color: #43c5db;
}
.btn-blue:not(:disabled):not(.disabled).active,
.btn-blue:not(:disabled):not(.disabled):active,
.show > .btn-blue.dropdown-toggle {
color: #fff;
background-color: #26aec5;
border-color: #24a5bb;
}
.btn-blue:not(:disabled):not(.disabled).active:focus,
.btn-blue:not(:disabled):not(.disabled):active:focus,
.show > .btn-blue.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(66, 178, 198, 0.5);
}
.btn-blue-1 {
color: #fff;
background-color: #297cbb;
border-color: #297cbb;
}
.btn-blue-1:hover {
color: #fff;
background-color: #22679c;
border-color: #206091;
}
.btn-blue-1.focus,
.btn-blue-1:focus {
box-shadow: 0 0 0 0.2rem rgba(73, 144, 197, 0.5);
}
.btn-blue-1.disabled,
.btn-blue-1:disabled {
color: #fff;
background-color: #297cbb;
border-color: #297cbb;
}
.btn-blue-1:not(:disabled):not(.disabled).active,
.btn-blue-1:not(:disabled):not(.disabled):active,
.show > .btn-blue-1.dropdown-toggle {
color: #fff;
background-color: #206091;
border-color: #1e5987;
}
.btn-blue-1:not(:disabled):not(.disabled).active:focus,
.btn-blue-1:not(:disabled):not(.disabled):active:focus,
.show > .btn-blue-1.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(73, 144, 197, 0.5);
}
.btn-gray-5 {
color: #fff;
background-color: #18181b;
border-color: #18181b;
}
.btn-gray-5:hover {
color: #fff;
background-color: #060607;
border-color: #000;
}
.btn-gray-5.focus,
.btn-gray-5:focus {
box-shadow: 0 0 0 0.2rem rgba(59, 59, 61, 0.5);
}
.btn-gray-5.disabled,
.btn-gray-5:disabled {
color: #fff;
background-color: #18181b;
border-color: #18181b;
}
.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: #000;
border-color: #000;
}
.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(59, 59, 61, 0.5);
}
.btn-gray-6 {
color: #fff;
background-color: #18181a;
border-color: #18181a;
}
.btn-gray-6:hover {
color: #fff;
background-color: #060606;
border-color: #000;
}
.btn-gray-6.focus,
.btn-gray-6:focus {
box-shadow: 0 0 0 0.2rem rgba(59, 59, 60, 0.5);
}
.btn-gray-6.disabled,
.btn-gray-6:disabled {
color: #fff;
background-color: #18181a;
border-color: #18181a;
}
.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: #000;
border-color: #000;
}
.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(59, 59, 60, 0.5);
}
.btn-gray-7 {
color: #fff;
background-color: #5c6770;
border-color: #5c6770;
}
.btn-gray-7:hover {
color: #fff;
background-color: #4b545b;
border-color: #454d54;
}
.btn-gray-7.focus,
.btn-gray-7:focus {
box-shadow: 0 0 0 0.2rem rgba(116, 126, 133, 0.5);
}
.btn-gray-7.disabled,
.btn-gray-7:disabled {
color: #fff;
background-color: #5c6770;
border-color: #5c6770;
}
.btn-gray-7:not(:disabled):not(.disabled).active,
.btn-gray-7:not(:disabled):not(.disabled):active,
.show > .btn-gray-7.dropdown-toggle {
color: #fff;
background-color: #454d54;
border-color: #3f474d;
}
.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(116, 126, 133, 0.5);
}
.btn-gray-8 {
color: #3b444f;
background-color: #c5cdd8;
border-color: #c5cdd8;
}
.btn-gray-8:hover {
color: #3b444f;
background-color: #aeb9c9;
border-color: #a7b3c3;
}
.btn-gray-8.focus,
.btn-gray-8:focus {
box-shadow: 0 0 0 0.2rem rgba(176, 184, 195, 0.5);
}
.btn-gray-8.disabled,
.btn-gray-8:disabled {
color: #3b444f;
background-color: #c5cdd8;
border-color: #c5cdd8;
}
.btn-gray-8:not(:disabled):not(.disabled).active,
.btn-gray-8:not(:disabled):not(.disabled):active,
.show > .btn-gray-8.dropdown-toggle {
color: #3b444f;
background-color: #a7b3c3;
border-color: #9facbe;
}
.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(176, 184, 195, 0.5);
}
.btn-gray-9 {
color: #3b444f;
background-color: #9fa9b8;
border-color: #9fa9b8;
}
.btn-gray-9:hover {
color: #fff;
background-color: #8995a8;
border-color: #828fa2;
}
.btn-gray-9.focus,
.btn-gray-9:focus {
box-shadow: 0 0 0 0.2rem rgba(144, 154, 168, 0.5);
}
.btn-gray-9.disabled,
.btn-gray-9:disabled {
color: #3b444f;
background-color: #9fa9b8;
border-color: #9fa9b8;
}
.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: #828fa2;
border-color: #7a889d;
}
.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(144, 154, 168, 0.5);
}
.btn-gray-10 {
color: #3b444f;
background-color: #c1c1c1;
border-color: #c1c1c1;
}
.btn-gray-10:hover {
color: #3b444f;
background-color: #aeaeae;
border-color: #a8a8a8;
}
.btn-gray-10.focus,
.btn-gray-10:focus {
box-shadow: 0 0 0 0.2rem rgba(173, 174, 176, 0.5);
}
.btn-gray-10.disabled,
.btn-gray-10:disabled {
color: #3b444f;
background-color: #c1c1c1;
border-color: #c1c1c1;
}
.btn-gray-10:not(:disabled):not(.disabled).active,
.btn-gray-10:not(:disabled):not(.disabled):active,
.show > .btn-gray-10.dropdown-toggle {
color: #3b444f;
background-color: #a8a8a8;
border-color: #a1a1a1;
}
.btn-gray-10:not(:disabled):not(.disabled).active:focus,
.btn-gray-10:not(:disabled):not(.disabled):active:focus,
.show > .btn-gray-10.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(173, 174, 176, 0.5);
}
.u-btn-primary--air {
color: #377dff;
background: rgba(55, 125, 255, 0.1);
border-color: transparent;
}
.u-btn-primary--air.active,
.u-btn-primary--air:active,
.u-btn-primary--air:focus,
.u-btn-primary--air:hover {
color: #fff;
background: #377dff;
box-shadow: 0 4px 17px rgba(55, 125, 255, 0.35);
}
.btn-gray-11 {
color: #fff;
background-color: #484848;
border-color: #484848;
}
.btn-gray-11:hover {
color: #fff;
background-color: #353535;
border-color: #2f2f2f;
}
.btn-gray-11.focus,
.btn-gray-11:focus {
box-shadow: 0 0 0 0.2rem rgba(99, 99, 99, 0.5);
}
.btn-gray-11.disabled,
.btn-gray-11:disabled {
color: #fff;
background-color: #484848;
border-color: #484848;
}
.btn-gray-11:not(:disabled):not(.disabled).active,
.btn-gray-11:not(:disabled):not(.disabled):active,
.show > .btn-gray-11.dropdown-toggle {
color: #fff;
background-color: #2f2f2f;
border-color: #282828;
}
.btn-gray-11:not(:disabled):not(.disabled).active:focus,
.btn-gray-11:not(:disabled):not(.disabled):active:focus,
.show > .btn-gray-11.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(99, 99, 99, 0.5);
}
.btn-gray-23 {
color: #3b444f;
background-color: #f4f4f4;
border-color: #f4f4f4;
}
.btn-gray-23:hover {
color: #3b444f;
background-color: #e1e1e1;
border-color: #dbdbdb;
}
.btn-gray-23.focus,
.btn-gray-23:focus {
box-shadow: 0 0 0 0.2rem rgba(216, 218, 219, 0.5);
}
.btn-gray-23.disabled,
.btn-gray-23:disabled {
color: #3b444f;
background-color: #f4f4f4;
border-color: #f4f4f4;
}
.btn-gray-23:not(:disabled):not(.disabled).active,
.btn-gray-23:not(:disabled):not(.disabled):active,
.show > .btn-gray-23.dropdown-toggle {
color: #3b444f;
background-color: #dbdbdb;
border-color: #d4d4d4;
}
.btn-gray-23:not(:disabled):not(.disabled).active:focus,
.btn-gray-23:not(:disabled):not(.disabled):active:focus,
.show > .btn-gray-23.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(216, 218, 219, 0.5);
}
.btn-gray-33 {
color: #3b444f;
background-color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-gray-33:hover {
color: #3b444f;
background-color: #d0dcec;
border-color: #c7d5e8;
}
.btn-gray-33.focus,
.btn-gray-33:focus {
box-shadow: 0 0 0 0.2rem rgba(209, 214, 222, 0.5);
}
.btn-gray-33.disabled,
.btn-gray-33:disabled {
color: #3b444f;
background-color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-gray-33:not(:disabled):not(.disabled).active,
.btn-gray-33:not(:disabled):not(.disabled):active,
.show > .btn-gray-33.dropdown-toggle {
color: #3b444f;
background-color: #c7d5e8;
border-color: #bdcee5;
}
.btn-gray-33:not(:disabled):not(.disabled).active:focus,
.btn-gray-33:not(:disabled):not(.disabled):active:focus,
.show > .btn-gray-33.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(209, 214, 222, 0.5);
}
.btn-sea-green {
color: #fff;
background-color: #1d508d;
border-color: #1d508d;
}
.btn-sea-green:hover {
color: #fff;
background-color: #163e6d;
border-color: #143863;
}
.btn-sea-green.focus,
.btn-sea-green:focus {
box-shadow: 0 0 0 0.2rem rgba(63, 106, 158, 0.5);
}
.btn-sea-green.disabled,
.btn-sea-green:disabled {
color: #fff;
background-color: #1d508d;
border-color: #1d508d;
}
.btn-sea-green:not(:disabled):not(.disabled).active,
.btn-sea-green:not(:disabled):not(.disabled):active,
.show > .btn-sea-green.dropdown-toggle {
color: #fff;
background-color: #143863;
border-color: #123258;
}
.btn-sea-green:not(:disabled):not(.disabled).active:focus,
.btn-sea-green:not(:disabled):not(.disabled):active:focus,
.show > .btn-sea-green.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(63, 106, 158, 0.5);
}
.btn-dark-1 {
color: #fff;
background-color: #1e2022;
border-color: #1e2022;
}
.btn-dark-1:hover {
color: #fff;
background-color: #0c0d0e;
border-color: #060707;
}
.btn-dark-1.focus,
.btn-dark-1:focus {
box-shadow: 0 0 0 0.2rem rgba(64, 65, 67, 0.5);
}
.btn-dark-1.disabled,
.btn-dark-1:disabled {
color: #fff;
background-color: #1e2022;
border-color: #1e2022;
}
.btn-dark-1:not(:disabled):not(.disabled).active,
.btn-dark-1:not(:disabled):not(.disabled):active,
.show > .btn-dark-1.dropdown-toggle {
color: #fff;
background-color: #060707;
border-color: #000;
}
.btn-dark-1:not(:disabled):not(.disabled).active:focus,
.btn-dark-1:not(:disabled):not(.disabled):active:focus,
.show > .btn-dark-1.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(64, 65, 67, 0.5);
}
.btn-navy {
color: #fff;
background-color: #0057ff;
border-color: #0057ff;
}
.btn-navy:hover {
color: #fff;
background-color: #004ad9;
border-color: #0046cc;
}
.btn-navy.focus,
.btn-navy:focus {
box-shadow: 0 0 0 0.2rem rgba(38, 112, 255, 0.5);
}
.btn-navy.disabled,
.btn-navy:disabled {
color: #fff;
background-color: #0057ff;
border-color: #0057ff;
}
.btn-navy:not(:disabled):not(.disabled).active,
.btn-navy:not(:disabled):not(.disabled):active,
.show > .btn-navy.dropdown-toggle {
color: #fff;
background-color: #0046cc;
border-color: #0041bf;
}
.btn-navy:not(:disabled):not(.disabled).active:focus,
.btn-navy:not(:disabled):not(.disabled):active:focus,
.show > .btn-navy.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(38, 112, 255, 0.5);
}
.btn-pink {
color: #3b444f;
background-color: #ffe5ee;
border-color: #ffe5ee;
}
.btn-pink:hover {
color: #3b444f;
background-color: #ffbfd5;
border-color: #ffb2cd;
}
.btn-pink.focus,
.btn-pink:focus {
box-shadow: 0 0 0 0.2rem rgba(226, 205, 214, 0.5);
}
.btn-pink.disabled,
.btn-pink:disabled {
color: #3b444f;
background-color: #ffe5ee;
border-color: #ffe5ee;
}
.btn-pink:not(:disabled):not(.disabled).active,
.btn-pink:not(:disabled):not(.disabled):active,
.show > .btn-pink.dropdown-toggle {
color: #3b444f;
background-color: #ffb2cd;
border-color: #ffa5c4;
}
.btn-pink:not(:disabled):not(.disabled).active:focus,
.btn-pink:not(:disabled):not(.disabled):active:focus,
.show > .btn-pink.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(226, 205, 214, 0.5);
}
.btn-dark-2 {
color: #fff;
background-color: #1a2b49;
border-color: #1a2b49;
}
.btn-dark-2:hover {
color: #fff;
background-color: #101a2d;
border-color: #0d1523;
}
.btn-dark-2.focus,
.btn-dark-2:focus {
box-shadow: 0 0 0 0.2rem rgba(60, 75, 100, 0.5);
}
.btn-dark-2.disabled,
.btn-dark-2:disabled {
color: #fff;
background-color: #1a2b49;
border-color: #1a2b49;
}
.btn-dark-2:not(:disabled):not(.disabled).active,
.btn-dark-2:not(:disabled):not(.disabled):active,
.show > .btn-dark-2.dropdown-toggle {
color: #fff;
background-color: #0d1523;
border-color: #090f1a;
}
.btn-dark-2:not(:disabled):not(.disabled).active:focus,
.btn-dark-2:not(:disabled):not(.disabled):active:focus,
.show > .btn-dark-2.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(60, 75, 100, 0.5);
}
.btn-yellow-lighter-2 {
color: #3b444f;
background-color: #f7bc5a;
border-color: #f7bc5a;
}
.btn-yellow-lighter-2:hover {
color: #3b444f;
background-color: #f5ad36;
border-color: #f5a829;
}
.btn-yellow-lighter-2.focus,
.btn-yellow-lighter-2:focus {
box-shadow: 0 0 0 0.2rem rgba(219, 170, 88, 0.5);
}
.btn-yellow-lighter-2.disabled,
.btn-yellow-lighter-2:disabled {
color: #3b444f;
background-color: #f7bc5a;
border-color: #f7bc5a;
}
.btn-yellow-lighter-2:not(:disabled):not(.disabled).active,
.btn-yellow-lighter-2:not(:disabled):not(.disabled):active,
.show > .btn-yellow-lighter-2.dropdown-toggle {
color: #3b444f;
background-color: #f5a829;
border-color: #f4a31d;
}
.btn-yellow-lighter-2:not(:disabled):not(.disabled).active:focus,
.btn-yellow-lighter-2:not(:disabled):not(.disabled):active:focus,
.show > .btn-yellow-lighter-2.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(219, 170, 88, 0.5);
}
.btn-orange {
color: #fff;
background-color: #f05700;
border-color: #f05700;
}
.btn-orange:hover {
color: #fff;
background-color: #ca4900;
border-color: #bd4500;
}
.btn-orange.focus,
.btn-orange:focus {
box-shadow: 0 0 0 0.2rem rgba(242, 112, 38, 0.5);
}
.btn-orange.disabled,
.btn-orange:disabled {
color: #fff;
background-color: #f05700;
border-color: #f05700;
}
.btn-orange:not(:disabled):not(.disabled).active,
.btn-orange:not(:disabled):not(.disabled):active,
.show > .btn-orange.dropdown-toggle {
color: #fff;
background-color: #bd4500;
border-color: #b04000;
}
.btn-orange:not(:disabled):not(.disabled).active:focus,
.btn-orange:not(:disabled):not(.disabled):active:focus,
.show > .btn-orange.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(242, 112, 38, 0.5);
}
.btn-green {
color: #fff;
background-color: #28871c;
border-color: #28871c;
}
.btn-green:hover {
color: #fff;
background-color: #1f6715;
border-color: #1b5d13;
}
.btn-green.focus,
.btn-green:focus {
box-shadow: 0 0 0 0.2rem rgba(72, 153, 62, 0.5);
}
.btn-green.disabled,
.btn-green:disabled {
color: #fff;
background-color: #28871c;
border-color: #28871c;
}
.btn-green:not(:disabled):not(.disabled).active,
.btn-green:not(:disabled):not(.disabled):active,
.show > .btn-green.dropdown-toggle {
color: #fff;
background-color: #1b5d13;
border-color: #185211;
}
.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(72, 153, 62, 0.5);
}
.btn-pink-1 {
color: #fff;
background-color: #ff0045;
border-color: #ff0045;
}
.btn-pink-1:hover {
color: #fff;
background-color: #d9003b;
border-color: #cc0037;
}
.btn-pink-1.focus,
.btn-pink-1:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 38, 97, 0.5);
}
.btn-pink-1.disabled,
.btn-pink-1:disabled {
color: #fff;
background-color: #ff0045;
border-color: #ff0045;
}
.btn-pink-1:not(:disabled):not(.disabled).active,
.btn-pink-1:not(:disabled):not(.disabled):active,
.show > .btn-pink-1.dropdown-toggle {
color: #fff;
background-color: #cc0037;
border-color: #bf0034;
}
.btn-pink-1:not(:disabled):not(.disabled).active:focus,
.btn-pink-1:not(:disabled):not(.disabled):active:focus,
.show > .btn-pink-1.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 38, 97, 0.5);
}
.btn-purple-1 {
color: #fff;
background-color: #232753;
border-color: #232753;
}
.btn-purple-1:hover {
color: #fff;
background-color: #181a38;
border-color: #14162f;
}
.btn-purple-1.focus,
.btn-purple-1:focus {
box-shadow: 0 0 0 0.2rem rgba(68, 71, 109, 0.5);
}
.btn-purple-1.disabled,
.btn-purple-1:disabled {
color: #fff;
background-color: #232753;
border-color: #232753;
}
.btn-purple-1:not(:disabled):not(.disabled).active,
.btn-purple-1:not(:disabled):not(.disabled):active,
.show > .btn-purple-1.dropdown-toggle {
color: #fff;
background-color: #14162f;
border-color: #101226;
}
.btn-purple-1:not(:disabled):not(.disabled).active:focus,
.btn-purple-1:not(:disabled):not(.disabled):active:focus,
.show > .btn-purple-1.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(68, 71, 109, 0.5);
}
.btn-soft-primary {
color: #377dff;
background-color: rgba(55, 125, 255, 0.1);
border-color: transparent;
}
.btn-soft-primary.active,
.btn-soft-primary:active,
.btn-soft-primary:focus,
.btn-soft-primary:hover {
color: #fff;
background-color: #377dff;
box-shadow: 0 4px 11px rgba(55, 125, 255, 0.1);
}
.btn-soft-primary.disabled,
.btn-soft-primary:disabled {
color: #377dff;
background-color: rgba(55, 125, 255, 0.1);
box-shadow: none;
}
.btn-soft-primary:not(:disabled):not(.disabled).active,
.btn-soft-primary:not(:disabled):not(.disabled):active,
.show > .btn-soft-primary.dropdown-toggle {
color: #fff;
background-color: #377dff;
}
.btn-soft-secondary {
color: #71869d;
background-color: rgba(113, 134, 157, 0.1);
border-color: transparent;
}
.btn-soft-secondary.active,
.btn-soft-secondary:active,
.btn-soft-secondary:focus,
.btn-soft-secondary:hover {
color: #fff;
background-color: #71869d;
box-shadow: 0 4px 11px rgba(113, 134, 157, 0.1);
}
.btn-soft-secondary.disabled,
.btn-soft-secondary:disabled {
color: #71869d;
background-color: rgba(113, 134, 157, 0.1);
box-shadow: none;
}
.btn-soft-secondary:not(:disabled):not(.disabled).active,
.btn-soft-secondary:not(:disabled):not(.disabled):active,
.show > .btn-soft-secondary.dropdown-toggle {
color: #fff;
background-color: #71869d;
}
.btn-soft-success {
color: #00c9a7;
background-color: rgba(0, 201, 167, 0.1);
border-color: transparent;
}
.btn-soft-success.active,
.btn-soft-success:active,
.btn-soft-success:focus,
.btn-soft-success:hover {
color: #fff;
background-color: #00c9a7;
box-shadow: 0 4px 11px rgba(0, 201, 167, 0.1);
}
.btn-soft-success.disabled,
.btn-soft-success:disabled {
color: #00c9a7;
background-color: rgba(0, 201, 167, 0.1);
box-shadow: none;
}
.btn-soft-success:not(:disabled):not(.disabled).active,
.btn-soft-success:not(:disabled):not(.disabled):active,
.show > .btn-soft-success.dropdown-toggle {
color: #fff;
background-color: #00c9a7;
}
.btn-soft-info {
color: #09a5be;
background-color: rgba(9, 165, 190, 0.1);
border-color: transparent;
}
.btn-soft-info.active,
.btn-soft-info:active,
.btn-soft-info:focus,
.btn-soft-info:hover {
color: #fff;
background-color: #09a5be;
box-shadow: 0 4px 11px rgba(9, 165, 190, 0.1);
}
.btn-soft-info.disabled,
.btn-soft-info:disabled {
color: #09a5be;
background-color: rgba(9, 165, 190, 0.1);
box-shadow: none;
}
.btn-soft-info:not(:disabled):not(.disabled).active,
.btn-soft-info:not(:disabled):not(.disabled):active,
.show > .btn-soft-info.dropdown-toggle {
color: #fff;
background-color: #09a5be;
}
.btn-soft-warning {
color: #f5ca99;
background-color: rgba(245, 202, 153, 0.1);
border-color: transparent;
}
.btn-soft-warning.active,
.btn-soft-warning:active,
.btn-soft-warning:focus,
.btn-soft-warning:hover {
color: #1e2022;
background-color: #f5ca99;
box-shadow: 0 4px 11px rgba(245, 202, 153, 0.1);
}
.btn-soft-warning.disabled,
.btn-soft-warning:disabled {
color: #f5ca99;
background-color: rgba(245, 202, 153, 0.1);
box-shadow: none;
}
.btn-soft-warning:not(:disabled):not(.disabled).active,
.btn-soft-warning:not(:disabled):not(.disabled):active,
.show > .btn-soft-warning.dropdown-toggle {
color: #1e2022;
background-color: #f5ca99;
}
.btn-soft-danger {
color: #ed4c78;
background-color: rgba(237, 76, 120, 0.1);
border-color: transparent;
}
.btn-soft-danger.active,
.btn-soft-danger:active,
.btn-soft-danger:focus,
.btn-soft-danger:hover {
color: #fff;
background-color: #ed4c78;
box-shadow: 0 4px 11px rgba(237, 76, 120, 0.1);
}
.btn-soft-danger.disabled,
.btn-soft-danger:disabled {
color: #ed4c78;
background-color: rgba(237, 76, 120, 0.1);
box-shadow: none;
}
.btn-soft-danger:not(:disabled):not(.disabled).active,
.btn-soft-danger:not(:disabled):not(.disabled):active,
.show > .btn-soft-danger.dropdown-toggle {
color: #fff;
background-color: #ed4c78;
}
.btn-soft-light {
color: #f7faff;
background-color: rgba(247, 250, 255, 0.1);
border-color: transparent;
}
.btn-soft-light.active,
.btn-soft-light:active,
.btn-soft-light:focus,
.btn-soft-light:hover {
color: #1e2022;
background-color: #f7faff;
box-shadow: 0 4px 11px rgba(247, 250, 255, 0.1);
}
.btn-soft-light.disabled,
.btn-soft-light:disabled {
color: #f7faff;
background-color: rgba(247, 250, 255, 0.1);
box-shadow: none;
}
.btn-soft-light:not(:disabled):not(.disabled).active,
.btn-soft-light:not(:disabled):not(.disabled):active,
.show > .btn-soft-light.dropdown-toggle {
color: #1e2022;
background-color: #f7faff;
}
.btn-soft-dark {
color: #1e2022;
background-color: rgba(30, 32, 34, 0.1);
border-color: transparent;
}
.btn-soft-dark.active,
.btn-soft-dark:active,
.btn-soft-dark:focus,
.btn-soft-dark:hover {
color: #fff;
background-color: #1e2022;
box-shadow: 0 4px 11px rgba(30, 32, 34, 0.1);
}
.btn-soft-dark.disabled,
.btn-soft-dark:disabled {
color: #1e2022;
background-color: rgba(30, 32, 34, 0.1);
box-shadow: none;
}
.btn-soft-dark:not(:disabled):not(.disabled).active,
.btn-soft-dark:not(:disabled):not(.disabled):active,
.show > .btn-soft-dark.dropdown-toggle {
color: #fff;
background-color: #1e2022;
}
.btn-soft-indigo {
color: #2d1582;
background-color: rgba(45, 21, 130, 0.1);
border-color: transparent;
}
.btn-soft-indigo.active,
.btn-soft-indigo:active,
.btn-soft-indigo:focus,
.btn-soft-indigo:hover {
color: #fff;
background-color: #2d1582;
box-shadow: 0 4px 11px rgba(45, 21, 130, 0.1);
}
.btn-soft-indigo.disabled,
.btn-soft-indigo:disabled {
color: #2d1582;
background-color: rgba(45, 21, 130, 0.1);
box-shadow: none;
}
.btn-soft-indigo:not(:disabled):not(.disabled).active,
.btn-soft-indigo:not(:disabled):not(.disabled):active,
.show > .btn-soft-indigo.dropdown-toggle {
color: #fff;
background-color: #2d1582;
}
.btn-soft-navy {
color: #21325b;
background-color: rgba(33, 50, 91, 0.1);
border-color: transparent;
}
.btn-soft-navy.active,
.btn-soft-navy:active,
.btn-soft-navy:focus,
.btn-soft-navy:hover {
color: #fff;
background-color: #21325b;
box-shadow: 0 4px 11px rgba(33, 50, 91, 0.1);
}
.btn-soft-navy.disabled,
.btn-soft-navy:disabled {
color: #21325b;
background-color: rgba(33, 50, 91, 0.1);
box-shadow: none;
}
.btn-soft-navy:not(:disabled):not(.disabled).active,
.btn-soft-navy:not(:disabled):not(.disabled):active,
.show > .btn-soft-navy.dropdown-toggle {
color: #fff;
background-color: #21325b;
}
.btn-outline-primary {
color: #297cbb;
border-color: #297cbb;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #297cbb;
border-color: #297cbb;
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
box-shadow: 0 0 0 0.2rem rgba(41, 124, 187, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
color: #297cbb;
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: #297cbb;
border-color: #297cbb;
}
.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(41, 124, 187, 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: #3b444f;
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: #3b444f;
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: #3b444f;
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: #3b444f;
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: #3b444f;
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: #3b444f;
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: #3b444f;
border-color: #3b444f;
}
.btn-outline-dark:hover {
color: #fff;
background-color: #3b444f;
border-color: #3b444f;
}
.btn-outline-dark.focus,
.btn-outline-dark:focus {
box-shadow: 0 0 0 0.2rem rgba(59, 68, 79, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
color: #3b444f;
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: #3b444f;
border-color: #3b444f;
}
.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(59, 68, 79, 0.5);
}
.btn-outline-white {
color: #fff;
border-color: #fff;
}
.btn-outline-white:hover {
color: #3b444f;
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: #3b444f;
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-outline-gray {
color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-outline-gray:hover {
color: #3b444f;
background-color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-outline-gray.focus,
.btn-outline-gray:focus {
box-shadow: 0 0 0 0.2rem rgba(235, 240, 247, 0.5);
}
.btn-outline-gray.disabled,
.btn-outline-gray:disabled {
color: #ebf0f7;
background-color: transparent;
}
.btn-outline-gray:not(:disabled):not(.disabled).active,
.btn-outline-gray:not(:disabled):not(.disabled):active,
.show > .btn-outline-gray.dropdown-toggle {
color: #3b444f;
background-color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-outline-gray:not(:disabled):not(.disabled).active:focus,
.btn-outline-gray:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-gray.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(235, 240, 247, 0.5);
}
.btn-outline-violet {
color: #532184;
border-color: #532184;
}
.btn-outline-violet:hover {
color: #fff;
background-color: #532184;
border-color: #532184;
}
.btn-outline-violet.focus,
.btn-outline-violet:focus {
box-shadow: 0 0 0 0.2rem rgba(83, 33, 132, 0.5);
}
.btn-outline-violet.disabled,
.btn-outline-violet:disabled {
color: #532184;
background-color: transparent;
}
.btn-outline-violet:not(:disabled):not(.disabled).active,
.btn-outline-violet:not(:disabled):not(.disabled):active,
.show > .btn-outline-violet.dropdown-toggle {
color: #fff;
background-color: #532184;
border-color: #532184;
}
.btn-outline-violet:not(:disabled):not(.disabled).active:focus,
.btn-outline-violet:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-violet.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(83, 33, 132, 0.5);
}
.btn-outline-violet-1 {
color: #a864a8;
border-color: #a864a8;
}
.btn-outline-violet-1:hover {
color: #fff;
background-color: #a864a8;
border-color: #a864a8;
}
.btn-outline-violet-1.focus,
.btn-outline-violet-1:focus {
box-shadow: 0 0 0 0.2rem rgba(168, 100, 168, 0.5);
}
.btn-outline-violet-1.disabled,
.btn-outline-violet-1:disabled {
color: #a864a8;
background-color: transparent;
}
.btn-outline-violet-1:not(:disabled):not(.disabled).active,
.btn-outline-violet-1:not(:disabled):not(.disabled):active,
.show > .btn-outline-violet-1.dropdown-toggle {
color: #fff;
background-color: #a864a8;
border-color: #a864a8;
}
.btn-outline-violet-1:not(:disabled):not(.disabled).active:focus,
.btn-outline-violet-1:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-violet-1.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(168, 100, 168, 0.5);
}
.btn-outline-violet-light {
color: #6f13cd;
border-color: #6f13cd;
}
.btn-outline-violet-light:hover {
color: #fff;
background-color: #6f13cd;
border-color: #6f13cd;
}
.btn-outline-violet-light.focus,
.btn-outline-violet-light:focus {
box-shadow: 0 0 0 0.2rem rgba(111, 19, 205, 0.5);
}
.btn-outline-violet-light.disabled,
.btn-outline-violet-light:disabled {
color: #6f13cd;
background-color: transparent;
}
.btn-outline-violet-light:not(:disabled):not(.disabled).active,
.btn-outline-violet-light:not(:disabled):not(.disabled):active,
.show > .btn-outline-violet-light.dropdown-toggle {
color: #fff;
background-color: #6f13cd;
border-color: #6f13cd;
}
.btn-outline-violet-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-violet-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-violet-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(111, 19, 205, 0.5);
}
.btn-outline-brown-light {
color: #ceac61;
border-color: #ceac61;
}
.btn-outline-brown-light:hover {
color: #3b444f;
background-color: #ceac61;
border-color: #ceac61;
}
.btn-outline-brown-light.focus,
.btn-outline-brown-light:focus {
box-shadow: 0 0 0 0.2rem rgba(206, 172, 97, 0.5);
}
.btn-outline-brown-light.disabled,
.btn-outline-brown-light:disabled {
color: #ceac61;
background-color: transparent;
}
.btn-outline-brown-light:not(:disabled):not(.disabled).active,
.btn-outline-brown-light:not(:disabled):not(.disabled):active,
.show > .btn-outline-brown-light.dropdown-toggle {
color: #3b444f;
background-color: #ceac61;
border-color: #ceac61;
}
.btn-outline-brown-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-brown-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-brown-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(206, 172, 97, 0.5);
}
.btn-outline-brown {
color: #f8bd5b;
border-color: #f8bd5b;
}
.btn-outline-brown:hover {
color: #3b444f;
background-color: #f8bd5b;
border-color: #f8bd5b;
}
.btn-outline-brown.focus,
.btn-outline-brown:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 189, 91, 0.5);
}
.btn-outline-brown.disabled,
.btn-outline-brown:disabled {
color: #f8bd5b;
background-color: transparent;
}
.btn-outline-brown:not(:disabled):not(.disabled).active,
.btn-outline-brown:not(:disabled):not(.disabled):active,
.show > .btn-outline-brown.dropdown-toggle {
color: #3b444f;
background-color: #f8bd5b;
border-color: #f8bd5b;
}
.btn-outline-brown:not(:disabled):not(.disabled).active:focus,
.btn-outline-brown:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-brown.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 189, 91, 0.5);
}
.btn-outline-maroon {
color: #c72f74;
border-color: #c72f74;
}
.btn-outline-maroon:hover {
color: #fff;
background-color: #c72f74;
border-color: #c72f74;
}
.btn-outline-maroon.focus,
.btn-outline-maroon:focus {
box-shadow: 0 0 0 0.2rem rgba(199, 47, 116, 0.5);
}
.btn-outline-maroon.disabled,
.btn-outline-maroon:disabled {
color: #c72f74;
background-color: transparent;
}
.btn-outline-maroon:not(:disabled):not(.disabled).active,
.btn-outline-maroon:not(:disabled):not(.disabled):active,
.show > .btn-outline-maroon.dropdown-toggle {
color: #fff;
background-color: #c72f74;
border-color: #c72f74;
}
.btn-outline-maroon:not(:disabled):not(.disabled).active:focus,
.btn-outline-maroon:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-maroon.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(199, 47, 116, 0.5);
}
.btn-outline-indigo-light {
color: #080e7b;
border-color: #080e7b;
}
.btn-outline-indigo-light:hover {
color: #fff;
background-color: #080e7b;
border-color: #080e7b;
}
.btn-outline-indigo-light.focus,
.btn-outline-indigo-light:focus {
box-shadow: 0 0 0 0.2rem rgba(8, 14, 123, 0.5);
}
.btn-outline-indigo-light.disabled,
.btn-outline-indigo-light:disabled {
color: #080e7b;
background-color: transparent;
}
.btn-outline-indigo-light:not(:disabled):not(.disabled).active,
.btn-outline-indigo-light:not(:disabled):not(.disabled):active,
.show > .btn-outline-indigo-light.dropdown-toggle {
color: #fff;
background-color: #080e7b;
border-color: #080e7b;
}
.btn-outline-indigo-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-indigo-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-indigo-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(8, 14, 123, 0.5);
}
.btn-outline-red-light-2 {
color: #ff3c4e;
border-color: #ff3c4e;
}
.btn-outline-red-light-2:hover {
color: #fff;
background-color: #ff3c4e;
border-color: #ff3c4e;
}
.btn-outline-red-light-2.focus,
.btn-outline-red-light-2:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 60, 78, 0.5);
}
.btn-outline-red-light-2.disabled,
.btn-outline-red-light-2:disabled {
color: #ff3c4e;
background-color: transparent;
}
.btn-outline-red-light-2:not(:disabled):not(.disabled).active,
.btn-outline-red-light-2:not(:disabled):not(.disabled):active,
.show > .btn-outline-red-light-2.dropdown-toggle {
color: #fff;
background-color: #ff3c4e;
border-color: #ff3c4e;
}
.btn-outline-red-light-2:not(:disabled):not(.disabled).active:focus,
.btn-outline-red-light-2:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-red-light-2.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 60, 78, 0.5);
}
.btn-outline-blue-dark-1 {
color: #045cff;
border-color: #045cff;
}
.btn-outline-blue-dark-1:hover {
color: #fff;
background-color: #045cff;
border-color: #045cff;
}
.btn-outline-blue-dark-1.focus,
.btn-outline-blue-dark-1:focus {
box-shadow: 0 0 0 0.2rem rgba(4, 92, 255, 0.5);
}
.btn-outline-blue-dark-1.disabled,
.btn-outline-blue-dark-1:disabled {
color: #045cff;
background-color: transparent;
}
.btn-outline-blue-dark-1:not(:disabled):not(.disabled).active,
.btn-outline-blue-dark-1:not(:disabled):not(.disabled):active,
.show > .btn-outline-blue-dark-1.dropdown-toggle {
color: #fff;
background-color: #045cff;
border-color: #045cff;
}
.btn-outline-blue-dark-1:not(:disabled):not(.disabled).active:focus,
.btn-outline-blue-dark-1:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-blue-dark-1.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(4, 92, 255, 0.5);
}
.btn-outline-gray-1 {
color: #67747c;
border-color: #67747c;
}
.btn-outline-gray-1:hover {
color: #fff;
background-color: #67747c;
border-color: #67747c;
}
.btn-outline-gray-1.focus,
.btn-outline-gray-1:focus {
box-shadow: 0 0 0 0.2rem rgba(103, 116, 124, 0.5);
}
.btn-outline-gray-1.disabled,
.btn-outline-gray-1:disabled {
color: #67747c;
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: #fff;
background-color: #67747c;
border-color: #67747c;
}
.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(103, 116, 124, 0.5);
}
.btn-outline-gray-2 {
color: #f7f8f9;
border-color: #f7f8f9;
}
.btn-outline-gray-2:hover {
color: #3b444f;
background-color: #f7f8f9;
border-color: #f7f8f9;
}
.btn-outline-gray-2.focus,
.btn-outline-gray-2:focus {
box-shadow: 0 0 0 0.2rem rgba(247, 248, 249, 0.5);
}
.btn-outline-gray-2.disabled,
.btn-outline-gray-2:disabled {
color: #f7f8f9;
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: #3b444f;
background-color: #f7f8f9;
border-color: #f7f8f9;
}
.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(247, 248, 249, 0.5);
}
.btn-outline-gray-3 {
color: #3b444f;
border-color: #3b444f;
}
.btn-outline-gray-3:hover {
color: #fff;
background-color: #3b444f;
border-color: #3b444f;
}
.btn-outline-gray-3.focus,
.btn-outline-gray-3:focus {
box-shadow: 0 0 0 0.2rem rgba(59, 68, 79, 0.5);
}
.btn-outline-gray-3.disabled,
.btn-outline-gray-3:disabled {
color: #3b444f;
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: #fff;
background-color: #3b444f;
border-color: #3b444f;
}
.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(59, 68, 79, 0.5);
}
.btn-outline-gray-4 {
color: #eceff3;
border-color: #eceff3;
}
.btn-outline-gray-4:hover {
color: #3b444f;
background-color: #eceff3;
border-color: #eceff3;
}
.btn-outline-gray-4.focus,
.btn-outline-gray-4:focus {
box-shadow: 0 0 0 0.2rem rgba(236, 239, 243, 0.5);
}
.btn-outline-gray-4.disabled,
.btn-outline-gray-4:disabled {
color: #eceff3;
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: #3b444f;
background-color: #eceff3;
border-color: #eceff3;
}
.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(236, 239, 243, 0.5);
}
.btn-outline-blue {
color: #43c5db;
border-color: #43c5db;
}
.btn-outline-blue:hover {
color: #3b444f;
background-color: #43c5db;
border-color: #43c5db;
}
.btn-outline-blue.focus,
.btn-outline-blue:focus {
box-shadow: 0 0 0 0.2rem rgba(67, 197, 219, 0.5);
}
.btn-outline-blue.disabled,
.btn-outline-blue:disabled {
color: #43c5db;
background-color: transparent;
}
.btn-outline-blue:not(:disabled):not(.disabled).active,
.btn-outline-blue:not(:disabled):not(.disabled):active,
.show > .btn-outline-blue.dropdown-toggle {
color: #3b444f;
background-color: #43c5db;
border-color: #43c5db;
}
.btn-outline-blue:not(:disabled):not(.disabled).active:focus,
.btn-outline-blue:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-blue.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(67, 197, 219, 0.5);
}
.btn-outline-blue-1 {
color: #297cbb;
border-color: #297cbb;
}
.btn-outline-blue-1:hover {
color: #fff;
background-color: #297cbb;
border-color: #297cbb;
}
.btn-outline-blue-1.focus,
.btn-outline-blue-1:focus {
box-shadow: 0 0 0 0.2rem rgba(41, 124, 187, 0.5);
}
.btn-outline-blue-1.disabled,
.btn-outline-blue-1:disabled {
color: #297cbb;
background-color: transparent;
}
.btn-outline-blue-1:not(:disabled):not(.disabled).active,
.btn-outline-blue-1:not(:disabled):not(.disabled):active,
.show > .btn-outline-blue-1.dropdown-toggle {
color: #fff;
background-color: #297cbb;
border-color: #297cbb;
}
.btn-outline-blue-1:not(:disabled):not(.disabled).active:focus,
.btn-outline-blue-1:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-blue-1.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(41, 124, 187, 0.5);
}
.btn-outline-gray-5 {
color: #18181b;
border-color: #18181b;
}
.btn-outline-gray-5:hover {
color: #fff;
background-color: #18181b;
border-color: #18181b;
}
.btn-outline-gray-5.focus,
.btn-outline-gray-5:focus {
box-shadow: 0 0 0 0.2rem rgba(24, 24, 27, 0.5);
}
.btn-outline-gray-5.disabled,
.btn-outline-gray-5:disabled {
color: #18181b;
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: #18181b;
border-color: #18181b;
}
.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(24, 24, 27, 0.5);
}
.btn-outline-gray-6 {
color: #18181a;
border-color: #18181a;
}
.btn-outline-gray-6:hover {
color: #fff;
background-color: #18181a;
border-color: #18181a;
}
.btn-outline-gray-6.focus,
.btn-outline-gray-6:focus {
box-shadow: 0 0 0 0.2rem rgba(24, 24, 26, 0.5);
}
.btn-outline-gray-6.disabled,
.btn-outline-gray-6:disabled {
color: #18181a;
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: #18181a;
border-color: #18181a;
}
.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(24, 24, 26, 0.5);
}
.btn-outline-gray-7 {
color: #5c6770;
border-color: #5c6770;
}
.btn-outline-gray-7:hover {
color: #fff;
background-color: #5c6770;
border-color: #5c6770;
}
.btn-outline-gray-7.focus,
.btn-outline-gray-7:focus {
box-shadow: 0 0 0 0.2rem rgba(92, 103, 112, 0.5);
}
.btn-outline-gray-7.disabled,
.btn-outline-gray-7:disabled {
color: #5c6770;
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: #fff;
background-color: #5c6770;
border-color: #5c6770;
}
.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(92, 103, 112, 0.5);
}
.btn-outline-gray-8 {
color: #c5cdd8;
border-color: #c5cdd8;
}
.btn-outline-gray-8:hover {
color: #3b444f;
background-color: #c5cdd8;
border-color: #c5cdd8;
}
.btn-outline-gray-8.focus,
.btn-outline-gray-8:focus {
box-shadow: 0 0 0 0.2rem rgba(197, 205, 216, 0.5);
}
.btn-outline-gray-8.disabled,
.btn-outline-gray-8:disabled {
color: #c5cdd8;
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: #3b444f;
background-color: #c5cdd8;
border-color: #c5cdd8;
}
.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(197, 205, 216, 0.5);
}
.btn-outline-gray-9 {
color: #9fa9b8;
border-color: #9fa9b8;
}
.btn-outline-gray-9:hover {
color: #3b444f;
background-color: #9fa9b8;
border-color: #9fa9b8;
}
.btn-outline-gray-9.focus,
.btn-outline-gray-9:focus {
box-shadow: 0 0 0 0.2rem rgba(159, 169, 184, 0.5);
}
.btn-outline-gray-9.disabled,
.btn-outline-gray-9:disabled {
color: #9fa9b8;
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: #3b444f;
background-color: #9fa9b8;
border-color: #9fa9b8;
}
.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(159, 169, 184, 0.5);
}
.btn-outline-gray-10 {
color: #c1c1c1;
border-color: #c1c1c1;
}
.btn-outline-gray-10:hover {
color: #3b444f;
background-color: #c1c1c1;
border-color: #c1c1c1;
}
.btn-outline-gray-10.focus,
.btn-outline-gray-10:focus {
box-shadow: 0 0 0 0.2rem rgba(193, 193, 193, 0.5);
}
.btn-outline-gray-10.disabled,
.btn-outline-gray-10:disabled {
color: #c1c1c1;
background-color: transparent;
}
.btn-outline-gray-10:not(:disabled):not(.disabled).active,
.btn-outline-gray-10:not(:disabled):not(.disabled):active,
.show > .btn-outline-gray-10.dropdown-toggle {
color: #3b444f;
background-color: #c1c1c1;
border-color: #c1c1c1;
}
.btn-outline-gray-10:not(:disabled):not(.disabled).active:focus,
.btn-outline-gray-10:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-gray-10.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(193, 193, 193, 0.5);
}
.btn-outline-gray-11 {
color: #484848;
border-color: #484848;
}
.btn-outline-gray-11:hover {
color: #fff;
background-color: #484848;
border-color: #484848;
}
.btn-outline-gray-11.focus,
.btn-outline-gray-11:focus {
box-shadow: 0 0 0 0.2rem rgba(72, 72, 72, 0.5);
}
.btn-outline-gray-11.disabled,
.btn-outline-gray-11:disabled {
color: #484848;
background-color: transparent;
}
.btn-outline-gray-11:not(:disabled):not(.disabled).active,
.btn-outline-gray-11:not(:disabled):not(.disabled):active,
.show > .btn-outline-gray-11.dropdown-toggle {
color: #fff;
background-color: #484848;
border-color: #484848;
}
.btn-outline-gray-11:not(:disabled):not(.disabled).active:focus,
.btn-outline-gray-11:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-gray-11.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(72, 72, 72, 0.5);
}
.btn-outline-gray-23 {
color: #f4f4f4;
border-color: #f4f4f4;
}
.btn-outline-gray-23:hover {
color: #3b444f;
background-color: #f4f4f4;
border-color: #f4f4f4;
}
.btn-outline-gray-23.focus,
.btn-outline-gray-23:focus {
box-shadow: 0 0 0 0.2rem rgba(244, 244, 244, 0.5);
}
.btn-outline-gray-23.disabled,
.btn-outline-gray-23:disabled {
color: #f4f4f4;
background-color: transparent;
}
.btn-outline-gray-23:not(:disabled):not(.disabled).active,
.btn-outline-gray-23:not(:disabled):not(.disabled):active,
.show > .btn-outline-gray-23.dropdown-toggle {
color: #3b444f;
background-color: #f4f4f4;
border-color: #f4f4f4;
}
.btn-outline-gray-23:not(:disabled):not(.disabled).active:focus,
.btn-outline-gray-23:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-gray-23.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(244, 244, 244, 0.5);
}
.btn-outline-gray-33 {
color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-outline-gray-33:hover {
color: #3b444f;
background-color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-outline-gray-33.focus,
.btn-outline-gray-33:focus {
box-shadow: 0 0 0 0.2rem rgba(235, 240, 247, 0.5);
}
.btn-outline-gray-33.disabled,
.btn-outline-gray-33:disabled {
color: #ebf0f7;
background-color: transparent;
}
.btn-outline-gray-33:not(:disabled):not(.disabled).active,
.btn-outline-gray-33:not(:disabled):not(.disabled):active,
.show > .btn-outline-gray-33.dropdown-toggle {
color: #3b444f;
background-color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-outline-gray-33:not(:disabled):not(.disabled).active:focus,
.btn-outline-gray-33:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-gray-33.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(235, 240, 247, 0.5);
}
.btn-outline-sea-green {
color: #1d508d;
border-color: #1d508d;
}
.btn-outline-sea-green:hover {
color: #fff;
background-color: #1d508d;
border-color: #1d508d;
}
.btn-outline-sea-green.focus,
.btn-outline-sea-green:focus {
box-shadow: 0 0 0 0.2rem rgba(29, 80, 141, 0.5);
}
.btn-outline-sea-green.disabled,
.btn-outline-sea-green:disabled {
color: #1d508d;
background-color: transparent;
}
.btn-outline-sea-green:not(:disabled):not(.disabled).active,
.btn-outline-sea-green:not(:disabled):not(.disabled):active,
.show > .btn-outline-sea-green.dropdown-toggle {
color: #fff;
background-color: #1d508d;
border-color: #1d508d;
}
.btn-outline-sea-green:not(:disabled):not(.disabled).active:focus,
.btn-outline-sea-green:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-sea-green.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(29, 80, 141, 0.5);
}
.btn-outline-dark-1 {
color: #1e2022;
border-color: #1e2022;
}
.btn-outline-dark-1:hover {
color: #fff;
background-color: #1e2022;
border-color: #1e2022;
}
.btn-outline-dark-1.focus,
.btn-outline-dark-1:focus {
box-shadow: 0 0 0 0.2rem rgba(30, 32, 34, 0.5);
}
.btn-outline-dark-1.disabled,
.btn-outline-dark-1:disabled {
color: #1e2022;
background-color: transparent;
}
.btn-outline-dark-1:not(:disabled):not(.disabled).active,
.btn-outline-dark-1:not(:disabled):not(.disabled):active,
.show > .btn-outline-dark-1.dropdown-toggle {
color: #fff;
background-color: #1e2022;
border-color: #1e2022;
}
.btn-outline-dark-1:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark-1:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-dark-1.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(30, 32, 34, 0.5);
}
.btn-outline-navy {
color: #0057ff;
border-color: #0057ff;
}
.btn-outline-navy:hover {
color: #fff;
background-color: #0057ff;
border-color: #0057ff;
}
.btn-outline-navy.focus,
.btn-outline-navy:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 87, 255, 0.5);
}
.btn-outline-navy.disabled,
.btn-outline-navy:disabled {
color: #0057ff;
background-color: transparent;
}
.btn-outline-navy:not(:disabled):not(.disabled).active,
.btn-outline-navy:not(:disabled):not(.disabled):active,
.show > .btn-outline-navy.dropdown-toggle {
color: #fff;
background-color: #0057ff;
border-color: #0057ff;
}
.btn-outline-navy:not(:disabled):not(.disabled).active:focus,
.btn-outline-navy:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-navy.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 87, 255, 0.5);
}
.btn-outline-pink {
color: #ffe5ee;
border-color: #ffe5ee;
}
.btn-outline-pink:hover {
color: #3b444f;
background-color: #ffe5ee;
border-color: #ffe5ee;
}
.btn-outline-pink.focus,
.btn-outline-pink:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 229, 238, 0.5);
}
.btn-outline-pink.disabled,
.btn-outline-pink:disabled {
color: #ffe5ee;
background-color: transparent;
}
.btn-outline-pink:not(:disabled):not(.disabled).active,
.btn-outline-pink:not(:disabled):not(.disabled):active,
.show > .btn-outline-pink.dropdown-toggle {
color: #3b444f;
background-color: #ffe5ee;
border-color: #ffe5ee;
}
.btn-outline-pink:not(:disabled):not(.disabled).active:focus,
.btn-outline-pink:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-pink.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 229, 238, 0.5);
}
.btn-outline-dark-2 {
color: #1a2b49;
border-color: #1a2b49;
}
.btn-outline-dark-2:hover {
color: #fff;
background-color: #1a2b49;
border-color: #1a2b49;
}
.btn-outline-dark-2.focus,
.btn-outline-dark-2:focus {
box-shadow: 0 0 0 0.2rem rgba(26, 43, 73, 0.5);
}
.btn-outline-dark-2.disabled,
.btn-outline-dark-2:disabled {
color: #1a2b49;
background-color: transparent;
}
.btn-outline-dark-2:not(:disabled):not(.disabled).active,
.btn-outline-dark-2:not(:disabled):not(.disabled):active,
.show > .btn-outline-dark-2.dropdown-toggle {
color: #fff;
background-color: #1a2b49;
border-color: #1a2b49;
}
.btn-outline-dark-2:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark-2:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-dark-2.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(26, 43, 73, 0.5);
}
.btn-outline-yellow-lighter-2 {
color: #f7bc5a;
border-color: #f7bc5a;
}
.btn-outline-yellow-lighter-2:hover {
color: #3b444f;
background-color: #f7bc5a;
border-color: #f7bc5a;
}
.btn-outline-yellow-lighter-2.focus,
.btn-outline-yellow-lighter-2:focus {
box-shadow: 0 0 0 0.2rem rgba(247, 188, 90, 0.5);
}
.btn-outline-yellow-lighter-2.disabled,
.btn-outline-yellow-lighter-2:disabled {
color: #f7bc5a;
background-color: transparent;
}
.btn-outline-yellow-lighter-2:not(:disabled):not(.disabled).active,
.btn-outline-yellow-lighter-2:not(:disabled):not(.disabled):active,
.show > .btn-outline-yellow-lighter-2.dropdown-toggle {
color: #3b444f;
background-color: #f7bc5a;
border-color: #f7bc5a;
}
.btn-outline-yellow-lighter-2:not(:disabled):not(.disabled).active:focus,
.btn-outline-yellow-lighter-2:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-yellow-lighter-2.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(247, 188, 90, 0.5);
}
.btn-outline-orange {
color: #f05700;
border-color: #f05700;
}
.btn-outline-orange:hover {
color: #fff;
background-color: #f05700;
border-color: #f05700;
}
.btn-outline-orange.focus,
.btn-outline-orange:focus {
box-shadow: 0 0 0 0.2rem rgba(240, 87, 0, 0.5);
}
.btn-outline-orange.disabled,
.btn-outline-orange:disabled {
color: #f05700;
background-color: transparent;
}
.btn-outline-orange:not(:disabled):not(.disabled).active,
.btn-outline-orange:not(:disabled):not(.disabled):active,
.show > .btn-outline-orange.dropdown-toggle {
color: #fff;
background-color: #f05700;
border-color: #f05700;
}
.btn-outline-orange:not(:disabled):not(.disabled).active:focus,
.btn-outline-orange:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-orange.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(240, 87, 0, 0.5);
}
.btn-outline-green {
color: #28871c;
border-color: #28871c;
}
.btn-outline-green:hover {
color: #fff;
background-color: #28871c;
border-color: #28871c;
}
.btn-outline-green.focus,
.btn-outline-green:focus {
box-shadow: 0 0 0 0.2rem rgba(40, 135, 28, 0.5);
}
.btn-outline-green.disabled,
.btn-outline-green:disabled {
color: #28871c;
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: #28871c;
border-color: #28871c;
}
.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(40, 135, 28, 0.5);
}
.btn-outline-pink-1 {
color: #ff0045;
border-color: #ff0045;
}
.btn-outline-pink-1:hover {
color: #fff;
background-color: #ff0045;
border-color: #ff0045;
}
.btn-outline-pink-1.focus,
.btn-outline-pink-1:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 0, 69, 0.5);
}
.btn-outline-pink-1.disabled,
.btn-outline-pink-1:disabled {
color: #ff0045;
background-color: transparent;
}
.btn-outline-pink-1:not(:disabled):not(.disabled).active,
.btn-outline-pink-1:not(:disabled):not(.disabled):active,
.show > .btn-outline-pink-1.dropdown-toggle {
color: #fff;
background-color: #ff0045;
border-color: #ff0045;
}
.btn-outline-pink-1:not(:disabled):not(.disabled).active:focus,
.btn-outline-pink-1:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-pink-1.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 0, 69, 0.5);
}
.btn-outline-purple-1 {
color: #232753;
border-color: #232753;
}
.btn-outline-purple-1:hover {
color: #fff;
background-color: #232753;
border-color: #232753;
}
.btn-outline-purple-1.focus,
.btn-outline-purple-1:focus {
box-shadow: 0 0 0 0.2rem rgba(35, 39, 83, 0.5);
}
.btn-outline-purple-1.disabled,
.btn-outline-purple-1:disabled {
color: #232753;
background-color: transparent;
}
.btn-outline-purple-1:not(:disabled):not(.disabled).active,
.btn-outline-purple-1:not(:disabled):not(.disabled):active,
.show > .btn-outline-purple-1.dropdown-toggle {
color: #fff;
background-color: #232753;
border-color: #232753;
}
.btn-outline-purple-1:not(:disabled):not(.disabled).active:focus,
.btn-outline-purple-1:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-purple-1.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(35, 39, 83, 0.5);
}
.btn-link {
font-weight: 400;
color: #297cbb;
text-decoration: none;
}
.btn-link:hover {
color: #1b527c;
text-decoration: none;
}
.btn-link.focus,
.btn-link:focus {
text-decoration: none;
box-shadow: none;
}
.btn-link.disabled,
.btn-link:disabled {
color: #8c98a4;
pointer-events: none;
}
.btn-group-lg > .btn,
.btn-lg {
padding: 1.125rem 1.125rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
.btn-group-sm > .btn,
.btn-sm {
padding: 0.625rem 1.125rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.25rem;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 0.5rem;
}
input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].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;
}
}
.dropdown,
.dropleft,
.dropright,
.dropup {
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: 1rem;
color: #3b444f;
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^="bottom"],
.dropdown-menu[x-placement^="left"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="top"] {
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: #67747c;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
color: #3b444f;
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.875rem;
color: #8c98a4;
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: 0.375rem 1.5rem;
color: #67747c;
}
.btn-ghost-primary {
color: #377dff;
background-color: transparent;
}
.btn-ghost-primary.active,
.btn-ghost-primary:active,
.btn-ghost-primary:focus,
.btn-ghost-primary:hover {
color: #377dff;
background-color: rgba(55, 125, 255, 0.1);
}
.btn-ghost-secondary {
color: #71869d;
background-color: transparent;
}
.btn-ghost-secondary.active,
.btn-ghost-secondary:active,
.btn-ghost-secondary:focus,
.btn-ghost-secondary:hover {
color: #71869d;
background-color: rgba(55, 125, 255, 0.1);
}
.btn-ghost-success {
color: #00c9a7;
background-color: transparent;
}
.btn-ghost-success.active,
.btn-ghost-success:active,
.btn-ghost-success:focus,
.btn-ghost-success:hover {
color: #00c9a7;
background-color: rgba(0, 201, 167, 0.1);
}
.btn-ghost-info {
color: #09a5be;
background-color: transparent;
}
.btn-ghost-info.active,
.btn-ghost-info:active,
.btn-ghost-info:focus,
.btn-ghost-info:hover {
color: #09a5be;
background-color: rgba(9, 165, 190, 0.1);
}
.btn-ghost-warning {
color: #f5ca99;
background-color: transparent;
}
.btn-ghost-warning.active,
.btn-ghost-warning:active,
.btn-ghost-warning:focus,
.btn-ghost-warning:hover {
color: #f5ca99;
background-color: rgba(245, 202, 153, 0.1);
}
.btn-ghost-danger {
color: #de4437;
background-color: transparent;
}
.btn-ghost-danger.active,
.btn-ghost-danger:active,
.btn-ghost-danger:focus,
.btn-ghost-danger:hover {
color: #de4437;
background-color: rgba(222, 68, 55, 0.1);
}
.btn-ghost-light {
color: #f7faff;
background-color: transparent;
}
.btn-ghost-light.active,
.btn-ghost-light:active,
.btn-ghost-light:focus,
.btn-ghost-light:hover {
color: #f7faff;
background-color: rgba(247, 250, 255, 0.1);
}
.btn-ghost-dark {
color: #1e2022;
background-color: transparent;
}
.btn-ghost-dark.active,
.btn-ghost-dark:active,
.btn-ghost-dark:focus,
.btn-ghost-dark:hover {
color: #1e2022;
background-color: rgba(30, 32, 34, 0.1);
}
.btn-ghost-indigo {
color: #2d1582;
background-color: transparent;
}
.btn-ghost-indigo.active,
.btn-ghost-indigo:active,
.btn-ghost-indigo:focus,
.btn-ghost-indigo:hover {
color: #2d1582;
background-color: rgba(45, 21, 130, 0.1);
}
.btn-ghost-navy {
color: #21325b;
background-color: transparent;
}
.btn-ghost-navy.active,
.btn-ghost-navy:active,
.btn-ghost-navy:focus,
.btn-ghost-navy:hover {
color: #21325b;
background-color: rgba(33, 50, 91, 0.1);
}
.btn-ghost-secondary:active,
.btn-ghost-secondary:focus,
.btn-ghost-secondary:hover {
color: #377dff;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.btn-group-vertical > .btn:hover,
.btn-group > .btn:hover {
z-index: 1;
}
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus {
z-index: 1;
}
.btn-toolbar {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
margin-left: -1px;
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child) {
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,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
padding-right: 0.84375rem;
padding-left: 0.84375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
padding-right: 0.84375rem;
padding-left: 0.84375rem;
}
.btn-group-vertical {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
width: 100%;
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
margin-top: -1px;
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn:not(:first-child) {
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="checkbox"],
.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
}
.input-group > .custom-file,
.input-group > .custom-select,
.input-group > .form-control,
.input-group > .form-control-plaintext {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
}
.input-group > .custom-file + .custom-file,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .form-control,
.input-group > .custom-select + .custom-file,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .form-control,
.input-group > .form-control + .custom-file,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .form-control,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .form-control {
margin-left: -2px;
}
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
.input-group > .custom-select:focus,
.input-group > .form-control:focus {
z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
z-index: 4;
}
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .custom-file {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
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-append,
.input-group-prepend {
display: -ms-flexbox;
display: flex;
}
.input-group-append .btn,
.input-group-prepend .btn {
position: relative;
z-index: 2;
}
.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
z-index: 3;
}
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .input-group-text,
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .input-group-text {
margin-left: -2px;
}
.input-group-prepend {
margin-right: -2px;
}
.input-group-append {
margin-left: -2px;
}
.input-group-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0.9rem 1rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #8c98a4;
text-align: center;
white-space: nowrap;
background-color: #fff;
border: 2px solid #ebf0f7;
border-radius: 0.3125rem;
}
.input-group-text input[type="checkbox"],
.input-group-text input[type="radio"] {
margin-top: 0;
}
.input-group-lg > .custom-select,
.input-group-lg > .form-control:not(textarea) {
height: calc(1.5em + 2.25rem + 4px);
}
.input-group-lg > .custom-select,
.input-group-lg > .form-control,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .input-group-text {
padding: 1.125rem 1.125rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
.input-group-sm > .custom-select,
.input-group-sm > .form-control:not(textarea) {
height: calc(1.5em + 1.25rem + 4px);
}
.input-group-sm > .custom-select,
.input-group-sm > .form-control,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text {
padding: 0.625rem 1.125rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.25rem;
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
padding-right: 2rem;
}
.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),
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text {
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:first-child > .btn:not(:first-child),
.input-group
> .input-group-prepend:first-child
> .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.custom__input-group > .input-group-append > .btn {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.custom__input-group > .form-control:not(:last-child) {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.813rem;
}
.custom-control-inline {
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 1rem;
}
.custom-control-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #297cbb;
background-color: #297cbb;
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(41, 124, 187, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #ebf0f7;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff;
background-color: #aad0ec;
border-color: #aad0ec;
}
.custom-control-input:disabled ~ .custom-control-label {
color: #8c98a4;
}
.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.0935rem;
left: -1.813rem;
display: block;
width: 1.313rem;
height: 1.313rem;
pointer-events: none;
content: "";
background-color: #fff;
border: #ebf0f7 solid 2px;
}
.custom-control-label::after {
position: absolute;
top: 0.0935rem;
left: -1.813rem;
display: block;
width: 1.313rem;
height: 1.313rem;
content: "";
background: no-repeat 50%/50% 50%;
}
.custom-checkbox .custom-control-label::before {
border-radius: 0.3125rem;
}
.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' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox
.custom-control-input:indeterminate
~ .custom-control-label::before {
border-color: #297cbb;
background-color: #297cbb;
}
.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' 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(41, 124, 187, 0.5);
}
.custom-checkbox
.custom-control-input:disabled:indeterminate
~ .custom-control-label::before {
background-color: rgba(41, 124, 187, 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' 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(41, 124, 187, 0.5);
}
.custom-switch {
padding-left: 4.5rem;
}
.custom-switch .custom-control-label::before {
left: -4.5rem;
width: 4rem;
pointer-events: all;
border-radius: 0.6565rem;
}
.custom-switch .custom-control-label::after {
top: calc(0.0935rem + 4px);
left: calc(-4.5rem + 4px);
width: 1.25rem;
height: 1.25rem;
background-color: #ebf0f7;
border-radius: 0.6565rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
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;
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,
-webkit-transform 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;
-webkit-transform: translateX(2.687rem);
transform: translateX(2.687rem);
}
.custom-switch
.custom-control-input:disabled:checked
~ .custom-control-label::before {
background-color: rgba(41, 124, 187, 0.5);
}
.custom-select {
display: inline-block;
width: 100%;
height: calc(1.5em + 1.8rem + 4px);
padding: 0.9rem 2rem 0.9rem 1rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #3b444f;
vertical-align: middle;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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;
background-color: #fff;
border: 2px solid #d5dae2;
border-radius: 0.3125rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.custom-select:focus {
border-color: rgba(41, 124, 187, 0.5);
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(41, 124, 187, 0.25);
}
.custom-select:focus::-ms-value {
color: #3b444f;
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-sm {
height: calc(1.5em + 1.25rem + 4px);
padding-top: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 1.125rem;
font-size: 0.875rem;
}
.custom-select-lg {
height: calc(1.5em + 2.25rem + 4px);
padding-top: 1.125rem;
padding-bottom: 1.125rem;
padding-left: 1.125rem;
font-size: 1.25rem;
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + 1.8rem + 4px);
margin-bottom: 0;
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + 1.8rem + 4px);
margin: 0;
opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
border-color: #ebf0f7;
box-shadow: 0 0 0 0.2rem rgba(41, 124, 187, 0.25);
}
.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.8rem + 4px);
padding: 0.9rem 1rem;
font-weight: 400;
line-height: 1.5;
color: #3b444f;
background-color: #fff;
border: 2px solid #ebf0f7;
border-radius: 0.3125rem;
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.5em + 1.8rem);
padding: 0.9rem 1rem;
line-height: 1.5;
color: #3b444f;
content: "Browse";
background-color: #fff;
border-left: inherit;
border-radius: 0 0.3125rem 0.3125rem 0;
}
.custom-range {
width: 100%;
height: calc(1rem + 0.4rem);
padding: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.custom-range:focus {
outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(41, 124, 187, 0.25);
}
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(41, 124, 187, 0.25);
}
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(41, 124, 187, 0.25);
}
.custom-range::-moz-focus-outer {
border: 0;
}
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #297cbb;
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: #aad0ec;
}
.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: #297cbb;
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: #aad0ec;
}
.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: #297cbb;
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: #aad0ec;
}
.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: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: 0.438rem 1rem;
}
.nav-link:focus,
.nav-link:hover {
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:focus,
.nav-tabs .nav-link:hover {
border-color: #f8fafd #f8fafd #e7eaf3;
}
.nav-tabs .nav-link.disabled {
color: #8c98a4;
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
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: #297cbb;
}
.nav-fill .nav-item {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
}
.nav-justified .nav-item {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0.5rem 1.875rem;
}
.navbar > .container,
.navbar > .container-fluid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.navbar-brand {
display: inline-block;
padding-top: 0.2505rem;
padding-bottom: 0.2505rem;
margin-right: 1.875rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration: none;
}
.navbar-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
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.438rem;
padding-bottom: 0.438rem;
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.3125rem;
}
.navbar-toggler:focus,
.navbar-toggler:hover {
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 {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 576px) {
.navbar-expand-sm {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
-ms-flex-direction: row;
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 {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.navbar-expand-sm .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
}
@media (max-width: 767.98px) {
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
-ms-flex-direction: row;
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 {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.navbar-expand-md .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
-ms-flex-direction: row;
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 {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.navbar-expand-lg .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
-ms-flex-direction: row;
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 {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.navbar-expand-xl .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
}
@media (max-width: 1479.98px) {
.navbar-expand-wd > .container,
.navbar-expand-wd > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1480px) {
.navbar-expand-wd {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand-wd .navbar-nav {
-ms-flex-direction: row;
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 {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.navbar-expand-wd .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand-wd .navbar-toggler {
display: none;
}
}
.navbar-expand {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
padding-right: 0;
padding-left: 0;
}
.navbar-expand .navbar-nav {
-ms-flex-direction: row;
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 {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
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:focus,
.navbar-light .navbar-nav .nav-link:hover {
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 .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
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 viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' 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:focus,
.navbar-light .navbar-text a:hover {
color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
color: #fff;
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
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 .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
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 viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' 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:focus,
.navbar-dark .navbar-text a:hover {
color: #fff;
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border-radius: 0.3125rem;
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 0.3125rem;
border-top-right-radius: 0.3125rem;
}
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
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-header + .list-group .list-group-item:first-child {
border-top: 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;
}
.card-img {
width: 100%;
border-radius: calc(0.3125rem - 1px);
}
.card-img-top {
width: 100%;
border-top-left-radius: calc(0.3125rem - 1px);
border-top-right-radius: calc(0.3125rem - 1px);
}
.card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(0.3125rem - 1px);
border-bottom-left-radius: calc(0.3125rem - 1px);
}
.card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.card-deck .card {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-deck {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px;
}
.card-deck .card {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px;
}
}
.card-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.card-group > .card {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-group {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.card-group > .card {
-ms-flex: 1 0 0%;
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-header,
.card-group > .card:not(:last-child) .card-img-top {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-footer,
.card-group > .card:not(:last-child) .card-img-bottom {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-header,
.card-group > .card:not(:first-child) .card-img-top {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-footer,
.card-group > .card:not(:first-child) .card-img-bottom {
border-bottom-left-radius: 0;
}
}
.card-columns .card {
margin-bottom: 1rem;
}
@media (min-width: 576px) {
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
}
.accordion > .card {
overflow: hidden;
}
.accordion > .card:not(:first-of-type) .card-header:first-child {
border-radius: 0;
}
.accordion > .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
border-radius: 0;
}
.accordion > .card:first-of-type {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.accordion > .card:last-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.accordion > .card .card-header {
margin-bottom: -1px;
}
.breadcrumb {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0.75rem 1rem;
margin-bottom: 0.5rem;
list-style: none;
background-color: transparent;
border-radius: 0.3125rem;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: 0.5rem;
color: #67747c;
content: ">";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none;
}
.breadcrumb-item.active {
color: #3d8ab9;
}
.pagination {
display: -ms-flexbox;
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: #297cbb;
text-decoration: none;
background-color: rgba(41, 124, 187, 0.1);
border-color: rgba(41, 124, 187, 0.1);
}
.page-link:focus {
z-index: 2;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(41, 124, 187, 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: 1;
color: #fff;
background-color: #297cbb;
border-color: #297cbb;
}
.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.25rem;
line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
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: 700;
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:focus,
a.badge:hover {
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: #297cbb;
}
a.badge-primary:focus,
a.badge-primary:hover {
color: #fff;
background-color: #206091;
}
a.badge-primary.focus,
a.badge-primary:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(41, 124, 187, 0.5);
}
.badge-secondary {
color: #fff;
background-color: #77838f;
}
a.badge-secondary:focus,
a.badge-secondary:hover {
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:focus,
a.badge-success:hover {
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: #3b444f;
background-color: #00dffc;
}
a.badge-info:focus,
a.badge-info:hover {
color: #3b444f;
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: #3b444f;
background-color: #ffc107;
}
a.badge-warning:focus,
a.badge-warning:hover {
color: #3b444f;
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:focus,
a.badge-danger:hover {
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: #3b444f;
background-color: #f8f9fa;
}
a.badge-light:focus,
a.badge-light:hover {
color: #3b444f;
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: #3b444f;
}
a.badge-dark:focus,
a.badge-dark:hover {
color: #fff;
background-color: #252b32;
}
a.badge-dark.focus,
a.badge-dark:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(59, 68, 79, 0.5);
}
.badge-white {
color: #3b444f;
background-color: #fff;
}
a.badge-white:focus,
a.badge-white:hover {
color: #3b444f;
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:focus,
a.badge-indigo:hover {
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);
}
.badge-gray {
color: #3b444f;
background-color: #ebf0f7;
}
a.badge-gray:focus,
a.badge-gray:hover {
color: #3b444f;
background-color: #c7d5e8;
}
a.badge-gray.focus,
a.badge-gray:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(235, 240, 247, 0.5);
}
.badge-violet {
color: #fff;
background-color: #532184;
}
a.badge-violet:focus,
a.badge-violet:hover {
color: #fff;
background-color: #39175b;
}
a.badge-violet.focus,
a.badge-violet:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(83, 33, 132, 0.5);
}
.badge-violet-1 {
color: #fff;
background-color: #a864a8;
}
a.badge-violet-1:focus,
a.badge-violet-1:hover {
color: #fff;
background-color: #8b4e8b;
}
a.badge-violet-1.focus,
a.badge-violet-1:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(168, 100, 168, 0.5);
}
.badge-violet-light {
color: #fff;
background-color: #6f13cd;
}
a.badge-violet-light:focus,
a.badge-violet-light:hover {
color: #fff;
background-color: #560f9e;
}
a.badge-violet-light.focus,
a.badge-violet-light:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(111, 19, 205, 0.5);
}
.badge-brown-light {
color: #3b444f;
background-color: #ceac61;
}
a.badge-brown-light:focus,
a.badge-brown-light:hover {
color: #3b444f;
background-color: #c0973c;
}
a.badge-brown-light.focus,
a.badge-brown-light:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(206, 172, 97, 0.5);
}
.badge-brown {
color: #3b444f;
background-color: #f8bd5b;
}
a.badge-brown:focus,
a.badge-brown:hover {
color: #3b444f;
background-color: #f6a92a;
}
a.badge-brown.focus,
a.badge-brown:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(248, 189, 91, 0.5);
}
.badge-maroon {
color: #fff;
background-color: #c72f74;
}
a.badge-maroon:focus,
a.badge-maroon:hover {
color: #fff;
background-color: #9e255c;
}
a.badge-maroon.focus,
a.badge-maroon:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(199, 47, 116, 0.5);
}
.badge-indigo-light {
color: #fff;
background-color: #080e7b;
}
a.badge-indigo-light:focus,
a.badge-indigo-light:hover {
color: #fff;
background-color: #05094b;
}
a.badge-indigo-light.focus,
a.badge-indigo-light:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(8, 14, 123, 0.5);
}
.badge-red-light-2 {
color: #fff;
background-color: #ff3c4e;
}
a.badge-red-light-2:focus,
a.badge-red-light-2:hover {
color: #fff;
background-color: #ff0920;
}
a.badge-red-light-2.focus,
a.badge-red-light-2:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(255, 60, 78, 0.5);
}
.badge-blue-dark-1 {
color: #fff;
background-color: #045cff;
}
a.badge-blue-dark-1:focus,
a.badge-blue-dark-1:hover {
color: #fff;
background-color: #0049d0;
}
a.badge-blue-dark-1.focus,
a.badge-blue-dark-1:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(4, 92, 255, 0.5);
}
.badge-gray-1 {
color: #fff;
background-color: #67747c;
}
a.badge-gray-1:focus,
a.badge-gray-1:hover {
color: #fff;
background-color: #505a60;
}
a.badge-gray-1.focus,
a.badge-gray-1:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(103, 116, 124, 0.5);
}
.badge-gray-2 {
color: #3b444f;
background-color: #f7f8f9;
}
a.badge-gray-2:focus,
a.badge-gray-2:hover {
color: #3b444f;
background-color: #dadfe3;
}
a.badge-gray-2.focus,
a.badge-gray-2:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(247, 248, 249, 0.5);
}
.badge-gray-3 {
color: #fff;
background-color: #3b444f;
}
a.badge-gray-3:focus,
a.badge-gray-3:hover {
color: #fff;
background-color: #252b32;
}
a.badge-gray-3.focus,
a.badge-gray-3:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(59, 68, 79, 0.5);
}
.badge-gray-4 {
color: #3b444f;
background-color: #eceff3;
}
a.badge-gray-4:focus,
a.badge-gray-4:hover {
color: #3b444f;
background-color: #cdd5df;
}
a.badge-gray-4.focus,
a.badge-gray-4:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(236, 239, 243, 0.5);
}
.badge-blue {
color: #3b444f;
background-color: #43c5db;
}
a.badge-blue:focus,
a.badge-blue:hover {
color: #3b444f;
background-color: #26aec5;
}
a.badge-blue.focus,
a.badge-blue:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(67, 197, 219, 0.5);
}
.badge-blue-1 {
color: #fff;
background-color: #297cbb;
}
a.badge-blue-1:focus,
a.badge-blue-1:hover {
color: #fff;
background-color: #206091;
}
a.badge-blue-1.focus,
a.badge-blue-1:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(41, 124, 187, 0.5);
}
.badge-gray-5 {
color: #fff;
background-color: #18181b;
}
a.badge-gray-5:focus,
a.badge-gray-5:hover {
color: #fff;
background-color: #000;
}
a.badge-gray-5.focus,
a.badge-gray-5:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(24, 24, 27, 0.5);
}
.badge-gray-6 {
color: #fff;
background-color: #18181a;
}
a.badge-gray-6:focus,
a.badge-gray-6:hover {
color: #fff;
background-color: #000;
}
a.badge-gray-6.focus,
a.badge-gray-6:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(24, 24, 26, 0.5);
}
.badge-gray-7 {
color: #fff;
background-color: #5c6770;
}
a.badge-gray-7:focus,
a.badge-gray-7:hover {
color: #fff;
background-color: #454d54;
}
a.badge-gray-7.focus,
a.badge-gray-7:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(92, 103, 112, 0.5);
}
.badge-gray-8 {
color: #3b444f;
background-color: #c5cdd8;
}
a.badge-gray-8:focus,
a.badge-gray-8:hover {
color: #3b444f;
background-color: #a7b3c3;
}
a.badge-gray-8.focus,
a.badge-gray-8:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(197, 205, 216, 0.5);
}
.badge-gray-9 {
color: #3b444f;
background-color: #9fa9b8;
}
a.badge-gray-9:focus,
a.badge-gray-9:hover {
color: #3b444f;
background-color: #828fa2;
}
a.badge-gray-9.focus,
a.badge-gray-9:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(159, 169, 184, 0.5);
}
.badge-gray-10 {
color: #3b444f;
background-color: #c1c1c1;
}
a.badge-gray-10:focus,
a.badge-gray-10:hover {
color: #3b444f;
background-color: #a8a8a8;
}
a.badge-gray-10.focus,
a.badge-gray-10:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(193, 193, 193, 0.5);
}
.badge-gray-11 {
color: #fff;
background-color: #484848;
}
a.badge-gray-11:focus,
a.badge-gray-11:hover {
color: #fff;
background-color: #2f2f2f;
}
a.badge-gray-11.focus,
a.badge-gray-11:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(72, 72, 72, 0.5);
}
.badge-gray-23 {
color: #3b444f;
background-color: #f4f4f4;
}
a.badge-gray-23:focus,
a.badge-gray-23:hover {
color: #3b444f;
background-color: #dbdbdb;
}
a.badge-gray-23.focus,
a.badge-gray-23:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(244, 244, 244, 0.5);
}
.badge-gray-33 {
color: #3b444f;
background-color: #ebf0f7;
}
a.badge-gray-33:focus,
a.badge-gray-33:hover {
color: #3b444f;
background-color: #c7d5e8;
}
a.badge-gray-33.focus,
a.badge-gray-33:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(235, 240, 247, 0.5);
}
.badge-sea-green {
color: #fff;
background-color: #1d508d;
}
a.badge-sea-green:focus,
a.badge-sea-green:hover {
color: #fff;
background-color: #143863;
}
a.badge-sea-green.focus,
a.badge-sea-green:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(29, 80, 141, 0.5);
}
.badge-dark-1 {
color: #fff;
background-color: #1e2022;
}
a.badge-dark-1:focus,
a.badge-dark-1:hover {
color: #fff;
background-color: #060707;
}
a.badge-dark-1.focus,
a.badge-dark-1:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(30, 32, 34, 0.5);
}
.badge-navy {
color: #fff;
background-color: #0057ff;
}
a.badge-navy:focus,
a.badge-navy:hover {
color: #fff;
background-color: #0046cc;
}
a.badge-navy.focus,
a.badge-navy:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 87, 255, 0.5);
}
.badge-pink {
color: #3b444f;
background-color: #ffe5ee;
}
a.badge-pink:focus,
a.badge-pink:hover {
color: #3b444f;
background-color: #ffb2cd;
}
a.badge-pink.focus,
a.badge-pink:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(255, 229, 238, 0.5);
}
.badge-dark-2 {
color: #fff;
background-color: #1a2b49;
}
a.badge-dark-2:focus,
a.badge-dark-2:hover {
color: #fff;
background-color: #0d1523;
}
a.badge-dark-2.focus,
a.badge-dark-2:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(26, 43, 73, 0.5);
}
.badge-yellow-lighter-2 {
color: #3b444f;
background-color: #f7bc5a;
}
a.badge-yellow-lighter-2:focus,
a.badge-yellow-lighter-2:hover {
color: #3b444f;
background-color: #f5a829;
}
a.badge-yellow-lighter-2.focus,
a.badge-yellow-lighter-2:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(247, 188, 90, 0.5);
}
.badge-orange {
color: #fff;
background-color: #f05700;
}
a.badge-orange:focus,
a.badge-orange:hover {
color: #fff;
background-color: #bd4500;
}
a.badge-orange.focus,
a.badge-orange:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(240, 87, 0, 0.5);
}
.badge-green {
color: #fff;
background-color: #28871c;
}
a.badge-green:focus,
a.badge-green:hover {
color: #fff;
background-color: #1b5d13;
}
a.badge-green.focus,
a.badge-green:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(40, 135, 28, 0.5);
}
.badge-pink-1 {
color: #fff;
background-color: #ff0045;
}
a.badge-pink-1:focus,
a.badge-pink-1:hover {
color: #fff;
background-color: #cc0037;
}
a.badge-pink-1.focus,
a.badge-pink-1:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(255, 0, 69, 0.5);
}
.badge-purple-1 {
color: #fff;
background-color: #232753;
}
a.badge-purple-1:focus,
a.badge-purple-1:hover {
color: #fff;
background-color: #14162f;
}
a.badge-purple-1.focus,
a.badge-purple-1:focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(35, 39, 83, 0.5);
}
.badge-soft-primary {
color: #3a2ca3;
background-color: #dedaff;
}
.badge-soft-primary[href]:focus,
.badge-soft-primary[href]:hover {
text-decoration: none;
color: #3a2ca3;
background-color: #b1a7ff;
}
.badge-soft-secondary {
color: #3c3e57;
background-color: #d5d6db;
}
.badge-soft-secondary[href]:focus,
.badge-soft-secondary[href]:hover {
text-decoration: none;
color: #3c3e57;
background-color: #babbc3;
}
.badge-soft-success {
color: #238a5f;
background-color: #d7f7ea;
}
.badge-soft-success[href]:focus,
.badge-soft-success[href]:hover {
text-decoration: none;
color: #238a5f;
background-color: #adefd4;
}
.badge-soft-info {
color: #2f709f;
background-color: #dbeffe;
}
.badge-soft-info[href]:focus,
.badge-soft-info[href]:hover {
text-decoration: none;
color: #2f709f;
background-color: #a9d9fd;
}
.badge-soft-warning {
color: #cb9340;
background-color: #fff3e1;
}
.badge-soft-warning[href]:focus,
.badge-soft-warning[href]:hover {
text-decoration: none;
color: #cb9340;
background-color: #ffdda9;
}
.badge-soft-danger {
color: #a31f3f;
background-color: #ffd6e0;
}
.badge-soft-danger[href]:focus,
.badge-soft-danger[href]:hover {
text-decoration: none;
color: #a31f3f;
background-color: #ffa3b9;
}
.badge-soft-light {
color: #a0a0a3;
background-color: #fefeff;
}
.badge-soft-light[href]:focus,
.badge-soft-light[href]:hover {
text-decoration: none;
color: #a0a0a3;
background-color: #cbcbff;
}
.badge-soft-dark {
color: #070811;
background-color: #cecfd1;
}
.badge-soft-dark[href]:focus,
.badge-soft-dark[href]:hover {
text-decoration: none;
color: #070811;
background-color: #b4b5b8;
}
.badge-soft-extra-1 {
color: #111321;
background-color: #d1d2d6;
}
.badge-soft-extra-1[href]:focus,
.badge-soft-extra-1[href]:hover {
text-decoration: none;
color: #111321;
background-color: #b6b8be;
}
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #f8fafd;
border-radius: 0.3rem;
}
@media (min-width: 576px) {
.jumbotron {
padding: 4rem 2rem;
}
}
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0;
}
.alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 0 solid transparent;
border-radius: 0.3125rem;
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: 700;
}
.alert-dismissible {
padding-right: 3.75rem;
}
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: 0.75rem 1.25rem;
color: inherit;
}
.alert-primary {
color: #154061;
background-color: #d4e5f1;
border-color: #c3daec;
}
.alert-primary hr {
border-top-color: #b0cee6;
}
.alert-primary .alert-link {
color: #0c2437;
}
.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-soft-primary {
color: #377dff;
background-color: rgba(55, 125, 255, 0.1);
}
.alert-soft-primary .alert-link {
color: #377dff;
}
.alert-soft-primary .alert-link:hover {
color: #1366ff;
}
.alert-soft-secondary {
color: #71869d;
background-color: rgba(113, 134, 157, 0.1);
}
.alert-soft-secondary .alert-link {
color: #71869d;
}
.alert-soft-secondary .alert-link:hover {
color: #60748b;
}
.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: #1f2329;
background-color: #d8dadc;
border-color: #c8cbce;
}
.alert-dark hr {
border-top-color: #bbbec2;
}
.alert-dark .alert-link {
color: #090a0c;
}
.alert-white {
color: #858585;
background-color: #fff;
border-color: #fff;
}
.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;
}
.alert-gray {
color: #7a7d80;
background-color: #fbfcfd;
border-color: #f9fbfd;
}
.alert-gray hr {
border-top-color: #e6eef7;
}
.alert-gray .alert-link {
color: #616466;
}
.alert-violet {
color: #2b1145;
background-color: #ddd3e6;
border-color: #cfc1dd;
}
.alert-violet hr {
border-top-color: #c2b1d4;
}
.alert-violet .alert-link {
color: #12071c;
}
.alert-violet-1 {
color: #573457;
background-color: #eee0ee;
border-color: #e7d4e7;
}
.alert-violet-1 hr {
border-top-color: #dec4de;
}
.alert-violet-1 .alert-link {
color: #372137;
}
.alert-violet-light {
color: #3a0a6b;
background-color: #e2d0f5;
border-color: #d7bdf1;
}
.alert-violet-light hr {
border-top-color: #caa8ed;
}
.alert-violet-light .alert-link {
color: #21063c;
}
.alert-brown-light {
color: #6b5932;
background-color: #f5eedf;
border-color: #f1e8d3;
}
.alert-brown-light hr {
border-top-color: #ebdec0;
}
.alert-brown-light .alert-link {
color: #483c22;
}
.alert-brown {
color: #81622f;
background-color: #fef2de;
border-color: #fdedd1;
}
.alert-brown hr {
border-top-color: #fce3b9;
}
.alert-brown .alert-link {
color: #5c4621;
}
.alert-maroon {
color: #67183c;
background-color: #f4d5e3;
border-color: #efc5d8;
}
.alert-maroon hr {
border-top-color: #e9b1cb;
}
.alert-maroon .alert-link {
color: #3e0e24;
}
.alert-indigo-light {
color: #040740;
background-color: #cecfe5;
border-color: #babcda;
}
.alert-indigo-light hr {
border-top-color: #a9acd1;
}
.alert-indigo-light .alert-link {
color: #010210;
}
.alert-red-light-2 {
color: #851f29;
background-color: #ffd8dc;
border-color: #ffc8cd;
}
.alert-red-light-2 hr {
border-top-color: #ffafb6;
}
.alert-red-light-2 .alert-link {
color: #5c151c;
}
.alert-blue-dark-1 {
color: #023085;
background-color: #cddeff;
border-color: #b9d1ff;
}
.alert-blue-dark-1 hr {
border-top-color: #a0c0ff;
}
.alert-blue-dark-1 .alert-link {
color: #011e53;
}
.alert-gray-1 {
color: #363c40;
background-color: #e1e3e5;
border-color: #d4d8da;
}
.alert-gray-1 hr {
border-top-color: #c6ccce;
}
.alert-gray-1 .alert-link {
color: #1f2224;
}
.alert-gray-2 {
color: #808181;
background-color: #fdfefe;
border-color: #fdfdfd;
}
.alert-gray-2 hr {
border-top-color: #f0f0f0;
}
.alert-gray-2 .alert-link {
color: #676767;
}
.alert-gray-3 {
color: #1f2329;
background-color: #d8dadc;
border-color: #c8cbce;
}
.alert-gray-3 hr {
border-top-color: #bbbec2;
}
.alert-gray-3 .alert-link {
color: #090a0c;
}
.alert-gray-4 {
color: #7b7c7e;
background-color: #fbfcfd;
border-color: #fafbfc;
}
.alert-gray-4 hr {
border-top-color: #eaeef2;
}
.alert-gray-4 .alert-link {
color: #626364;
}
.alert-blue {
color: #236672;
background-color: #d9f3f8;
border-color: #caeff5;
}
.alert-blue hr {
border-top-color: #b5e9f1;
}
.alert-blue .alert-link {
color: #17434b;
}
.alert-blue-1 {
color: #154061;
background-color: #d4e5f1;
border-color: #c3daec;
}
.alert-blue-1 hr {
border-top-color: #b0cee6;
}
.alert-blue-1 .alert-link {
color: #0c2437;
}
.alert-gray-5 {
color: #0c0c0e;
background-color: #d1d1d1;
border-color: #bebebf;
}
.alert-gray-5 hr {
border-top-color: #b1b1b2;
}
.alert-gray-5 .alert-link {
color: #000;
}
.alert-gray-6 {
color: #0c0c0e;
background-color: #d1d1d1;
border-color: #bebebf;
}
.alert-gray-6 hr {
border-top-color: #b1b1b2;
}
.alert-gray-6 .alert-link {
color: #000;
}
.alert-gray-7 {
color: #30363a;
background-color: #dee1e2;
border-color: #d1d4d7;
}
.alert-gray-7 hr {
border-top-color: #c3c7cb;
}
.alert-gray-7 .alert-link {
color: #191c1e;
}
.alert-gray-8 {
color: #666b70;
background-color: #f3f5f7;
border-color: #eff1f4;
}
.alert-gray-8 hr {
border-top-color: #e0e4ea;
}
.alert-gray-8 .alert-link {
color: #4e5255;
}
.alert-gray-9 {
color: #535860;
background-color: #eceef1;
border-color: #e4e7eb;
}
.alert-gray-9 hr {
border-top-color: #d5dae0;
}
.alert-gray-9 .alert-link {
color: #3b3f45;
}
.alert-gray-10 {
color: #646464;
background-color: #f3f3f3;
border-color: #eee;
}
.alert-gray-10 hr {
border-top-color: #e1e1e1;
}
.alert-gray-10 .alert-link {
color: #4b4b4b;
}
.alert-gray-11 {
color: #252525;
background-color: #dadada;
border-color: #ccc;
}
.alert-gray-11 hr {
border-top-color: #bfbfbf;
}
.alert-gray-11 .alert-link {
color: #0c0c0c;
}
.alert-gray-23 {
color: #7f7f7f;
background-color: #fdfdfd;
border-color: #fcfcfc;
}
.alert-gray-23 hr {
border-top-color: #efefef;
}
.alert-gray-23 .alert-link {
color: #666;
}
.alert-gray-33 {
color: #7a7d80;
background-color: #fbfcfd;
border-color: #f9fbfd;
}
.alert-gray-33 hr {
border-top-color: #e6eef7;
}
.alert-gray-33 .alert-link {
color: #616466;
}
.alert-sea-green {
color: #0f2a49;
background-color: #d2dce8;
border-color: #c0cedf;
}
.alert-sea-green hr {
border-top-color: #afc1d6;
}
.alert-sea-green .alert-link {
color: #06121f;
}
.alert-dark-1 {
color: #101112;
background-color: #d2d2d3;
border-color: #c0c1c1;
}
.alert-dark-1 hr {
border-top-color: #b3b4b4;
}
.alert-dark-1 .alert-link {
color: #000;
}
.alert-navy {
color: #002d85;
background-color: #cdf;
border-color: #b8d0ff;
}
.alert-navy hr {
border-top-color: #9fbfff;
}
.alert-navy .alert-link {
color: #001c52;
}
.alert-pink {
color: #85777c;
background-color: #fffafc;
border-color: #fff8fa;
}
.alert-pink hr {
border-top-color: #ffdfe8;
}
.alert-pink .alert-link {
color: #6a5f63;
}
.alert-dark-2 {
color: #0e1626;
background-color: #d1d5db;
border-color: #bfc4cc;
}
.alert-dark-2 hr {
border-top-color: #b1b7c1;
}
.alert-dark-2 .alert-link {
color: #000001;
}
.alert-yellow-lighter-2 {
color: #80622f;
background-color: #fdf2de;
border-color: #fdecd1;
}
.alert-yellow-lighter-2 hr {
border-top-color: #fce2b9;
}
.alert-yellow-lighter-2 .alert-link {
color: #5b4521;
}
.alert-orange {
color: #7d2d00;
background-color: #fcddcc;
border-color: #fbd0b8;
}
.alert-orange hr {
border-top-color: #fac0a0;
}
.alert-orange .alert-link {
color: #4a1b00;
}
.alert-green {
color: #15460f;
background-color: #d4e7d2;
border-color: #c3ddbf;
}
.alert-green hr {
border-top-color: #b3d4ae;
}
.alert-green .alert-link {
color: #081c06;
}
.alert-pink-1 {
color: #850024;
background-color: #ffccda;
border-color: #ffb8cb;
}
.alert-pink-1 hr {
border-top-color: #ff9fb8;
}
.alert-pink-1 .alert-link {
color: #520016;
}
.alert-purple-1 {
color: #12142b;
background-color: #d3d4dd;
border-color: #c1c3cf;
}
.alert-purple-1 hr {
border-top-color: #b3b5c4;
}
.alert-purple-1 .alert-link {
color: #030307;
}
@-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: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.75rem;
background-color: #f8fafd;
border-radius: 0.3125rem;
}
.progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #297cbb;
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: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
.media-body {
-ms-flex: 1;
flex: 1;
}
.list-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
}
.list-group-item-action {
width: 100%;
color: #77838f;
text-align: inherit;
}
.list-group-item-action:focus,
.list-group-item-action:hover {
z-index: 1;
color: #297cbb;
text-decoration: none;
background-color: transparent;
}
.list-group-item-action:active {
color: #297cbb;
background-color: transparent;
}
.list-group-item {
position: relative;
display: block;
padding: 0.425rem 1.25rem;
margin-bottom: -1px;
border: 1px solid #e7eaf3;
}
.list-group-item:first-child {
border-top-left-radius: 0.3125rem;
border-top-right-radius: 0.3125rem;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
}
.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: #297cbb;
border-color: #297cbb;
}
.list-group-horizontal {
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal .list-group-item {
margin-right: -1px;
margin-bottom: 0;
}
.list-group-horizontal .list-group-item:first-child {
border-top-left-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0;
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal-sm .list-group-item {
margin-right: -1px;
margin-bottom: 0;
}
.list-group-horizontal-sm .list-group-item:first-child {
border-top-left-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
border-top-right-radius: 0;
}
.list-group-horizontal-sm .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0;
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal-md .list-group-item {
margin-right: -1px;
margin-bottom: 0;
}
.list-group-horizontal-md .list-group-item:first-child {
border-top-left-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
border-top-right-radius: 0;
}
.list-group-horizontal-md .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0;
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal-lg .list-group-item {
margin-right: -1px;
margin-bottom: 0;
}
.list-group-horizontal-lg .list-group-item:first-child {
border-top-left-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
border-top-right-radius: 0;
}
.list-group-horizontal-lg .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0;
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal-xl .list-group-item {
margin-right: -1px;
margin-bottom: 0;
}
.list-group-horizontal-xl .list-group-item:first-child {
border-top-left-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xl .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0;
}
}
@media (min-width: 1480px) {
.list-group-horizontal-wd {
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal-wd .list-group-item {
margin-right: -1px;
margin-bottom: 0;
}
.list-group-horizontal-wd .list-group-item:first-child {
border-top-left-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
border-top-right-radius: 0;
}
.list-group-horizontal-wd .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0;
}
}
.list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.list-group-flush .list-group-item:last-child {
margin-bottom: -1px;
}
.list-group-flush:first-child .list-group-item:first-child {
border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
margin-bottom: 0;
border-bottom: 0;
}
.list-group-item-primary {
color: #154061;
background-color: #c3daec;
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
color: #154061;
background-color: #b0cee6;
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #154061;
border-color: #154061;
}
.list-group-item-secondary {
color: #3e444a;
background-color: #d9dce0;
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
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:focus,
.list-group-item-success.list-group-item-action:hover {
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:focus,
.list-group-item-info.list-group-item-action:hover {
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:focus,
.list-group-item-warning.list-group-item-action:hover {
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:focus,
.list-group-item-danger.list-group-item-action:hover {
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:focus,
.list-group-item-light.list-group-item-action:hover {
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: #1f2329;
background-color: #c8cbce;
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
color: #1f2329;
background-color: #bbbec2;
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1f2329;
border-color: #1f2329;
}
.list-group-item-white {
color: #858585;
background-color: #fff;
}
.list-group-item-white.list-group-item-action:focus,
.list-group-item-white.list-group-item-action:hover {
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:focus,
.list-group-item-indigo.list-group-item-action:hover {
color: #170b44;
background-color: #b5acd3;
}
.list-group-item-indigo.list-group-item-action.active {
color: #fff;
background-color: #170b44;
border-color: #170b44;
}
.list-group-item-gray {
color: #7a7d80;
background-color: #f9fbfd;
}
.list-group-item-gray.list-group-item-action:focus,
.list-group-item-gray.list-group-item-action:hover {
color: #7a7d80;
background-color: #e6eef7;
}
.list-group-item-gray.list-group-item-action.active {
color: #fff;
background-color: #7a7d80;
border-color: #7a7d80;
}
.list-group-item-violet {
color: #2b1145;
background-color: #cfc1dd;
}
.list-group-item-violet.list-group-item-action:focus,
.list-group-item-violet.list-group-item-action:hover {
color: #2b1145;
background-color: #c2b1d4;
}
.list-group-item-violet.list-group-item-action.active {
color: #fff;
background-color: #2b1145;
border-color: #2b1145;
}
.list-group-item-violet-1 {
color: #573457;
background-color: #e7d4e7;
}
.list-group-item-violet-1.list-group-item-action:focus,
.list-group-item-violet-1.list-group-item-action:hover {
color: #573457;
background-color: #dec4de;
}
.list-group-item-violet-1.list-group-item-action.active {
color: #fff;
background-color: #573457;
border-color: #573457;
}
.list-group-item-violet-light {
color: #3a0a6b;
background-color: #d7bdf1;
}
.list-group-item-violet-light.list-group-item-action:focus,
.list-group-item-violet-light.list-group-item-action:hover {
color: #3a0a6b;
background-color: #caa8ed;
}
.list-group-item-violet-light.list-group-item-action.active {
color: #fff;
background-color: #3a0a6b;
border-color: #3a0a6b;
}
.list-group-item-brown-light {
color: #6b5932;
background-color: #f1e8d3;
}
.list-group-item-brown-light.list-group-item-action:focus,
.list-group-item-brown-light.list-group-item-action:hover {
color: #6b5932;
background-color: #ebdec0;
}
.list-group-item-brown-light.list-group-item-action.active {
color: #fff;
background-color: #6b5932;
border-color: #6b5932;
}
.list-group-item-brown {
color: #81622f;
background-color: #fdedd1;
}
.list-group-item-brown.list-group-item-action:focus,
.list-group-item-brown.list-group-item-action:hover {
color: #81622f;
background-color: #fce3b9;
}
.list-group-item-brown.list-group-item-action.active {
color: #fff;
background-color: #81622f;
border-color: #81622f;
}
.list-group-item-maroon {
color: #67183c;
background-color: #efc5d8;
}
.list-group-item-maroon.list-group-item-action:focus,
.list-group-item-maroon.list-group-item-action:hover {
color: #67183c;
background-color: #e9b1cb;
}
.list-group-item-maroon.list-group-item-action.active {
color: #fff;
background-color: #67183c;
border-color: #67183c;
}
.list-group-item-indigo-light {
color: #040740;
background-color: #babcda;
}
.list-group-item-indigo-light.list-group-item-action:focus,
.list-group-item-indigo-light.list-group-item-action:hover {
color: #040740;
background-color: #a9acd1;
}
.list-group-item-indigo-light.list-group-item-action.active {
color: #fff;
background-color: #040740;
border-color: #040740;
}
.list-group-item-red-light-2 {
color: #851f29;
background-color: #ffc8cd;
}
.list-group-item-red-light-2.list-group-item-action:focus,
.list-group-item-red-light-2.list-group-item-action:hover {
color: #851f29;
background-color: #ffafb6;
}
.list-group-item-red-light-2.list-group-item-action.active {
color: #fff;
background-color: #851f29;
border-color: #851f29;
}
.list-group-item-blue-dark-1 {
color: #023085;
background-color: #b9d1ff;
}
.list-group-item-blue-dark-1.list-group-item-action:focus,
.list-group-item-blue-dark-1.list-group-item-action:hover {
color: #023085;
background-color: #a0c0ff;
}
.list-group-item-blue-dark-1.list-group-item-action.active {
color: #fff;
background-color: #023085;
border-color: #023085;
}
.list-group-item-gray-1 {
color: #363c40;
background-color: #d4d8da;
}
.list-group-item-gray-1.list-group-item-action:focus,
.list-group-item-gray-1.list-group-item-action:hover {
color: #363c40;
background-color: #c6ccce;
}
.list-group-item-gray-1.list-group-item-action.active {
color: #fff;
background-color: #363c40;
border-color: #363c40;
}
.list-group-item-gray-2 {
color: #808181;
background-color: #fdfdfd;
}
.list-group-item-gray-2.list-group-item-action:focus,
.list-group-item-gray-2.list-group-item-action:hover {
color: #808181;
background-color: #f0f0f0;
}
.list-group-item-gray-2.list-group-item-action.active {
color: #fff;
background-color: #808181;
border-color: #808181;
}
.list-group-item-gray-3 {
color: #1f2329;
background-color: #c8cbce;
}
.list-group-item-gray-3.list-group-item-action:focus,
.list-group-item-gray-3.list-group-item-action:hover {
color: #1f2329;
background-color: #bbbec2;
}
.list-group-item-gray-3.list-group-item-action.active {
color: #fff;
background-color: #1f2329;
border-color: #1f2329;
}
.list-group-item-gray-4 {
color: #7b7c7e;
background-color: #fafbfc;
}
.list-group-item-gray-4.list-group-item-action:focus,
.list-group-item-gray-4.list-group-item-action:hover {
color: #7b7c7e;
background-color: #eaeef2;
}
.list-group-item-gray-4.list-group-item-action.active {
color: #fff;
background-color: #7b7c7e;
border-color: #7b7c7e;
}
.list-group-item-blue {
color: #236672;
background-color: #caeff5;
}
.list-group-item-blue.list-group-item-action:focus,
.list-group-item-blue.list-group-item-action:hover {
color: #236672;
background-color: #b5e9f1;
}
.list-group-item-blue.list-group-item-action.active {
color: #fff;
background-color: #236672;
border-color: #236672;
}
.list-group-item-blue-1 {
color: #154061;
background-color: #c3daec;
}
.list-group-item-blue-1.list-group-item-action:focus,
.list-group-item-blue-1.list-group-item-action:hover {
color: #154061;
background-color: #b0cee6;
}
.list-group-item-blue-1.list-group-item-action.active {
color: #fff;
background-color: #154061;
border-color: #154061;
}
.list-group-item-gray-5 {
color: #0c0c0e;
background-color: #bebebf;
}
.list-group-item-gray-5.list-group-item-action:focus,
.list-group-item-gray-5.list-group-item-action:hover {
color: #0c0c0e;
background-color: #b1b1b2;
}
.list-group-item-gray-5.list-group-item-action.active {
color: #fff;
background-color: #0c0c0e;
border-color: #0c0c0e;
}
.list-group-item-gray-6 {
color: #0c0c0e;
background-color: #bebebf;
}
.list-group-item-gray-6.list-group-item-action:focus,
.list-group-item-gray-6.list-group-item-action:hover {
color: #0c0c0e;
background-color: #b1b1b2;
}
.list-group-item-gray-6.list-group-item-action.active {
color: #fff;
background-color: #0c0c0e;
border-color: #0c0c0e;
}
.list-group-item-gray-7 {
color: #30363a;
background-color: #d1d4d7;
}
.list-group-item-gray-7.list-group-item-action:focus,
.list-group-item-gray-7.list-group-item-action:hover {
color: #30363a;
background-color: #c3c7cb;
}
.list-group-item-gray-7.list-group-item-action.active {
color: #fff;
background-color: #30363a;
border-color: #30363a;
}
.list-group-item-gray-8 {
color: #666b70;
background-color: #eff1f4;
}
.list-group-item-gray-8.list-group-item-action:focus,
.list-group-item-gray-8.list-group-item-action:hover {
color: #666b70;
background-color: #e0e4ea;
}
.list-group-item-gray-8.list-group-item-action.active {
color: #fff;
background-color: #666b70;
border-color: #666b70;
}
.list-group-item-gray-9 {
color: #535860;
background-color: #e4e7eb;
}
.list-group-item-gray-9.list-group-item-action:focus,
.list-group-item-gray-9.list-group-item-action:hover {
color: #535860;
background-color: #d5dae0;
}
.list-group-item-gray-9.list-group-item-action.active {
color: #fff;
background-color: #535860;
border-color: #535860;
}
.list-group-item-gray-10 {
color: #646464;
background-color: #eee;
}
.list-group-item-gray-10.list-group-item-action:focus,
.list-group-item-gray-10.list-group-item-action:hover {
color: #646464;
background-color: #e1e1e1;
}
.list-group-item-gray-10.list-group-item-action.active {
color: #fff;
background-color: #646464;
border-color: #646464;
}
.list-group-item-gray-11 {
color: #252525;
background-color: #ccc;
}
.list-group-item-gray-11.list-group-item-action:focus,
.list-group-item-gray-11.list-group-item-action:hover {
color: #252525;
background-color: #bfbfbf;
}
.list-group-item-gray-11.list-group-item-action.active {
color: #fff;
background-color: #252525;
border-color: #252525;
}
.list-group-item-gray-23 {
color: #7f7f7f;
background-color: #fcfcfc;
}
.list-group-item-gray-23.list-group-item-action:focus,
.list-group-item-gray-23.list-group-item-action:hover {
color: #7f7f7f;
background-color: #efefef;
}
.list-group-item-gray-23.list-group-item-action.active {
color: #fff;
background-color: #7f7f7f;
border-color: #7f7f7f;
}
.list-group-item-gray-33 {
color: #7a7d80;
background-color: #f9fbfd;
}
.list-group-item-gray-33.list-group-item-action:focus,
.list-group-item-gray-33.list-group-item-action:hover {
color: #7a7d80;
background-color: #e6eef7;
}
.list-group-item-gray-33.list-group-item-action.active {
color: #fff;
background-color: #7a7d80;
border-color: #7a7d80;
}
.list-group-item-sea-green {
color: #0f2a49;
background-color: #c0cedf;
}
.list-group-item-sea-green.list-group-item-action:focus,
.list-group-item-sea-green.list-group-item-action:hover {
color: #0f2a49;
background-color: #afc1d6;
}
.list-group-item-sea-green.list-group-item-action.active {
color: #fff;
background-color: #0f2a49;
border-color: #0f2a49;
}
.list-group-item-dark-1 {
color: #101112;
background-color: #c0c1c1;
}
.list-group-item-dark-1.list-group-item-action:focus,
.list-group-item-dark-1.list-group-item-action:hover {
color: #101112;
background-color: #b3b4b4;
}
.list-group-item-dark-1.list-group-item-action.active {
color: #fff;
background-color: #101112;
border-color: #101112;
}
.list-group-item-navy {
color: #002d85;
background-color: #b8d0ff;
}
.list-group-item-navy.list-group-item-action:focus,
.list-group-item-navy.list-group-item-action:hover {
color: #002d85;
background-color: #9fbfff;
}
.list-group-item-navy.list-group-item-action.active {
color: #fff;
background-color: #002d85;
border-color: #002d85;
}
.list-group-item-pink {
color: #85777c;
background-color: #fff8fa;
}
.list-group-item-pink.list-group-item-action:focus,
.list-group-item-pink.list-group-item-action:hover {
color: #85777c;
background-color: #ffdfe8;
}
.list-group-item-pink.list-group-item-action.active {
color: #fff;
background-color: #85777c;
border-color: #85777c;
}
.list-group-item-dark-2 {
color: #0e1626;
background-color: #bfc4cc;
}
.list-group-item-dark-2.list-group-item-action:focus,
.list-group-item-dark-2.list-group-item-action:hover {
color: #0e1626;
background-color: #b1b7c1;
}
.list-group-item-dark-2.list-group-item-action.active {
color: #fff;
background-color: #0e1626;
border-color: #0e1626;
}
.list-group-item-yellow-lighter-2 {
color: #80622f;
background-color: #fdecd1;
}
.list-group-item-yellow-lighter-2.list-group-item-action:focus,
.list-group-item-yellow-lighter-2.list-group-item-action:hover {
color: #80622f;
background-color: #fce2b9;
}
.list-group-item-yellow-lighter-2.list-group-item-action.active {
color: #fff;
background-color: #80622f;
border-color: #80622f;
}
.list-group-item-orange {
color: #7d2d00;
background-color: #fbd0b8;
}
.list-group-item-orange.list-group-item-action:focus,
.list-group-item-orange.list-group-item-action:hover {
color: #7d2d00;
background-color: #fac0a0;
}
.list-group-item-orange.list-group-item-action.active {
color: #fff;
background-color: #7d2d00;
border-color: #7d2d00;
}
.list-group-item-green {
color: #15460f;
background-color: #c3ddbf;
}
.list-group-item-green.list-group-item-action:focus,
.list-group-item-green.list-group-item-action:hover {
color: #15460f;
background-color: #b3d4ae;
}
.list-group-item-green.list-group-item-action.active {
color: #fff;
background-color: #15460f;
border-color: #15460f;
}
.list-group-item-pink-1 {
color: #850024;
background-color: #ffb8cb;
}
.list-group-item-pink-1.list-group-item-action:focus,
.list-group-item-pink-1.list-group-item-action:hover {
color: #850024;
background-color: #ff9fb8;
}
.list-group-item-pink-1.list-group-item-action.active {
color: #fff;
background-color: #850024;
border-color: #850024;
}
.list-group-item-purple-1 {
color: #12142b;
background-color: #c1c3cf;
}
.list-group-item-purple-1.list-group-item-action:focus,
.list-group-item-purple-1.list-group-item-action:hover {
color: #12142b;
background-color: #b3b5c4;
}
.list-group-item-purple-1.list-group-item-action.active {
color: #fff;
background-color: #12142b;
border-color: #12142b;
}
.close {
float: right;
font-size: 1.25rem;
font-weight: 700;
line-height: 1;
color: #3b444f;
}
.close:hover {
color: #3b444f;
text-decoration: none;
}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
opacity: 0.75;
}
button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
a.close.disabled {
pointer-events: none;
}
.toast {
max-width: 350px;
overflow: hidden;
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);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
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: -ms-flexbox;
display: flex;
-ms-flex-align: center;
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);
}
.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: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none;
}
.modal-dialog-scrollable {
display: -ms-flexbox;
display: flex;
max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden;
}
.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
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: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
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.3rem;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #e7eaf3;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem;
}
.modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e7eaf3;
border-bottom-right-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
}
.modal-footer > :not(:first-child) {
margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
margin-right: 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);
}
.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: Rubik, 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.875rem;
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-auto[x-placement^="top"],
.bs-tooltip-top {
padding: 0.4rem 0;
}
.bs-tooltip-auto[x-placement^="top"] .arrow,
.bs-tooltip-top .arrow {
bottom: 0;
}
.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before {
top: 0;
border-width: 0.4rem 0.4rem 0;
border-top-color: #297cbb;
}
.bs-tooltip-auto[x-placement^="right"],
.bs-tooltip-right {
padding: 0 0.4rem;
}
.bs-tooltip-auto[x-placement^="right"] .arrow,
.bs-tooltip-right .arrow {
left: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-right .arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #297cbb;
}
.bs-tooltip-auto[x-placement^="bottom"],
.bs-tooltip-bottom {
padding: 0.4rem 0;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow,
.bs-tooltip-bottom .arrow {
top: 0;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
bottom: 0;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #297cbb;
}
.bs-tooltip-auto[x-placement^="left"],
.bs-tooltip-left {
padding: 0 0.4rem;
}
.bs-tooltip-auto[x-placement^="left"] .arrow,
.bs-tooltip-left .arrow {
right: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-left .arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #297cbb;
}
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #297cbb;
border-radius: 0.3125rem;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: Rubik, 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.875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
}
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 0.3rem;
}
.popover .arrow::after,
.popover .arrow::before {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-popover-auto[x-placement^="top"],
.bs-popover-top {
margin-bottom: 0.5rem;
}
.bs-popover-auto[x-placement^="top"] > .arrow,
.bs-popover-top > .arrow {
bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-auto[x-placement^="top"] > .arrow::before,
.bs-popover-top > .arrow::before {
bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="top"] > .arrow::after,
.bs-popover-top > .arrow::after {
bottom: 1px;
border-width: 0.5rem 0.5rem 0;
border-top-color: #fff;
}
.bs-popover-auto[x-placement^="right"],
.bs-popover-right {
margin-left: 0.5rem;
}
.bs-popover-auto[x-placement^="right"] > .arrow,
.bs-popover-right > .arrow {
left: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
}
.bs-popover-auto[x-placement^="right"] > .arrow::before,
.bs-popover-right > .arrow::before {
left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="right"] > .arrow::after,
.bs-popover-right > .arrow::after {
left: 1px;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #fff;
}
.bs-popover-auto[x-placement^="bottom"],
.bs-popover-bottom {
margin-top: 0.5rem;
}
.bs-popover-auto[x-placement^="bottom"] > .arrow,
.bs-popover-bottom > .arrow {
top: calc((0.5rem + 1px) * -1);
}
.bs-popover-auto[x-placement^="bottom"] > .arrow::before,
.bs-popover-bottom > .arrow::before {
top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="bottom"] > .arrow::after,
.bs-popover-bottom > .arrow::after {
top: 1px;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #fff;
}
.bs-popover-auto[x-placement^="bottom"] .popover-header::before,
.bs-popover-bottom .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f7f7f7;
}
.bs-popover-auto[x-placement^="left"],
.bs-popover-left {
margin-right: 0.5rem;
}
.bs-popover-auto[x-placement^="left"] > .arrow,
.bs-popover-left > .arrow {
right: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
}
.bs-popover-auto[x-placement^="left"] > .arrow::before,
.bs-popover-left > .arrow::before {
right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="left"] > .arrow::after,
.bs-popover-left > .arrow::after {
right: 1px;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #fff;
}
.popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: 0.5rem 0.75rem;
color: #3b444f;
}
.carousel {
position: relative;
}
.carousel.pointer-event {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner::after {
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: -webkit-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
display: block;
}
.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
-webkit-transform: none;
transform: none;
}
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
z-index: 1;
opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0;
transition: 0s 0.6s opacity;
}
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
transition: none;
}
}
.carousel-control-next,
.carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: 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-next,
.carousel-control-prev {
transition: none;
}
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-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' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%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' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
}
.carousel-indicators li {
box-sizing: content-box;
-ms-flex: 0 1 auto;
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 {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
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% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
}
}
.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: #297cbb !important;
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
background-color: #206091 !important;
}
.bg-secondary {
background-color: #77838f !important;
}
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
background-color: #5f6a74 !important;
}
.bg-success {
background-color: #00c9a7 !important;
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
background-color: #00967d !important;
}
.bg-info {
background-color: #00dffc !important;
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
background-color: #00b2c9 !important;
}
.bg-warning {
background-color: #ffc107 !important;
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
background-color: #d39e00 !important;
}
.bg-warning-light {
background-color: #fcffe0 !important;
}
a.bg-warning-light:focus,
a.bg-warning-light:hover,
button.bg-warning-light:focus,
button.bg-warning-light:hover {
background-color: #d39e00 !important;
}
.bg-danger {
background-color: #de4437 !important;
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
background-color: #c22d20 !important;
}
.bg-light {
background-color: #fbfbfb !important;
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
background-color: #dae0e5 !important;
}
.bg-dark {
background-color: #3b444f !important;
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
background-color: #252b32 !important;
}
.bg-white {
background-color: #fff !important;
}
a.bg-white:focus,
a.bg-white:hover,
button.bg-white:focus,
button.bg-white:hover {
background-color: #e6e6e6 !important;
}
.bg-indigo {
background-color: #2d1582 !important;
}
a.bg-indigo:focus,
a.bg-indigo:hover,
button.bg-indigo:focus,
button.bg-indigo:hover {
background-color: #1e0e56 !important;
}
.bg-gray {
background-color: #ebf0f7 !important;
}
a.bg-gray:focus,
a.bg-gray:hover,
button.bg-gray:focus,
button.bg-gray:hover {
background-color: #c7d5e8 !important;
}
.bg-violet {
background-color: #532184 !important;
}
a.bg-violet:focus,
a.bg-violet:hover,
button.bg-violet:focus,
button.bg-violet:hover {
background-color: #39175b !important;
}
.bg-violet-1 {
background-color: #a864a8 !important;
}
a.bg-violet-1:focus,
a.bg-violet-1:hover,
button.bg-violet-1:focus,
button.bg-violet-1:hover {
background-color: #8b4e8b !important;
}
.bg-violet-light {
background-color: #6f13cd !important;
}
a.bg-violet-light:focus,
a.bg-violet-light:hover,
button.bg-violet-light:focus,
button.bg-violet-light:hover {
background-color: #560f9e !important;
}
.bg-brown-light {
background-color: #fff7e5 !important;
}
a.bg-brown-light:focus,
a.bg-brown-light:hover,
button.bg-brown-light:focus,
button.bg-brown-light:hover {
background-color: #fff7e5 !important;
}
.bg-brown {
background-color: #f8bd5b !important;
}
a.bg-brown:focus,
a.bg-brown:hover,
button.bg-brown:focus,
button.bg-brown:hover {
background-color: #f6a92a !important;
}
.bg-maroon {
background-color: #c72f74 !important;
}
a.bg-maroon:focus,
a.bg-maroon:hover,
button.bg-maroon:focus,
button.bg-maroon:hover {
background-color: #9e255c !important;
}
.bg-indigo-light {
background-color: #080e7b !important;
}
a.bg-indigo-light:focus,
a.bg-indigo-light:hover,
button.bg-indigo-light:focus,
button.bg-indigo-light:hover {
background-color: #05094b !important;
}
.bg-red-light-2 {
background-color: #ff3c4e !important;
}
a.bg-red-light-2:focus,
a.bg-red-light-2:hover,
button.bg-red-light-2:focus,
button.bg-red-light-2:hover {
background-color: #ff0920 !important;
}
.bg-blue-dark-1 {
background-color: #045cff !important;
}
a.bg-blue-dark-1:focus,
a.bg-blue-dark-1:hover,
button.bg-blue-dark-1:focus,
button.bg-blue-dark-1:hover {
background-color: #0049d0 !important;
}
.bg-gray-1 {
background-color: #67747c !important;
}
a.bg-gray-1:focus,
a.bg-gray-1:hover,
button.bg-gray-1:focus,
button.bg-gray-1:hover {
background-color: #505a60 !important;
}
.bg-gray-2 {
background-color: #f7f8f9 !important;
}
a.bg-gray-2:focus,
a.bg-gray-2:hover,
button.bg-gray-2:focus,
button.bg-gray-2:hover {
background-color: #dadfe3 !important;
}
.bg-gray-3 {
background-color: #3b444f !important;
}
a.bg-gray-3:focus,
a.bg-gray-3:hover,
button.bg-gray-3:focus,
button.bg-gray-3:hover {
background-color: #252b32 !important;
}
.bg-gray-4 {
background-color: #eceff3 !important;
}
a.bg-gray-4:focus,
a.bg-gray-4:hover,
button.bg-gray-4:focus,
button.bg-gray-4:hover {
background-color: #cdd5df !important;
}
.bg-blue {
background-color: #43c5db !important;
}
a.bg-blue:focus,
a.bg-blue:hover,
button.bg-blue:focus,
button.bg-blue:hover {
background-color: #26aec5 !important;
}
.bg-blue-1 {
background-color: #297cbb !important;
}
a.bg-blue-1:focus,
a.bg-blue-1:hover,
button.bg-blue-1:focus,
button.bg-blue-1:hover {
background-color: #206091 !important;
}
.bg-gray-5 {
background-color: #18181b !important;
}
a.bg-gray-5:focus,
a.bg-gray-5:hover,
button.bg-gray-5:focus,
button.bg-gray-5:hover {
background-color: #000 !important;
}
.bg-gray-6 {
background-color: #18181a !important;
}
a.bg-gray-6:focus,
a.bg-gray-6:hover,
button.bg-gray-6:focus,
button.bg-gray-6:hover {
background-color: #000 !important;
}
.bg-gray-7 {
background-color: #5c6770 !important;
}
a.bg-gray-7:focus,
a.bg-gray-7:hover,
button.bg-gray-7:focus,
button.bg-gray-7:hover {
background-color: #454d54 !important;
}
.bg-gray-8 {
background-color: #c5cdd8 !important;
}
a.bg-gray-8:focus,
a.bg-gray-8:hover,
button.bg-gray-8:focus,
button.bg-gray-8:hover {
background-color: #a7b3c3 !important;
}
.bg-gray-9 {
background-color: #9fa9b8 !important;
}
a.bg-gray-9:focus,
a.bg-gray-9:hover,
button.bg-gray-9:focus,
button.bg-gray-9:hover {
background-color: #828fa2 !important;
}
.bg-gray-10 {
background-color: #c1c1c1 !important;
}
a.bg-gray-10:focus,
a.bg-gray-10:hover,
button.bg-gray-10:focus,
button.bg-gray-10:hover {
background-color: #a8a8a8 !important;
}
.bg-gray-11 {
background-color: #484848 !important;
}
a.bg-gray-11:focus,
a.bg-gray-11:hover,
button.bg-gray-11:focus,
button.bg-gray-11:hover {
background-color: #2f2f2f !important;
}
.bg-gray-23 {
background-color: #f4f4f4 !important;
}
a.bg-gray-23:focus,
a.bg-gray-23:hover,
button.bg-gray-23:focus,
button.bg-gray-23:hover {
background-color: #dbdbdb !important;
}
.bg-gray-33 {
background-color: #ebf0f7 !important;
}
a.bg-gray-33:focus,
a.bg-gray-33:hover,
button.bg-gray-33:focus,
button.bg-gray-33:hover {
background-color: #c7d5e8 !important;
}
.bg-sea-green {
background-color: #1d508d !important;
}
a.bg-sea-green:focus,
a.bg-sea-green:hover,
button.bg-sea-green:focus,
button.bg-sea-green:hover {
background-color: #143863 !important;
}
.bg-dark-1 {
background-color: #1e2022 !important;
}
a.bg-dark-1:focus,
a.bg-dark-1:hover,
button.bg-dark-1:focus,
button.bg-dark-1:hover {
background-color: #060707 !important;
}
.bg-navy {
background-color: #0057ff !important;
}
a.bg-navy:focus,
a.bg-navy:hover,
button.bg-navy:focus,
button.bg-navy:hover {
background-color: #0046cc !important;
}
.bg-pink {
background-color: #ffe5ee !important;
}
a.bg-pink:focus,
a.bg-pink:hover,
button.bg-pink:focus,
button.bg-pink:hover {
background-color: #ffb2cd !important;
}
.bg-dark-2 {
background-color: #1a2b49 !important;
}
a.bg-dark-2:focus,
a.bg-dark-2:hover,
button.bg-dark-2:focus,
button.bg-dark-2:hover {
background-color: #0d1523 !important;
}
.bg-yellow-lighter-2 {
background-color: #f7bc5a !important;
}
a.bg-yellow-lighter-2:focus,
a.bg-yellow-lighter-2:hover,
button.bg-yellow-lighter-2:focus,
button.bg-yellow-lighter-2:hover {
background-color: #f5a829 !important;
}
.bg-orange {
background-color: #f05700 !important;
}
a.bg-orange:focus,
a.bg-orange:hover,
button.bg-orange:focus,
button.bg-orange:hover {
background-color: #bd4500 !important;
}
.bg-green {
background-color: #28871c !important;
}
a.bg-green:focus,
a.bg-green:hover,
button.bg-green:focus,
button.bg-green:hover {
background-color: #1b5d13 !important;
}
.bg-green-light {
background-color: #f6ffde !important;
}
a.bg-green-light:focus,
a.bg-green-light:hover,
button.bg-green-light:focus,
button.bg-green-light:hover {
background-color: #c3e95d !important;
}
.bg-pink-1 {
background-color: #ff0045 !important;
}
a.bg-pink-1:focus,
a.bg-pink-1:hover,
button.bg-pink-1:focus,
button.bg-pink-1:hover {
background-color: #cc0037 !important;
}
.bg-purple-1 {
background-color: #232753 !important;
}
a.bg-purple-1:focus,
a.bg-purple-1:hover,
button.bg-purple-1:focus,
button.bg-purple-1:hover {
background-color: #14162f !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: #297cbb !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: #3b444f !important;
}
.border-white {
border-color: #fff !important;
}
.border-indigo {
border-color: #2d1582 !important;
}
.border-gray {
border-color: #ebf0f7 !important;
}
.border-violet {
border-color: #532184 !important;
}
.border-violet-1 {
border-color: #a864a8 !important;
}
.border-violet-light {
border-color: #6f13cd !important;
}
.border-brown-light {
border-color: #ceac61 !important;
}
.border-brown {
border-color: #f8bd5b !important;
}
.border-maroon {
border-color: #c72f74 !important;
}
.border-indigo-light {
border-color: #080e7b !important;
}
.border-red-light-2 {
border-color: #ff3c4e !important;
}
.border-blue-dark-1 {
border-color: #045cff !important;
}
.border-gray-1 {
border-color: #67747c !important;
}
.border-gray-2 {
border-color: #f7f8f9 !important;
}
.border-gray-3 {
border-color: #3b444f !important;
}
.border-gray-4 {
border-color: #eceff3 !important;
}
.border-blue {
border-color: #43c5db !important;
}
.border-blue-1 {
border-color: #297cbb !important;
}
.border-gray-5 {
border-color: #18181b !important;
}
.border-gray-6 {
border-color: #18181a !important;
}
.border-gray-7 {
border-color: #5c6770 !important;
}
.border-gray-8 {
border-color: #c5cdd8 !important;
}
.border-gray-9 {
border-color: #9fa9b8 !important;
}
.border-gray-10 {
border-color: #c1c1c1 !important;
}
.border-gray-11 {
border-color: #484848 !important;
}
.border-gray-23 {
border-color: #f4f4f4 !important;
}
.border-gray-33 {
border-color: #ebf0f7 !important;
}
.border-sea-green {
border-color: #1d508d !important;
}
.border-dark-1 {
border-color: #1e2022 !important;
}
.border-navy {
border-color: #0057ff !important;
}
.border-pink {
border-color: #ffe5ee !important;
}
.border-dark-2 {
border-color: #1a2b49 !important;
}
.border-yellow-lighter-2 {
border-color: #f7bc5a !important;
}
.border-orange {
border-color: #f05700 !important;
}
.border-green {
border-color: #28871c !important;
}
.border-pink-1 {
border-color: #ff0045 !important;
}
.border-purple-1 {
border-color: #232753 !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.3rem !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: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
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: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
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: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
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: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
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: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
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: -ms-flexbox !important;
display: flex !important;
}
.d-wd-inline-flex {
display: -ms-inline-flexbox !important;
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: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
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 embed,
.embed-responsive iframe,
.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.85714%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1480px) {
.flex-wd-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-wd-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-wd-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-wd-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wd-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-wd-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wd-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-wd-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-wd-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-wd-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-wd-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-wd-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-wd-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-wd-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-wd-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-wd-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-wd-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-wd-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-wd-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-wd-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-wd-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-wd-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-wd-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-wd-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-wd-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-wd-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-wd-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-wd-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-wd-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-wd-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-wd-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-wd-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-wd-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-wd-stretch {
-ms-flex-item-align: stretch !important;
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;
}
}
.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;
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-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-70 {
width: 70% !important;
}
.w-80 {
width: 80% !important;
}
.w-85 {
width: 85% !important;
}
.w-95 {
width: 95% !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-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-70 {
height: 70% !important;
}
.h-80 {
height: 80% !important;
}
.h-85 {
height: 85% !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;
}
.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);
}
.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-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-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-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-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: 1rem !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-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-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;
}
}
.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 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
vertical-align: top;
}
.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: #297cbb !important;
}
a.text-primary:focus,
a.text-primary:hover {
color: #1b527c !important;
}
.text-secondary {
color: #77838f !important;
}
a.text-secondary:focus,
a.text-secondary:hover {
color: #545d66 !important;
}
.text-success {
color: #00c9a7 !important;
}
a.text-success:focus,
a.text-success:hover {
color: #007d67 !important;
}
.text-info {
color: #00dffc !important;
}
a.text-info:focus,
a.text-info:hover {
color: #009bb0 !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:focus,
a.text-warning:hover {
color: #ba8b00 !important;
}
.text-danger {
color: #de4437 !important;
}
a.text-danger:focus,
a.text-danger:hover {
color: #ac281c !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:focus,
a.text-light:hover {
color: #cbd3da !important;
}
.text-dark {
color: #3b444f !important;
}
a.text-dark:focus,
a.text-dark:hover {
color: #1a1e23 !important;
}
.text-white {
color: #fff !important;
}
a.text-white:focus,
a.text-white:hover {
color: #d9d9d9 !important;
}
.text-indigo {
color: #2d1582 !important;
}
a.text-indigo:focus,
a.text-indigo:hover {
color: #160a40 !important;
}
.text-gray {
color: #ebf0f7 !important;
}
a.text-gray:focus,
a.text-gray:hover {
color: #b4c7e1 !important;
}
.text-violet {
color: #532184 !important;
}
a.text-violet:focus,
a.text-violet:hover {
color: #2d1247 !important;
}
.text-violet-1 {
color: #a864a8 !important;
}
a.text-violet-1:focus,
a.text-violet-1:hover {
color: #7b457b !important;
}
.text-violet-light {
color: #6f13cd !important;
}
a.text-violet-light:focus,
a.text-violet-light:hover {
color: #490d87 !important;
}
.text-brown-light {
color: #ceac61 !important;
}
a.text-brown-light:focus,
a.text-brown-light:hover {
color: #ad8836 !important;
}
.text-brown {
color: #f8bd5b !important;
}
a.text-brown:focus,
a.text-brown:hover {
color: #f59f12 !important;
}
.text-maroon {
color: #c72f74 !important;
}
a.text-maroon:focus,
a.text-maroon:hover {
color: #892050 !important;
}
.text-indigo-light {
color: #080e7b !important;
}
a.text-indigo-light:focus,
a.text-indigo-light:hover {
color: #030633 !important;
}
.text-red-light-2 {
color: #ff3c4e !important;
}
a.text-red-light-2:focus,
a.text-red-light-2:hover {
color: #ef0016 !important;
}
.text-blue-dark-1 {
color: #045cff !important;
}
a.text-blue-dark-1:focus,
a.text-blue-dark-1:hover {
color: #0040b7 !important;
}
.text-gray-1 {
color: #67747c !important;
}
a.text-gray-1:focus,
a.text-gray-1:hover {
color: #444d52 !important;
}
.text-gray-2 {
color: #f7f8f9 !important;
}
a.text-gray-2:focus,
a.text-gray-2:hover {
color: #cbd2d8 !important;
}
.text-gray-3 {
color: #3b444f !important;
}
a.text-gray-3:focus,
a.text-gray-3:hover {
color: #1a1e23 !important;
}
.text-gray-4 {
color: #eceff3 !important;
}
a.text-gray-4:focus,
a.text-gray-4:hover {
color: #bdc8d5 !important;
}
.text-blue {
color: #43c5db !important;
}
a.text-blue:focus,
a.text-blue:hover {
color: #229bb0 !important;
}
.text-blue-1 {
color: #297cbb !important;
}
a.text-blue-1:focus,
a.text-blue-1:hover {
color: #1b527c !important;
}
.text-gray-5 {
color: #18181b !important;
}
a.text-gray-5:focus,
a.text-gray-5:hover {
color: #000 !important;
}
.text-gray-6 {
color: #18181a !important;
}
a.text-gray-6:focus,
a.text-gray-6:hover {
color: #000 !important;
}
.text-gray-7 {
color: #5c6770 !important;
}
a.text-gray-7:focus,
a.text-gray-7:hover {
color: #3a4046 !important;
}
.text-gray-8 {
color: #c5cdd8 !important;
}
a.text-gray-8:focus,
a.text-gray-8:hover {
color: #97a6b9 !important;
}
.text-gray-9 {
color: #9fa9b8 !important;
}
a.text-gray-9:focus,
a.text-gray-9:hover {
color: #738297 !important;
}
.text-gray-10 {
color: #c1c1c1 !important;
}
a.text-gray-10:focus,
a.text-gray-10:hover {
color: #9b9b9b !important;
}
.text-gray-11 {
color: #484848 !important;
}
a.text-gray-11:focus,
a.text-gray-11:hover {
color: #222 !important;
}
.text-gray-23 {
color: #f4f4f4 !important;
}
a.text-gray-23:focus,
a.text-gray-23:hover {
color: #cecece !important;
}
.text-gray-33 {
color: #ebf0f7 !important;
}
a.text-gray-33:focus,
a.text-gray-33:hover {
color: #b4c7e1 !important;
}
.text-sea-green {
color: #1d508d !important;
}
a.text-sea-green:focus,
a.text-sea-green:hover {
color: #102c4e !important;
}
.text-dark-1 {
color: #1e2022 !important;
}
a.text-dark-1:focus,
a.text-dark-1:hover {
color: #000 !important;
}
.text-navy {
color: #0057ff !important;
}
a.text-navy:focus,
a.text-navy:hover {
color: #003db3 !important;
}
.text-pink {
color: #ffe5ee !important;
}
a.text-pink:focus,
a.text-pink:hover {
color: #ff99bc !important;
}
.text-dark-2 {
color: #1a2b49 !important;
}
a.text-dark-2:focus,
a.text-dark-2:hover {
color: #060a11 !important;
}
.text-yellow-lighter-2 {
color: #f7bc5a !important;
}
a.text-yellow-lighter-2:focus,
a.text-yellow-lighter-2:hover {
color: #f39e11 !important;
}
.text-orange {
color: #f05700 !important;
}
a.text-orange:focus,
a.text-orange:hover {
color: #a43b00 !important;
}
.text-green {
color: #28871c !important;
}
a.text-green:focus,
a.text-green:hover {
color: #15480f !important;
}
.text-pink-1 {
color: #ff0045 !important;
}
a.text-pink-1:focus,
a.text-pink-1:hover {
color: #b30030 !important;
}
.text-purple-1 {
color: #232753 !important;
}
a.text-purple-1:focus,
a.text-purple-1:hover {
color: #0c0e1d !important;
}
.text-body {
color: #3b444f !important;
}
.text-muted {
color: #8c98a4 !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;
overflow-wrap: break-word !important;
}
.text-reset {
color: inherit !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media print {
*,
::after,
::before {
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;
}
blockquote,
pre {
border: 1px solid #97a4af;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
img,
tr {
page-break-inside: avoid;
}
h2,
h3,
p {
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 #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered td,
.table-bordered th {
border: 1px solid #e7eaf3 !important;
}
.table-dark {
color: inherit;
}
.table-dark tbody + tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
border-color: #e7eaf3;
}
.table .thead-dark th {
color: inherit;
border-color: #e7eaf3;
}
}
.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-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-70 {
width: 70% !important;
}
.w-80 {
width: 80% !important;
}
.w-85 {
width: 85% !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-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-70 {
width: 70% !important;
}
.w-sm-80 {
width: 80% !important;
}
.w-sm-85 {
width: 85% !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-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-70 {
width: 70% !important;
}
.w-md-80 {
width: 80% !important;
}
.w-md-85 {
width: 85% !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-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-70 {
width: 70% !important;
}
.w-lg-80 {
width: 80% !important;
}
.w-lg-85 {
width: 85% !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-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-70 {
width: 70% !important;
}
.w-xl-80 {
width: 80% !important;
}
.w-xl-85 {
width: 85% !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-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-70 {
width: 70% !important;
}
.w-wd-80 {
width: 80% !important;
}
.w-wd-85 {
width: 85% !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;
}
.space-6,
.space-top-6 {
padding-top: 16rem !important;
}
.space-6,
.space-bottom-6 {
padding-bottom: 16rem !important;
}
.space-8,
.space-top-8 {
padding-top: 18rem !important;
}
.space-8,
.space-bottom-8 {
padding-bottom: 18rem !important;
}
.space-9,
.space-top-9 {
padding-top: 19rem !important;
}
.space-9,
.space-bottom-9 {
padding-bottom: 19rem !important;
}
.space-10,
.space-top-10 {
padding-top: 22rem !important;
}
.space-10,
.space-bottom-10 {
padding-bottom: 22rem !important;
}
@media (min-width: 576px) {
.space-sm-0,
.space-top-sm-0 {
padding-top: 0 !important;
}
.space-bottom-sm-0,
.space-sm-0 {
padding-bottom: 0 !important;
}
.space-sm-1,
.space-top-sm-1 {
padding-top: 2rem !important;
}
.space-bottom-sm-1,
.space-sm-1 {
padding-bottom: 2rem !important;
}
.space-sm-2,
.space-top-sm-2 {
padding-top: 4rem !important;
}
.space-bottom-sm-2,
.space-sm-2 {
padding-bottom: 4rem !important;
}
.space-sm-3,
.space-top-sm-3 {
padding-top: 8rem !important;
}
.space-bottom-sm-3,
.space-sm-3 {
padding-bottom: 8rem !important;
}
.space-sm-4,
.space-top-sm-4 {
padding-top: 12.5rem !important;
}
.space-bottom-sm-4,
.space-sm-4 {
padding-bottom: 12.5rem !important;
}
.space-sm-5,
.space-top-sm-5 {
padding-top: 15rem !important;
}
.space-bottom-sm-5,
.space-sm-5 {
padding-bottom: 15rem !important;
}
.space-sm-6,
.space-top-sm-6 {
padding-top: 16rem !important;
}
.space-bottom-sm-6,
.space-sm-6 {
padding-bottom: 16rem !important;
}
.space-sm-8,
.space-top-sm-8 {
padding-top: 18rem !important;
}
.space-bottom-sm-8,
.space-sm-8 {
padding-bottom: 18rem !important;
}
.space-sm-9,
.space-top-sm-9 {
padding-top: 19rem !important;
}
.space-bottom-sm-9,
.space-sm-9 {
padding-bottom: 19rem !important;
}
.space-sm-10,
.space-top-sm-10 {
padding-top: 22rem !important;
}
.space-bottom-sm-10,
.space-sm-10 {
padding-bottom: 22rem !important;
}
}
@media (min-width: 768px) {
.space-md-0,
.space-top-md-0 {
padding-top: 0 !important;
}
.space-bottom-md-0,
.space-md-0 {
padding-bottom: 0 !important;
}
.space-md-1,
.space-top-md-1 {
padding-top: 2rem !important;
}
.space-bottom-md-1,
.space-md-1 {
padding-bottom: 2rem !important;
}
.space-md-2,
.space-top-md-2 {
padding-top: 4rem !important;
}
.space-bottom-md-2,
.space-md-2 {
padding-bottom: 4rem !important;
}
.space-md-3,
.space-top-md-3 {
padding-top: 8rem !important;
}
.space-bottom-md-3,
.space-md-3 {
padding-bottom: 8rem !important;
}
.space-md-4,
.space-top-md-4 {
padding-top: 12.5rem !important;
}
.space-bottom-md-4,
.space-md-4 {
padding-bottom: 12.5rem !important;
}
.space-md-5,
.space-top-md-5 {
padding-top: 15rem !important;
}
.space-bottom-md-5,
.space-md-5 {
padding-bottom: 15rem !important;
}
.space-md-6,
.space-top-md-6 {
padding-top: 16rem !important;
}
.space-bottom-md-6,
.space-md-6 {
padding-bottom: 16rem !important;
}
.space-md-8,
.space-top-md-8 {
padding-top: 18rem !important;
}
.space-bottom-md-8,
.space-md-8 {
padding-bottom: 18rem !important;
}
.space-md-9,
.space-top-md-9 {
padding-top: 19rem !important;
}
.space-bottom-md-9,
.space-md-9 {
padding-bottom: 19rem !important;
}
.space-md-10,
.space-top-md-10 {
padding-top: 22rem !important;
}
.space-bottom-md-10,
.space-md-10 {
padding-bottom: 22rem !important;
}
}
@media (min-width: 992px) {
.space-lg-0,
.space-top-lg-0 {
padding-top: 0 !important;
}
.space-bottom-lg-0,
.space-lg-0 {
padding-bottom: 0 !important;
}
.space-lg-1,
.space-top-lg-1 {
padding-top: 2rem !important;
}
.space-bottom-lg-1,
.space-lg-1 {
padding-bottom: 2rem !important;
}
.space-lg-2,
.space-top-lg-2 {
padding-top: 4rem !important;
}
.space-bottom-lg-2,
.space-lg-2 {
padding-bottom: 4rem !important;
}
.space-lg-3,
.space-top-lg-3 {
padding-top: 8rem !important;
}
.space-bottom-lg-3,
.space-lg-3 {
padding-bottom: 8rem !important;
}
.space-lg-4,
.space-top-lg-4 {
padding-top: 12.5rem !important;
}
.space-bottom-lg-4,
.space-lg-4 {
padding-bottom: 12.5rem !important;
}
.space-lg-5,
.space-top-lg-5 {
padding-top: 15rem !important;
}
.space-bottom-lg-5,
.space-lg-5 {
padding-bottom: 15rem !important;
}
.space-lg-6,
.space-top-lg-6 {
padding-top: 16rem !important;
}
.space-bottom-lg-6,
.space-lg-6 {
padding-bottom: 16rem !important;
}
.space-lg-8,
.space-top-lg-8 {
padding-top: 18rem !important;
}
.space-bottom-lg-8,
.space-lg-8 {
padding-bottom: 18rem !important;
}
.space-lg-9,
.space-top-lg-9 {
padding-top: 19rem !important;
}
.space-bottom-lg-9,
.space-lg-9 {
padding-bottom: 19rem !important;
}
.space-lg-10,
.space-top-lg-10 {
padding-top: 22rem !important;
}
.space-bottom-lg-10,
.space-lg-10 {
padding-bottom: 22rem !important;
}
}
@media (min-width: 1200px) {
.space-top-xl-0,
.space-xl-0 {
padding-top: 0 !important;
}
.space-bottom-xl-0,
.space-xl-0 {
padding-bottom: 0 !important;
}
.space-top-xl-1,
.space-xl-1 {
padding-top: 2rem !important;
}
.space-bottom-xl-1,
.space-xl-1 {
padding-bottom: 2rem !important;
}
.space-top-xl-2,
.space-xl-2 {
padding-top: 4rem !important;
}
.space-bottom-xl-2,
.space-xl-2 {
padding-bottom: 4rem !important;
}
.space-top-xl-3,
.space-xl-3 {
padding-top: 8rem !important;
}
.space-bottom-xl-3,
.space-xl-3 {
padding-bottom: 8rem !important;
}
.space-top-xl-4,
.space-xl-4 {
padding-top: 12.5rem !important;
}
.space-bottom-xl-4,
.space-xl-4 {
padding-bottom: 12.5rem !important;
}
.space-top-xl-5,
.space-xl-5 {
padding-top: 15rem !important;
}
.space-bottom-xl-5,
.space-xl-5 {
padding-bottom: 15rem !important;
}
.space-top-xl-6,
.space-xl-6 {
padding-top: 16rem !important;
}
.space-bottom-xl-6,
.space-xl-6 {
padding-bottom: 16rem !important;
}
.space-top-xl-8,
.space-xl-8 {
padding-top: 18rem !important;
}
.space-bottom-xl-8,
.space-xl-8 {
padding-bottom: 18rem !important;
}
.space-top-xl-9,
.space-xl-9 {
padding-top: 19rem !important;
}
.space-bottom-xl-9,
.space-xl-9 {
padding-bottom: 19rem !important;
}
.space-top-xl-10,
.space-xl-10 {
padding-top: 22rem !important;
}
.space-bottom-xl-10,
.space-xl-10 {
padding-bottom: 22rem !important;
}
}
@media (min-width: 1480px) {
.space-top-wd-0,
.space-wd-0 {
padding-top: 0 !important;
}
.space-bottom-wd-0,
.space-wd-0 {
padding-bottom: 0 !important;
}
.space-top-wd-1,
.space-wd-1 {
padding-top: 2rem !important;
}
.space-bottom-wd-1,
.space-wd-1 {
padding-bottom: 2rem !important;
}
.space-top-wd-2,
.space-wd-2 {
padding-top: 4rem !important;
}
.space-bottom-wd-2,
.space-wd-2 {
padding-bottom: 4rem !important;
}
.space-top-wd-3,
.space-wd-3 {
padding-top: 8rem !important;
}
.space-bottom-wd-3,
.space-wd-3 {
padding-bottom: 8rem !important;
}
.space-top-wd-4,
.space-wd-4 {
padding-top: 12.5rem !important;
}
.space-bottom-wd-4,
.space-wd-4 {
padding-bottom: 12.5rem !important;
}
.space-top-wd-5,
.space-wd-5 {
padding-top: 15rem !important;
}
.space-bottom-wd-5,
.space-wd-5 {
padding-bottom: 15rem !important;
}
.space-top-wd-6,
.space-wd-6 {
padding-top: 16rem !important;
}
.space-bottom-wd-6,
.space-wd-6 {
padding-bottom: 16rem !important;
}
.space-top-wd-8,
.space-wd-8 {
padding-top: 18rem !important;
}
.space-bottom-wd-8,
.space-wd-8 {
padding-bottom: 18rem !important;
}
.space-top-wd-9,
.space-wd-9 {
padding-top: 19rem !important;
}
.space-bottom-wd-9,
.space-wd-9 {
padding-bottom: 19rem !important;
}
.space-top-wd-10,
.space-wd-10 {
padding-top: 22rem !important;
}
.space-bottom-wd-10,
.space-wd-10 {
padding-bottom: 22rem !important;
}
}
body {
-webkit-font-smoothing: antialiased;
}
main {
position: relative;
}
p {
color: #77838f;
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: #3b444f;
}
.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: #1b527c;
}
.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: 500;
}
svg {
margin-bottom: -0.4375rem;
vertical-align: baseline;
}
table th {
font-weight: 500;
}
.fa,
.fas {
font-weight: 900;
}
::-moz-selection {
color: #fff;
background-color: #297cbb;
}
::selection {
color: #fff;
background-color: #297cbb;
}
.bg-primary ::-moz-selection {
color: #297cbb;
background-color: #fff;
}
.bg-primary ::selection {
color: #297cbb;
background-color: #fff;
}
.text-decoration-on-hover:hover {
text-decoration: underline !important;
}
: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:active ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:focus ~ .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;
}
@media print {
.btn,
footer,
header {
display: none;
}
}
.u-skippy {
display: none;
}
.list-group {
list-style: none;
line-height: 0.8;
}
.list-group .list-group {
margin-left: 1rem;
}
.list-group .list-group-item {
font-size: 12px;
}
.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: #297cbb;
}
.list-group .active > .list-group-text {
color: #fff;
}
.list-group .disabled .u-icon {
color: #77838f;
background-color: rgba(119, 131, 143, 0.1);
}
.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;
}
.list-group-transparent .list-group-item {
border-color: transparent;
background-color: transparent;
}
.list-group-white .list-group-item,
.list-group-white .list-group-item-action {
color: #c1c1c1;
}
.list-group-white .list-group-item-action[href],
.list-group-white .list-group-item[href] {
color: #c1c1c1;
}
.list-group-white .list-group-item-action[href]:hover,
.list-group-white .list-group-item[href]:hover {
color: #297cbb;
}
.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;
}
.list-group-flush .list-group-item {
padding-left: 0;
padding-right: 0;
}
.list-group-flush .list-group-item.active {
color: #297cbb;
background-color: transparent;
border-color: transparent;
}
.list-group-borderless .list-group-item {
border: none;
}
.list-group-striped .list-group-item:nth-child(even) {
background-color: #f8fafd;
}
.custom-social-share a {
transition: all 0.2s ease-in-out;
}
.custom-social-share a:hover {
border-color: #297cbb !important;
background-color: #297cbb !important;
}
.custom-social-share a:hover i {
color: #fff !important;
}
.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);
}
.u-header__login-form .form-control {
font-size: 0.875rem;
height: 3.125rem;
color: #67747c;
}
.u-header__login-form .form-control::-webkit-input-placeholder {
color: #67747c;
}
.u-header__login-form .form-control::-moz-placeholder {
color: #67747c;
}
.u-header__login-form .form-control:-ms-input-placeholder {
color: #67747c;
}
.u-header__login-form .form-control::-ms-input-placeholder {
color: #67747c;
}
.u-header__login-form .form-control::placeholder {
color: #67747c;
}
.u-header__login-form .input-group-text {
color: #dce3ec;
}
.u-header__login-form .input-group-text > span {
line-height: 1;
}
.u-header__login-form .card-header {
padding: 1.41rem;
border-bottom-color: #ebf0f7;
}
.u-header__login-form .card-body,
.u-header__login-form .card-footer__top {
padding-left: 1.375rem;
padding-right: 1.375rem;
}
.u-header__login-form .card-footer {
border-top-color: #ebf0f7;
}
.u-header__login-form .custom-control-label {
color: #67747c;
}
.u-header__login-form .custom-control-label:before {
border-width: 2px;
border-color: #ebf0f7;
}
.u-header__topbar
[class*="u-header__topbar-nav-divider"]
.list-inline-item
+ .list-inline-item {
position: relative;
}
.u-header__topbar
[class*="u-header__topbar-nav-divider"]
.list-inline-item
+ .list-inline-item
.u-header__navbar-link:before {
content: "";
background-color: #fff;
position: absolute;
width: 1px;
height: 30px;
left: -1px;
display: block;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
[class*="u-header--bg-transparent"]
.u-header__topbar
[class*="u-header__topbar-nav-divider"]
.list-inline-item
+ .list-inline-item
.u-header__navbar-link:before {
opacity: 0.149;
}
.u-header__topbar [class*="u-header__topbar-divider"]:not(.list-inline) {
position: relative;
}
.u-header__topbar [class*="u-header__topbar-divider"]:not(.list-inline):before {
content: "";
background-color: #fff;
position: absolute;
width: 1px;
height: 30px;
left: 0;
display: block;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
[class*="u-header--bg-transparent"]
.u-header__topbar
[class*="u-header__topbar-divider"]:not(.list-inline):before {
opacity: 0.149;
}
.u-header__topbar .u-header__topbar-divider--dark:not(.list-inline):before,
.u-header__topbar
.u-header__topbar-nav-divider--dark
.list-inline-item
+ .list-inline-item
.u-header__navbar-link:before {
background-color: #ebf0f7;
}
.u-header__topbar .list-inline-item:first-child .u-header__navbar-link {
padding-left: 0;
}
.u-header__topbar .dropdown-menu {
min-width: 4.375rem;
padding: 0.438rem 0;
}
.u-header__topbar .dropdown-item {
padding: 0.125rem 0.313rem;
text-align: center;
}
.u-header__topbar[class*="bg-"] .u-header__navbar-link {
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.u-header:not([class*="u-header--bg-transparent"])
[class*="u-header__topbar-divider"]:before,
.u-header:not([class*="u-header--bg-transparent"])
[class*="u-header__topbar-nav-divider"]
.list-inline-item
+ .list-inline-item
.u-header__navbar-link:before {
height: 20px;
}
.u-header [class*="u-header__search"] .form-control:focus {
padding-right: 0.5rem !important;
}
.u-header__divider {
position: relative;
}
.u-header__divider:before {
content: "";
background-color: #ebf0f7;
position: absolute;
width: 1px;
height: 50px;
top: 50%;
left: 0;
display: block;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.u-header__divider.u-header__divider-right:before {
left: unset;
right: 0;
}
@media (min-width: 576px) {
.u-header__divider-sm {
position: relative;
}
.u-header__divider-sm:before {
content: "";
background-color: #ebf0f7;
position: absolute;
width: 1px;
height: 50px;
top: 50%;
left: 0;
display: block;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.u-header__divider-sm.u-header__divider-right:before {
left: unset;
right: 0;
}
}
@media (min-width: 768px) {
.u-header__divider-md {
position: relative;
}
.u-header__divider-md:before {
content: "";
background-color: #ebf0f7;
position: absolute;
width: 1px;
height: 50px;
top: 50%;
left: 0;
display: block;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.u-header__divider-md.u-header__divider-right:before {
left: unset;
right: 0;
}
}
@media (min-width: 992px) {
.u-header__divider-lg {
position: relative;
}
.u-header__divider-lg:before {
content: "";
background-color: #ebf0f7;
position: absolute;
width: 1px;
height: 50px;
top: 50%;
left: 0;
display: block;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.u-header__divider-lg.u-header__divider-right:before {
left: unset;
right: 0;
}
}
@media (min-width: 1200px) {
.u-header__divider-xl {
position: relative;
}
.u-header__divider-xl:before {
content: "";
background-color: #ebf0f7;
position: absolute;
width: 1px;
height: 50px;
top: 50%;
left: 0;
display: block;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.u-header__divider-xl.u-header__divider-right:before {
left: unset;
right: 0;
}
}
@media (min-width: 1480px) {
.u-header__divider-wd {
position: relative;
}
.u-header__divider-wd:before {
content: "";
background-color: #ebf0f7;
position: absolute;
width: 1px;
height: 50px;
top: 50%;
left: 0;
display: block;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.u-header__divider-wd.u-header__divider-right:before {
left: unset;
right: 0;
}
}
@media (max-width: 575.98px) {
.u-header__last-item-btn,
.u-header__search,
.u-header__topbar {
display: none;
}
}
@media (max-width: 767.98px) {
.u-header__last-item-btn-sm,
.u-header__search-sm,
.u-header__topbar-sm {
display: none;
}
}
@media (max-width: 991.98px) {
.u-header__last-item-btn-md,
.u-header__search-md,
.u-header__topbar-md {
display: none;
}
}
@media (max-width: 1199.98px) {
.u-header__last-item-btn-lg,
.u-header__search-lg,
.u-header__topbar-lg {
display: none;
}
}
@media (max-width: 1479.98px) {
.u-header__last-item-btn-xl,
.u-header__search-xl,
.u-header__topbar-xl {
display: none;
}
}
.u-header__last-item-btn-wd,
.u-header__search-wd,
.u-header__topbar-wd {
display: none;
}
.u-header .hs-sub-menu-right {
right: 0;
left: unset;
}
.u-header__navbar {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0;
padding-right: 0;
}
@media (max-width: 991.98px) {
.u-header .u-header__navbar.u-header__navbar--top-space {
padding-top: 0.25rem;
}
}
@media (max-width: 767.98px) {
.u-header__navbar-brand {
margin-right: 0.625rem;
}
}
.u-header__navbar-brand,
.u-header__navbar-brand > img {
padding-top: 0;
padding-bottom: 0;
width: auto;
}
.u-header__navbar-brand-center {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.u-header__navbar-brand-center img {
width: 200px;
}
.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: 1.75rem;
margin-left: 0.875rem;
}
@media (max-width: 767.98px) {
.u-header__navbar-brand-text {
font-size: 1.438rem !important;
}
}
.u-header__navbar-brand-text,
.u-header__navbar-brand-text:focus,
.u-header__navbar-brand-text:hover {
color: #297cbb;
}
.u-header__navbar-brand-text-md .u-header__navbar-brand-text {
font-size: 1.5rem;
margin-left: 0.75rem;
}
.u-header__navbar-brand-text {
font-weight: 700;
}
.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;
}
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark
[class*="u-header__navbar-brand-text"],
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark
[class*="u-header__navbar-brand-text"]:focus,
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark
[class*="u-header__navbar-brand-text"]:hover {
color: #3b444f;
}
@media (min-width: 576px) {
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark-sm
[class*="u-header__navbar-brand-text"],
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark-sm
[class*="u-header__navbar-brand-text"]:focus,
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark-sm
[class*="u-header__navbar-brand-text"]:hover {
color: #3b444f;
}
}
@media (min-width: 768px) {
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark-md
[class*="u-header__navbar-brand-text"],
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark-md
[class*="u-header__navbar-brand-text"]:focus,
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark-md
[class*="u-header__navbar-brand-text"]:hover {
color: #3b444f;
}
}
@media (min-width: 992px) {
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark-lg
[class*="u-header__navbar-brand-text"],
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark-lg
[class*="u-header__navbar-brand-text"]:focus,
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark-lg
[class*="u-header__navbar-brand-text"]:hover {
color: #3b444f;
}
}
@media (min-width: 1200px) {
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark-xl
[class*="u-header__navbar-brand-text"],
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark-xl
[class*="u-header__navbar-brand-text"]:focus,
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark-xl
[class*="u-header__navbar-brand-text"]:hover {
color: #3b444f;
}
}
@media (min-width: 1480px) {
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark-wd
[class*="u-header__navbar-brand-text"],
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark-wd
[class*="u-header__navbar-brand-text"]:focus,
.u-header:not(.js-header-fix-moment)
.u-header__navbar-brand-text-dark-wd
[class*="u-header__navbar-brand-text"]:hover {
color: #3b444f;
}
}
.hs-unfold {
position: relative;
display: inline-block;
}
.hs-unfold-content {
display: block !important;
opacity: 0;
pointer-events: none;
}
.hs-unfold-content-initialized {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.hs-unfold-hidden {
display: none !important;
opacity: 0;
visibility: hidden;
}
.hs-unfold-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1002;
background-color: rgba(33, 50, 91, 0.125);
}
.hs-unfold-content.hs-unfold-reverse-y {
top: auto;
bottom: 100%;
margin-top: 0;
}
.u-header__navbar-collapse {
padding-top: 0;
padding-bottom: 0;
}
.u-header__navbar-link {
color: #77838f;
font-size: 0.875rem;
font-weight: 300;
padding-left: 1.281rem;
padding-right: 1.281rem;
display: inline-block;
padding-top: 0.594rem;
padding-bottom: 0.594rem;
}
.list-inline-dark .u-header__navbar-link {
color: #3b444f;
}
.u-header .u-header__nav-item:first-child .u-header__nav-link {
padding-left: 0;
}
.u-header__nav-item:focus .u-header__nav-link,
.u-header__nav-item:hover .u-header__nav-link {
color: #297cbb;
}
.u-header .active > .u-header__nav-link {
color: #297cbb;
}
.u-header__nav-link {
color: #67747c;
font-weight: 500;
}
.u-header--nav-links-normal .u-header__nav-link {
font-weight: 400;
}
.u-header__nav-link-toggle {
position: relative;
}
.u-header__nav-link-toggle::after {
display: inline-block;
font-family: "Font Awesome 5 Free";
font-size: 14px;
font-weight: 900;
content: "\f107";
margin-left: 0.75rem;
transition: 0.3s ease;
}
[class*="u-header--bg-transparent"]:not(.js-header-fix-moment)
.hs-mega-menu-opened
.u-header__nav-link:before,
[class*="u-header--bg-transparent"]:not(.js-header-fix-moment)
.hs-sub-menu-opened
.u-header__nav-link:before {
position: absolute;
display: block;
pointer-events: none;
border: 10px solid transparent;
border-bottom-color: #fff;
content: "";
height: 0;
width: 0;
left: 50%;
top: 100%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
-webkit-animation-duration: 210ms;
animation-duration: 210ms;
}
.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: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 1rem;
color: #67747c;
}
.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: #297cbb;
}
.u-header__sub-menu-title {
display: block;
color: #3b444f;
font-size: 1rem;
font-weight: 500;
margin-bottom: 0.5rem;
}
.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: #297cbb;
}
.u-header__promo-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
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 {
-ms-flex: 1 1 auto;
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: #3b444f;
font-size: 1rem;
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: "";
}
.u-header__banner {
position: relative;
height: 100%;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
border-bottom-left-radius: 0.3125rem;
}
.u-header__banner:not(.u-header__banner-no-overlay)::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(59, 68, 79, 0.5);
border-bottom-left-radius: 0.3125rem;
content: "";
}
.u-header__banner-content {
z-index: 1;
width: 100%;
padding: 1.438rem 1.25rem;
}
.u-header__banner-content:not(.u-header__banner-content-not-centered) {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.u-header__banner-content-not-centered .u-header__banner-text {
padding-right: 0.5rem;
}
.u-header__banner-content .btn-group-sm > .btn,
.u-header__banner-content .btn-sm {
padding: 0.532rem 1.456rem;
}
.u-header__banner-title {
display: block;
color: #fff;
font-size: 1.125rem;
font-weight: 500;
margin-bottom: 0.875rem;
}
.u-header__banner-text {
display: block;
font-size: 0.875rem;
color: #fff;
margin-bottom: 1.375rem;
}
.u-header__banner-caption {
display: block;
color: #fff;
font-size: 1.125rem;
font-weight: 500;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
}
.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: #297cbb;
font-size: 1.125rem;
font-weight: 500;
margin-bottom: 0.5rem;
}
.u-header__product-banner-text {
color: #3b444f;
margin-bottom: 0;
}
.u-header.js-header-fix-moment .u-header__hide-content {
display: none;
}
.u-header.u-header--moved-up.u-header--hide-topbar {
-webkit-transform: translate3d(0, -33px, 0);
transform: translate3d(0, -33px, 0);
}
.hs-position-right.u-header__mega-menu-position-right-fix-10 {
right: 10% !important;
}
.hs-position-right.u-header__mega-menu-position-right-fix-15 {
right: 15% !important;
}
.hs-position-right.u-header__mega-menu-position-right-fix-20 {
right: 20% !important;
}
.hs-position-right.u-header__mega-menu-position-right-fix-25 {
right: 25% !important;
}
.hs-position-right.u-header__mega-menu-position-right-fix-30 {
right: 30% !important;
}
.hs-position-right.u-header__mega-menu-position-right-fix-35 {
right: 35% !important;
}
.hs-position-right.u-header__mega-menu-position-right-fix-40 {
right: 40% !important;
}
.hs-position-right.u-header__mega-menu-position-right-fix-45 {
right: 45% !important;
}
.hs-position-right.u-header__mega-menu-position-right-fix-50 {
right: 50% !important;
}
@media (min-width: 576px) {
.hs-position-right.u-header__mega-menu-position-right-fix-sm-10 {
right: 10% !important;
}
}
@media (min-width: 576px) {
.hs-position-right.u-header__mega-menu-position-right-fix-sm-15 {
right: 15% !important;
}
}
@media (min-width: 576px) {
.hs-position-right.u-header__mega-menu-position-right-fix-sm-20 {
right: 20% !important;
}
}
@media (min-width: 576px) {
.hs-position-right.u-header__mega-menu-position-right-fix-sm-25 {
right: 25% !important;
}
}
@media (min-width: 576px) {
.hs-position-right.u-header__mega-menu-position-right-fix-sm-30 {
right: 30% !important;
}
}
@media (min-width: 576px) {
.hs-position-right.u-header__mega-menu-position-right-fix-sm-35 {
right: 35% !important;
}
}
@media (min-width: 576px) {
.hs-position-right.u-header__mega-menu-position-right-fix-sm-40 {
right: 40% !important;
}
}
@media (min-width: 576px) {
.hs-position-right.u-header__mega-menu-position-right-fix-sm-45 {
right: 45% !important;
}
}
@media (min-width: 576px) {
.hs-position-right.u-header__mega-menu-position-right-fix-sm-50 {
right: 50% !important;
}
}
@media (min-width: 768px) {
.hs-position-right.u-header__mega-menu-position-right-fix-md-10 {
right: 10% !important;
}
}
@media (min-width: 768px) {
.hs-position-right.u-header__mega-menu-position-right-fix-md-15 {
right: 15% !important;
}
}
@media (min-width: 768px) {
.hs-position-right.u-header__mega-menu-position-right-fix-md-20 {
right: 20% !important;
}
}
@media (min-width: 768px) {
.hs-position-right.u-header__mega-menu-position-right-fix-md-25 {
right: 25% !important;
}
}
@media (min-width: 768px) {
.hs-position-right.u-header__mega-menu-position-right-fix-md-30 {
right: 30% !important;
}
}
@media (min-width: 768px) {
.hs-position-right.u-header__mega-menu-position-right-fix-md-35 {
right: 35% !important;
}
}
@media (min-width: 768px) {
.hs-position-right.u-header__mega-menu-position-right-fix-md-40 {
right: 40% !important;
}
}
@media (min-width: 768px) {
.hs-position-right.u-header__mega-menu-position-right-fix-md-45 {
right: 45% !important;
}
}
@media (min-width: 768px) {
.hs-position-right.u-header__mega-menu-position-right-fix-md-50 {
right: 50% !important;
}
}
@media (min-width: 992px) {
.hs-position-right.u-header__mega-menu-position-right-fix-lg-10 {
right: 10% !important;
}
}
@media (min-width: 992px) {
.hs-position-right.u-header__mega-menu-position-right-fix-lg-15 {
right: 15% !important;
}
}
@media (min-width: 992px) {
.hs-position-right.u-header__mega-menu-position-right-fix-lg-20 {
right: 20% !important;
}
}
@media (min-width: 992px) {
.hs-position-right.u-header__mega-menu-position-right-fix-lg-25 {
right: 25% !important;
}
}
@media (min-width: 992px) {
.hs-position-right.u-header__mega-menu-position-right-fix-lg-30 {
right: 30% !important;
}
}
@media (min-width: 992px) {
.hs-position-right.u-header__mega-menu-position-right-fix-lg-35 {
right: 35% !important;
}
}
@media (min-width: 992px) {
.hs-position-right.u-header__mega-menu-position-right-fix-lg-40 {
right: 40% !important;
}
}
@media (min-width: 992px) {
.hs-position-right.u-header__mega-menu-position-right-fix-lg-45 {
right: 45% !important;
}
}
@media (min-width: 992px) {
.hs-position-right.u-header__mega-menu-position-right-fix-lg-50 {
right: 50% !important;
}
}
@media (min-width: 1200px) {
.hs-position-right.u-header__mega-menu-position-right-fix-xl-10 {
right: 10% !important;
}
}
@media (min-width: 1200px) {
.hs-position-right.u-header__mega-menu-position-right-fix-xl-15 {
right: 15% !important;
}
}
@media (min-width: 1200px) {
.hs-position-right.u-header__mega-menu-position-right-fix-xl-20 {
right: 20% !important;
}
}
@media (min-width: 1200px) {
.hs-position-right.u-header__mega-menu-position-right-fix-xl-25 {
right: 25% !important;
}
}
@media (min-width: 1200px) {
.hs-position-right.u-header__mega-menu-position-right-fix-xl-30 {
right: 30% !important;
}
}
@media (min-width: 1200px) {
.hs-position-right.u-header__mega-menu-position-right-fix-xl-35 {
right: 35% !important;
}
}
@media (min-width: 1200px) {
.hs-position-right.u-header__mega-menu-position-right-fix-xl-40 {
right: 40% !important;
}
}
@media (min-width: 1200px) {
.hs-position-right.u-header__mega-menu-position-right-fix-xl-45 {
right: 45% !important;
}
}
@media (min-width: 1200px) {
.hs-position-right.u-header__mega-menu-position-right-fix-xl-50 {
right: 50% !important;
}
}
@media (min-width: 1480px) {
.hs-position-right.u-header__mega-menu-position-right-fix-wd-10 {
right: 10% !important;
}
}
@media (min-width: 1480px) {
.hs-position-right.u-header__mega-menu-position-right-fix-wd-15 {
right: 15% !important;
}
}
@media (min-width: 1480px) {
.hs-position-right.u-header__mega-menu-position-right-fix-wd-20 {
right: 20% !important;
}
}
@media (min-width: 1480px) {
.hs-position-right.u-header__mega-menu-position-right-fix-wd-25 {
right: 25% !important;
}
}
@media (min-width: 1480px) {
.hs-position-right.u-header__mega-menu-position-right-fix-wd-30 {
right: 30% !important;
}
}
@media (min-width: 1480px) {
.hs-position-right.u-header__mega-menu-position-right-fix-wd-35 {
right: 35% !important;
}
}
@media (min-width: 1480px) {
.hs-position-right.u-header__mega-menu-position-right-fix-wd-40 {
right: 40% !important;
}
}
@media (min-width: 1480px) {
.hs-position-right.u-header__mega-menu-position-right-fix-wd-45 {
right: 45% !important;
}
}
@media (min-width: 1480px) {
.hs-position-right.u-header__mega-menu-position-right-fix-wd-50 {
right: 50% !important;
}
}
.hs-position-left.u-header__mega-menu-position-left-fix-10 {
left: 10% !important;
}
.hs-position-left.u-header__mega-menu-position-left-fix-15 {
left: 15% !important;
}
.hs-position-left.u-header__mega-menu-position-left-fix-20 {
left: 20% !important;
}
.hs-position-left.u-header__mega-menu-position-left-fix-25 {
left: 25% !important;
}
.hs-position-left.u-header__mega-menu-position-left-fix-30 {
left: 30% !important;
}
.hs-position-left.u-header__mega-menu-position-left-fix-35 {
left: 35% !important;
}
.hs-position-left.u-header__mega-menu-position-left-fix-40 {
left: 40% !important;
}
.hs-position-left.u-header__mega-menu-position-left-fix-45 {
left: 45% !important;
}
.hs-position-left.u-header__mega-menu-position-left-fix-50 {
left: 50% !important;
}
@media (min-width: 576px) {
.hs-position-left.u-header__mega-menu-position-left-fix-sm-10 {
left: 10% !important;
}
}
@media (min-width: 576px) {
.hs-position-left.u-header__mega-menu-position-left-fix-sm-15 {
left: 15% !important;
}
}
@media (min-width: 576px) {
.hs-position-left.u-header__mega-menu-position-left-fix-sm-20 {
left: 20% !important;
}
}
@media (min-width: 576px) {
.hs-position-left.u-header__mega-menu-position-left-fix-sm-25 {
left: 25% !important;
}
}
@media (min-width: 576px) {
.hs-position-left.u-header__mega-menu-position-left-fix-sm-30 {
left: 30% !important;
}
}
@media (min-width: 576px) {
.hs-position-left.u-header__mega-menu-position-left-fix-sm-35 {
left: 35% !important;
}
}
@media (min-width: 576px) {
.hs-position-left.u-header__mega-menu-position-left-fix-sm-40 {
left: 40% !important;
}
}
@media (min-width: 576px) {
.hs-position-left.u-header__mega-menu-position-left-fix-sm-45 {
left: 45% !important;
}
}
@media (min-width: 576px) {
.hs-position-left.u-header__mega-menu-position-left-fix-sm-50 {
left: 50% !important;
}
}
@media (min-width: 768px) {
.hs-position-left.u-header__mega-menu-position-left-fix-md-10 {
left: 10% !important;
}
}
@media (min-width: 768px) {
.hs-position-left.u-header__mega-menu-position-left-fix-md-15 {
left: 15% !important;
}
}
@media (min-width: 768px) {
.hs-position-left.u-header__mega-menu-position-left-fix-md-20 {
left: 20% !important;
}
}
@media (min-width: 768px) {
.hs-position-left.u-header__mega-menu-position-left-fix-md-25 {
left: 25% !important;
}
}
@media (min-width: 768px) {
.hs-position-left.u-header__mega-menu-position-left-fix-md-30 {
left: 30% !important;
}
}
@media (min-width: 768px) {
.hs-position-left.u-header__mega-menu-position-left-fix-md-35 {
left: 35% !important;
}
}
@media (min-width: 768px) {
.hs-position-left.u-header__mega-menu-position-left-fix-md-40 {
left: 40% !important;
}
}
@media (min-width: 768px) {
.hs-position-left.u-header__mega-menu-position-left-fix-md-45 {
left: 45% !important;
}
}
@media (min-width: 768px) {
.hs-position-left.u-header__mega-menu-position-left-fix-md-50 {
left: 50% !important;
}
}
@media (min-width: 992px) {
.hs-position-left.u-header__mega-menu-position-left-fix-lg-10 {
left: 10% !important;
}
}
@media (min-width: 992px) {
.hs-position-left.u-header__mega-menu-position-left-fix-lg-15 {
left: 15% !important;
}
}
@media (min-width: 992px) {
.hs-position-left.u-header__mega-menu-position-left-fix-lg-20 {
left: 20% !important;
}
}
@media (min-width: 992px) {
.hs-position-left.u-header__mega-menu-position-left-fix-lg-25 {
left: 25% !important;
}
}
@media (min-width: 992px) {
.hs-position-left.u-header__mega-menu-position-left-fix-lg-30 {
left: 30% !important;
}
}
@media (min-width: 992px) {
.hs-position-left.u-header__mega-menu-position-left-fix-lg-35 {
left: 35% !important;
}
}
@media (min-width: 992px) {
.hs-position-left.u-header__mega-menu-position-left-fix-lg-40 {
left: 40% !important;
}
}
@media (min-width: 992px) {
.hs-position-left.u-header__mega-menu-position-left-fix-lg-45 {
left: 45% !important;
}
}
@media (min-width: 992px) {
.hs-position-left.u-header__mega-menu-position-left-fix-lg-50 {
left: 50% !important;
}
}
@media (min-width: 1200px) {
.hs-position-left.u-header__mega-menu-position-left-fix-xl-10 {
left: 10% !important;
}
}
@media (min-width: 1200px) {
.hs-position-left.u-header__mega-menu-position-left-fix-xl-15 {
left: 15% !important;
}
}
@media (min-width: 1200px) {
.hs-position-left.u-header__mega-menu-position-left-fix-xl-20 {
left: 20% !important;
}
}
@media (min-width: 1200px) {
.hs-position-left.u-header__mega-menu-position-left-fix-xl-25 {
left: 25% !important;
}
}
@media (min-width: 1200px) {
.hs-position-left.u-header__mega-menu-position-left-fix-xl-30 {
left: 30% !important;
}
}
@media (min-width: 1200px) {
.hs-position-left.u-header__mega-menu-position-left-fix-xl-35 {
left: 35% !important;
}
}
@media (min-width: 1200px) {
.hs-position-left.u-header__mega-menu-position-left-fix-xl-40 {
left: 40% !important;
}
}
@media (min-width: 1200px) {
.hs-position-left.u-header__mega-menu-position-left-fix-xl-45 {
left: 45% !important;
}
}
@media (min-width: 1200px) {
.hs-position-left.u-header__mega-menu-position-left-fix-xl-50 {
left: 50% !important;
}
}
@media (min-width: 1480px) {
.hs-position-left.u-header__mega-menu-position-left-fix-wd-10 {
left: 10% !important;
}
}
@media (min-width: 1480px) {
.hs-position-left.u-header__mega-menu-position-left-fix-wd-15 {
left: 15% !important;
}
}
@media (min-width: 1480px) {
.hs-position-left.u-header__mega-menu-position-left-fix-wd-20 {
left: 20% !important;
}
}
@media (min-width: 1480px) {
.hs-position-left.u-header__mega-menu-position-left-fix-wd-25 {
left: 25% !important;
}
}
@media (min-width: 1480px) {
.hs-position-left.u-header__mega-menu-position-left-fix-wd-30 {
left: 30% !important;
}
}
@media (min-width: 1480px) {
.hs-position-left.u-header__mega-menu-position-left-fix-wd-35 {
left: 35% !important;
}
}
@media (min-width: 1480px) {
.hs-position-left.u-header__mega-menu-position-left-fix-wd-40 {
left: 40% !important;
}
}
@media (min-width: 1480px) {
.hs-position-left.u-header__mega-menu-position-left-fix-wd-45 {
left: 45% !important;
}
}
@media (min-width: 1480px) {
.hs-position-left.u-header__mega-menu-position-left-fix-wd-50 {
left: 50% !important;
}
}
.u-header--invisible {
display: none;
}
.u-header--moved-up {
-webkit-transform: translate3d(0, -100%, 0);
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;
}
@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 {
-ms-flex: 0 0 16.666667%;
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: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.u-header-center-aligned-nav__col-last-item {
-ms-flex-positive: 1;
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;
}
}
.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;
}
.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: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: 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;
}
.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.375rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
@media (min-width: 992px) {
.u-fullscreen__nav-link {
font-size: 1.75rem;
}
}
.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;
}
.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 .btn-text-secondary,
.u-header--navbar-bg .dropdown-nav-link,
.u-header--navbar-bg .u-header__navbar-link {
color: rgba(255, 255, 255, 0.6);
}
.u-header--navbar-bg .btn-text-secondary:hover,
.u-header--navbar-bg .dropdown-nav-link:hover,
.u-header--navbar-bg .u-header__navbar-link: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::after,
.u-header--navbar-bg .u-hamburger__inner::before {
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::after,
.u-header--navbar-bg .u-hamburger:hover .u-hamburger__inner::before {
background-color: #fff;
}
.u-header--sub-menu-dark-bg .u-header__promo,
.u-header--sub-menu-dark-bg .u-header__sub-menu {
background-color: #3b444f;
}
.u-header--sub-menu-dark-bg .u-header__promo-title,
.u-header--sub-menu-dark-bg .u-header__sub-menu-title {
color: rgba(255, 255, 255, 0.8);
}
.u-header--sub-menu-dark-bg .u-header__promo-footer {
background-color: #39414c;
}
.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: #297cbb;
}
.u-header--sub-menu-dark-bg .u-header__product-banner {
background-color: #39414c;
}
.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__promo,
.u-header--sub-menu-dark-bg-sm .u-header__sub-menu {
background-color: #3b444f;
}
.u-header--sub-menu-dark-bg-sm .u-header__promo-title,
.u-header--sub-menu-dark-bg-sm .u-header__sub-menu-title {
color: rgba(255, 255, 255, 0.8);
}
.u-header--sub-menu-dark-bg-sm .u-header__promo-footer {
background-color: #39414c;
}
.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: #297cbb;
}
.u-header--sub-menu-dark-bg-sm .u-header__product-banner {
background-color: #39414c;
}
.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__promo,
.u-header--sub-menu-dark-bg-md .u-header__sub-menu {
background-color: #3b444f;
}
.u-header--sub-menu-dark-bg-md .u-header__promo-title,
.u-header--sub-menu-dark-bg-md .u-header__sub-menu-title {
color: rgba(255, 255, 255, 0.8);
}
.u-header--sub-menu-dark-bg-md .u-header__promo-footer {
background-color: #39414c;
}
.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: #297cbb;
}
.u-header--sub-menu-dark-bg-md .u-header__product-banner {
background-color: #39414c;
}
.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__promo,
.u-header--sub-menu-dark-bg-lg .u-header__sub-menu {
background-color: #3b444f;
}
.u-header--sub-menu-dark-bg-lg .u-header__promo-title,
.u-header--sub-menu-dark-bg-lg .u-header__sub-menu-title {
color: rgba(255, 255, 255, 0.8);
}
.u-header--sub-menu-dark-bg-lg .u-header__promo-footer {
background-color: #39414c;
}
.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: #297cbb;
}
.u-header--sub-menu-dark-bg-lg .u-header__product-banner {
background-color: #39414c;
}
.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__promo,
.u-header--sub-menu-dark-bg-xl .u-header__sub-menu {
background-color: #3b444f;
}
.u-header--sub-menu-dark-bg-xl .u-header__promo-title,
.u-header--sub-menu-dark-bg-xl .u-header__sub-menu-title {
color: rgba(255, 255, 255, 0.8);
}
.u-header--sub-menu-dark-bg-xl .u-header__promo-footer {
background-color: #39414c;
}
.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: #297cbb;
}
.u-header--sub-menu-dark-bg-xl .u-header__product-banner {
background-color: #39414c;
}
.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__promo,
.u-header--sub-menu-dark-bg-wd .u-header__sub-menu {
background-color: #3b444f;
}
.u-header--sub-menu-dark-bg-wd .u-header__promo-title,
.u-header--sub-menu-dark-bg-wd .u-header__sub-menu-title {
color: rgba(255, 255, 255, 0.8);
}
.u-header--sub-menu-dark-bg-wd .u-header__promo-footer {
background-color: #39414c;
}
.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: #297cbb;
}
.u-header--sub-menu-dark-bg-wd .u-header__product-banner {
background-color: #39414c;
}
.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);
}
}
.u-header--bg-primary:not(.js-header-fix-moment)
.u-search-push-top[style*="display: block"]
+ .u-header__section,
.u-header--bg-violet:not(.js-header-fix-moment)
.u-search-push-top[style*="display: block"]
+ .u-header__section {
background-color: #fff;
}
.u-header--bg-primary:not(.js-header-fix-moment) .u-header__section,
.u-header--bg-violet:not(.js-header-fix-moment) .u-header__section {
background-color: #6f13cd;
box-shadow: none;
}
.u-header--bg-primary .u-header__navbar-brand-collapsed,
.u-header--bg-primary
.u-header__navbar-brand-collapsed
.u-header__navbar-brand-text,
.u-header--bg-primary .u-header__navbar-brand-on-scroll,
.u-header--bg-primary
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text,
.u-header--bg-violet .u-header__navbar-brand-collapsed,
.u-header--bg-violet
.u-header__navbar-brand-collapsed
.u-header__navbar-brand-text,
.u-header--bg-violet .u-header__navbar-brand-on-scroll,
.u-header--bg-violet
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text {
display: none;
}
.u-header--bg-primary.js-header-fix-moment .u-header__navbar-brand-default,
.u-header--bg-primary.js-header-fix-moment
.u-header__navbar-brand-default
.u-header__navbar-brand-text,
.u-header--bg-violet.js-header-fix-moment .u-header__navbar-brand-default,
.u-header--bg-violet.js-header-fix-moment
.u-header__navbar-brand-default
.u-header__navbar-brand-text {
display: none;
}
.u-header--bg-primary.js-header-fix-moment .u-header__navbar-brand-on-scroll,
.u-header--bg-violet.js-header-fix-moment .u-header__navbar-brand-on-scroll {
display: -ms-flexbox;
display: flex;
}
.u-header--bg-primary.js-header-fix-moment
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text,
.u-header--bg-violet.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-primary-sm:not(.js-header-fix-moment)
.u-search-push-top[style*="display: block"]
+ .u-header__section,
.u-header--bg-violet-sm:not(.js-header-fix-moment)
.u-search-push-top[style*="display: block"]
+ .u-header__section {
background-color: #fff;
}
.u-header--bg-primary-sm:not(.js-header-fix-moment) .u-header__section,
.u-header--bg-violet-sm:not(.js-header-fix-moment) .u-header__section {
background-color: #6f13cd;
box-shadow: none;
}
}
@media (min-width: 576px) {
.u-header--bg-primary-sm .u-header__navbar-brand-collapsed,
.u-header--bg-primary-sm
.u-header__navbar-brand-collapsed
.u-header__navbar-brand-text,
.u-header--bg-primary-sm .u-header__navbar-brand-on-scroll,
.u-header--bg-primary-sm
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text,
.u-header--bg-violet-sm .u-header__navbar-brand-collapsed,
.u-header--bg-violet-sm
.u-header__navbar-brand-collapsed
.u-header__navbar-brand-text,
.u-header--bg-violet-sm .u-header__navbar-brand-on-scroll,
.u-header--bg-violet-sm
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text {
display: none;
}
.u-header--bg-primary-sm.js-header-fix-moment .u-header__navbar-brand-default,
.u-header--bg-primary-sm.js-header-fix-moment
.u-header__navbar-brand-default
.u-header__navbar-brand-text,
.u-header--bg-violet-sm.js-header-fix-moment .u-header__navbar-brand-default,
.u-header--bg-violet-sm.js-header-fix-moment
.u-header__navbar-brand-default
.u-header__navbar-brand-text {
display: none;
}
.u-header--bg-primary-sm.js-header-fix-moment
.u-header__navbar-brand-on-scroll,
.u-header--bg-violet-sm.js-header-fix-moment
.u-header__navbar-brand-on-scroll {
display: -ms-flexbox;
display: flex;
}
.u-header--bg-primary-sm.js-header-fix-moment
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text,
.u-header--bg-violet-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-primary-md:not(.js-header-fix-moment)
.u-search-push-top[style*="display: block"]
+ .u-header__section,
.u-header--bg-violet-md:not(.js-header-fix-moment)
.u-search-push-top[style*="display: block"]
+ .u-header__section {
background-color: #fff;
}
.u-header--bg-primary-md:not(.js-header-fix-moment) .u-header__section,
.u-header--bg-violet-md:not(.js-header-fix-moment) .u-header__section {
background-color: #6f13cd;
box-shadow: none;
}
}
@media (min-width: 768px) {
.u-header--bg-primary-md .u-header__navbar-brand-collapsed,
.u-header--bg-primary-md
.u-header__navbar-brand-collapsed
.u-header__navbar-brand-text,
.u-header--bg-primary-md .u-header__navbar-brand-on-scroll,
.u-header--bg-primary-md
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text,
.u-header--bg-violet-md .u-header__navbar-brand-collapsed,
.u-header--bg-violet-md
.u-header__navbar-brand-collapsed
.u-header__navbar-brand-text,
.u-header--bg-violet-md .u-header__navbar-brand-on-scroll,
.u-header--bg-violet-md
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text {
display: none;
}
.u-header--bg-primary-md.js-header-fix-moment .u-header__navbar-brand-default,
.u-header--bg-primary-md.js-header-fix-moment
.u-header__navbar-brand-default
.u-header__navbar-brand-text,
.u-header--bg-violet-md.js-header-fix-moment .u-header__navbar-brand-default,
.u-header--bg-violet-md.js-header-fix-moment
.u-header__navbar-brand-default
.u-header__navbar-brand-text {
display: none;
}
.u-header--bg-primary-md.js-header-fix-moment
.u-header__navbar-brand-on-scroll,
.u-header--bg-violet-md.js-header-fix-moment
.u-header__navbar-brand-on-scroll {
display: -ms-flexbox;
display: flex;
}
.u-header--bg-primary-md.js-header-fix-moment
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text,
.u-header--bg-violet-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-primary-lg:not(.js-header-fix-moment)
.u-search-push-top[style*="display: block"]
+ .u-header__section,
.u-header--bg-violet-lg:not(.js-header-fix-moment)
.u-search-push-top[style*="display: block"]
+ .u-header__section {
background-color: #fff;
}
.u-header--bg-primary-lg:not(.js-header-fix-moment) .u-header__section,
.u-header--bg-violet-lg:not(.js-header-fix-moment) .u-header__section {
background-color: #6f13cd;
box-shadow: none;
}
}
@media (min-width: 992px) {
.u-header--bg-primary-lg .u-header__navbar-brand-collapsed,
.u-header--bg-primary-lg
.u-header__navbar-brand-collapsed
.u-header__navbar-brand-text,
.u-header--bg-primary-lg .u-header__navbar-brand-on-scroll,
.u-header--bg-primary-lg
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text,
.u-header--bg-violet-lg .u-header__navbar-brand-collapsed,
.u-header--bg-violet-lg
.u-header__navbar-brand-collapsed
.u-header__navbar-brand-text,
.u-header--bg-violet-lg .u-header__navbar-brand-on-scroll,
.u-header--bg-violet-lg
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text {
display: none;
}
.u-header--bg-primary-lg.js-header-fix-moment .u-header__navbar-brand-default,
.u-header--bg-primary-lg.js-header-fix-moment
.u-header__navbar-brand-default
.u-header__navbar-brand-text,
.u-header--bg-violet-lg.js-header-fix-moment .u-header__navbar-brand-default,
.u-header--bg-violet-lg.js-header-fix-moment
.u-header__navbar-brand-default
.u-header__navbar-brand-text {
display: none;
}
.u-header--bg-primary-lg.js-header-fix-moment
.u-header__navbar-brand-on-scroll,
.u-header--bg-violet-lg.js-header-fix-moment
.u-header__navbar-brand-on-scroll {
display: -ms-flexbox;
display: flex;
}
.u-header--bg-primary-lg.js-header-fix-moment
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text,
.u-header--bg-violet-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-primary-xl:not(.js-header-fix-moment)
.u-search-push-top[style*="display: block"]
+ .u-header__section,
.u-header--bg-violet-xl:not(.js-header-fix-moment)
.u-search-push-top[style*="display: block"]
+ .u-header__section {
background-color: #fff;
}
.u-header--bg-primary-xl:not(.js-header-fix-moment) .u-header__section,
.u-header--bg-violet-xl:not(.js-header-fix-moment) .u-header__section {
background-color: #6f13cd;
box-shadow: none;
}
}
@media (min-width: 1200px) {
.u-header--bg-primary-xl .u-header__navbar-brand-collapsed,
.u-header--bg-primary-xl
.u-header__navbar-brand-collapsed
.u-header__navbar-brand-text,
.u-header--bg-primary-xl .u-header__navbar-brand-on-scroll,
.u-header--bg-primary-xl
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text,
.u-header--bg-violet-xl .u-header__navbar-brand-collapsed,
.u-header--bg-violet-xl
.u-header__navbar-brand-collapsed
.u-header__navbar-brand-text,
.u-header--bg-violet-xl .u-header__navbar-brand-on-scroll,
.u-header--bg-violet-xl
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text {
display: none;
}
.u-header--bg-primary-xl.js-header-fix-moment .u-header__navbar-brand-default,
.u-header--bg-primary-xl.js-header-fix-moment
.u-header__navbar-brand-default
.u-header__navbar-brand-text,
.u-header--bg-violet-xl.js-header-fix-moment .u-header__navbar-brand-default,
.u-header--bg-violet-xl.js-header-fix-moment
.u-header__navbar-brand-default
.u-header__navbar-brand-text {
display: none;
}
.u-header--bg-primary-xl.js-header-fix-moment
.u-header__navbar-brand-on-scroll,
.u-header--bg-violet-xl.js-header-fix-moment
.u-header__navbar-brand-on-scroll {
display: -ms-flexbox;
display: flex;
}
.u-header--bg-primary-xl.js-header-fix-moment
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text,
.u-header--bg-violet-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-primary-wd:not(.js-header-fix-moment)
.u-search-push-top[style*="display: block"]
+ .u-header__section,
.u-header--bg-violet-wd:not(.js-header-fix-moment)
.u-search-push-top[style*="display: block"]
+ .u-header__section {
background-color: #fff;
}
.u-header--bg-primary-wd:not(.js-header-fix-moment) .u-header__section,
.u-header--bg-violet-wd:not(.js-header-fix-moment) .u-header__section {
background-color: #6f13cd;
box-shadow: none;
}
}
@media (min-width: 1480px) {
.u-header--bg-primary-wd .u-header__navbar-brand-collapsed,
.u-header--bg-primary-wd
.u-header__navbar-brand-collapsed
.u-header__navbar-brand-text,
.u-header--bg-primary-wd .u-header__navbar-brand-on-scroll,
.u-header--bg-primary-wd
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text,
.u-header--bg-violet-wd .u-header__navbar-brand-collapsed,
.u-header--bg-violet-wd
.u-header__navbar-brand-collapsed
.u-header__navbar-brand-text,
.u-header--bg-violet-wd .u-header__navbar-brand-on-scroll,
.u-header--bg-violet-wd
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text {
display: none;
}
.u-header--bg-primary-wd.js-header-fix-moment .u-header__navbar-brand-default,
.u-header--bg-primary-wd.js-header-fix-moment
.u-header__navbar-brand-default
.u-header__navbar-brand-text,
.u-header--bg-violet-wd.js-header-fix-moment .u-header__navbar-brand-default,
.u-header--bg-violet-wd.js-header-fix-moment
.u-header__navbar-brand-default
.u-header__navbar-brand-text {
display: none;
}
.u-header--bg-primary-wd.js-header-fix-moment
.u-header__navbar-brand-on-scroll,
.u-header--bg-violet-wd.js-header-fix-moment
.u-header__navbar-brand-on-scroll {
display: -ms-flexbox;
display: flex;
}
.u-header--bg-primary-wd.js-header-fix-moment
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text,
.u-header--bg-violet-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-primary-sm .u-header__navbar-brand-default,
.u-header--bg-primary-sm .u-header__navbar-brand-on-scroll,
.u-header--bg-violet-sm .u-header__navbar-brand-default,
.u-header--bg-violet-sm .u-header__navbar-brand-on-scroll {
display: none;
}
}
@media (max-width: 767.98px) {
.u-header--bg-primary-md .u-header__navbar-brand-default,
.u-header--bg-primary-md .u-header__navbar-brand-on-scroll,
.u-header--bg-violet-md .u-header__navbar-brand-default,
.u-header--bg-violet-md .u-header__navbar-brand-on-scroll {
display: none;
}
}
@media (max-width: 991.98px) {
.u-header--bg-primary-lg .u-header__navbar-brand-default,
.u-header--bg-primary-lg .u-header__navbar-brand-on-scroll,
.u-header--bg-violet-lg .u-header__navbar-brand-default,
.u-header--bg-violet-lg .u-header__navbar-brand-on-scroll {
display: none;
}
}
@media (max-width: 1199.98px) {
.u-header--bg-primary-xl .u-header__navbar-brand-default,
.u-header--bg-primary-xl .u-header__navbar-brand-on-scroll,
.u-header--bg-violet-xl .u-header__navbar-brand-default,
.u-header--bg-violet-xl .u-header__navbar-brand-on-scroll {
display: none;
}
}
@media (max-width: 1479.98px) {
.u-header--bg-primary-wd .u-header__navbar-brand-default,
.u-header--bg-primary-wd .u-header__navbar-brand-on-scroll,
.u-header--bg-violet-wd .u-header__navbar-brand-default,
.u-header--bg-violet-wd .u-header__navbar-brand-on-scroll {
display: none;
}
}
.u-header--bg-primary .u-header__navbar-brand-default,
.u-header--bg-primary .u-header__navbar-brand-on-scroll,
.u-header--bg-violet .u-header__navbar-brand-default,
.u-header--bg-violet .u-header__navbar-brand-on-scroll {
display: none;
}
.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: -ms-flexbox;
display: flex;
}
.u-header--bg-transparent.js-header-fix-moment
.u-header__navbar-brand-on-scroll
.u-header__navbar-brand-text {
display: inline-block;
}
.u-header--bg-transparent .u-header__navbar-link {
padding-top: 1.219rem;
padding-bottom: 1.219rem;
}
@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;
}
.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: -ms-flexbox;
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;
}
.u-header--bg-transparent-sm .u-header__navbar-link {
padding-top: 1.219rem;
padding-bottom: 1.219rem;
}
}
@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;
}
.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: -ms-flexbox;
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;
}
.u-header--bg-transparent-md .u-header__navbar-link {
padding-top: 1.219rem;
padding-bottom: 1.219rem;
}
}
@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;
}
.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: -ms-flexbox;
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;
}
.u-header--bg-transparent-lg .u-header__navbar-link {
padding-top: 1.219rem;
padding-bottom: 1.219rem;
}
}
@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;
}
.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: -ms-flexbox;
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;
}
.u-header--bg-transparent-xl .u-header__navbar-link {
padding-top: 0.319rem;
padding-bottom: 0.319rem;
}
}
@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;
}
.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: -ms-flexbox;
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;
}
.u-header--bg-transparent-wd .u-header__navbar-link {
padding-top: 1.219rem;
padding-bottom: 1.219rem;
}
}
@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: -ms-flexbox;
display: flex;
}
@media (max-width: 1199.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;
}
.u-header--bg-transparent.u-scrolled .scroll-icon i {
color: #297cbb !important;
}
}
.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);
}
.u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment)
.u-header__nav-item:hover
.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 {
color: #fff;
}
.u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment)
.u-header__nav-link:hover {
color: rgba(255, 255, 255, 0.7);
}
.u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment)
.btn-text-secondary,
.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)
.u-header__navbar-link {
color: #fff;
}
.u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment)
.btn-text-secondary: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)
.u-header__navbar-link:hover {
color: rgba(255, 255, 255, 0.6);
}
@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: rgba(255, 255, 255, 0.7);
}
.u-header--white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment)
.u-header__nav-link {
color: #fff;
}
.u-header--white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment)
.u-header__nav-link:hover {
color: rgba(255, 255, 255, 0.7);
}
.u-header--white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment)
.btn-text-secondary,
.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)
.u-header__navbar-link {
color: #fff;
}
.u-header--white-nav-links-sm:not(.bg-white):not(.js-header-fix-moment)
.btn-text-secondary: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)
.u-header__navbar-link:hover {
color: rgba(255, 255, 255, 0.6);
}
}
@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: rgba(255, 255, 255, 0.7);
}
.u-header--white-nav-links-md:not(.bg-white):not(.js-header-fix-moment)
.u-header__nav-link {
color: #fff;
}
.u-header--white-nav-links-md:not(.bg-white):not(.js-header-fix-moment)
.u-header__nav-link:hover {
color: rgba(255, 255, 255, 0.7);
}
.u-header--white-nav-links-md:not(.bg-white):not(.js-header-fix-moment)
.btn-text-secondary,
.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)
.u-header__navbar-link {
color: #fff;
}
.u-header--white-nav-links-md:not(.bg-white):not(.js-header-fix-moment)
.btn-text-secondary: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)
.u-header__navbar-link:hover {
color: rgba(255, 255, 255, 0.6);
}
}
@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: rgba(255, 255, 255, 0.7);
}
.u-header--white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment)
.u-header__nav-link {
color: #fff;
}
.u-header--white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment)
.u-header__nav-link:hover {
color: rgba(255, 255, 255, 0.7);
}
.u-header--white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment)
.btn-text-secondary,
.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)
.u-header__navbar-link {
color: #fff;
}
.u-header--white-nav-links-lg:not(.bg-white):not(.js-header-fix-moment)
.btn-text-secondary: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)
.u-header__navbar-link:hover {
color: rgba(255, 255, 255, 0.6);
}
}
@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: rgba(255, 255, 255, 0.7);
}
.u-header--white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment)
.u-header__nav-link {
color: #fff;
}
.u-header--white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment)
.u-header__nav-link:hover {
color: rgba(255, 255, 255, 0.7);
}
.u-header--white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment)
.btn-text-secondary,
.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)
.u-header__navbar-link {
color: #fff;
}
.u-header--white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment)
.btn-text-secondary: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)
.u-header__navbar-link:hover {
color: rgba(255, 255, 255, 0.6);
}
}
@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: rgba(255, 255, 255, 0.7);
}
.u-header--white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment)
.u-header__nav-link {
color: #fff;
}
.u-header--white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment)
.u-header__nav-link:hover {
color: rgba(255, 255, 255, 0.7);
}
.u-header--white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment)
.btn-text-secondary,
.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)
.u-header__navbar-link {
color: #fff;
}
.u-header--white-nav-links-wd:not(.bg-white):not(.js-header-fix-moment)
.btn-text-secondary: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)
.u-header__navbar-link:hover {
color: rgba(255, 255, 255, 0.6);
}
}
.u-header--dark-nav-links:not(.bg-dark)
.u-header__nav-item:hover
.u-header__nav-link {
color: #297cbb;
}
.u-header--dark-nav-links:not(.bg-dark) .u-header__nav-link {
color: #3b444f;
}
@media (min-width: 576px) {
.u-header--dark-nav-links-sm:not(.bg-dark)
.u-header__nav-item:hover
.u-header__nav-link {
color: #297cbb;
}
.u-header--dark-nav-links-sm:not(.bg-dark) .u-header__nav-link {
color: #3b444f;
}
}
@media (min-width: 768px) {
.u-header--dark-nav-links-md:not(.bg-dark)
.u-header__nav-item:hover
.u-header__nav-link {
color: #297cbb;
}
.u-header--dark-nav-links-md:not(.bg-dark) .u-header__nav-link {
color: #3b444f;
}
}
@media (min-width: 992px) {
.u-header--dark-nav-links-lg:not(.bg-dark)
.u-header__nav-item:hover
.u-header__nav-link {
color: #297cbb;
}
.u-header--dark-nav-links-lg:not(.bg-dark) .u-header__nav-link {
color: #3b444f;
}
}
@media (min-width: 1200px) {
.u-header--dark-nav-links-xl:not(.bg-dark)
.u-header__nav-item:hover
.u-header__nav-link {
color: #297cbb;
}
.u-header--dark-nav-links-xl:not(.bg-dark) .u-header__nav-link {
color: #3b444f;
}
}
@media (min-width: 1480px) {
.u-header--dark-nav-links-wd:not(.bg-dark)
.u-header__nav-item:hover
.u-header__nav-link {
color: #297cbb;
}
.u-header--dark-nav-links-wd:not(.bg-dark) .u-header__nav-link {
color: #3b444f;
}
}
.navbar-expand {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-expand.u-header__navbar--no-space {
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand .u-header__navbar-nav {
-ms-flex-align: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand .u-header__sub-menu-bordered > li + li .nav-link {
border-top: 1px solid #ebf0f7;
}
.navbar-expand .hs-mega-menu {
padding: 1.875rem;
}
.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: 1.5rem;
padding-bottom: 1.5rem;
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand .u-header__navbar-nav .u-header__sub-menu {
border-top: 0.1875rem solid #297cbb;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
box-shadow: 0 8px 20px rgba(41, 124, 187, 0.075);
}
[class*="u-header--bg-transparent"].u-header:not(.js-header-fix-moment)
.navbar-expand
.u-header__navbar-nav
.u-header__sub-menu-rounded {
border-top: unset;
border-radius: 0.188rem;
}
.navbar-expand .u-header__navbar-nav .u-header__sub-menu-nav-link {
padding-right: 0;
padding-left: 0;
}
.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: 0.813rem 1.875rem;
}
.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: -1.1875rem;
}
.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: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}
.navbar-expand .u-header__promo-card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
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 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-expand-sm.u-header__navbar--no-space {
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-sm .u-header__navbar-nav {
-ms-flex-align: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-sm .u-header__sub-menu-bordered > li + li .nav-link {
border-top: 1px solid #ebf0f7;
}
.navbar-expand-sm .hs-mega-menu {
padding: 1.875rem;
}
.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: 1.5rem;
padding-bottom: 1.5rem;
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu {
border-top: 0.1875rem solid #297cbb;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
box-shadow: 0 8px 20px rgba(41, 124, 187, 0.075);
}
[class*="u-header--bg-transparent"].u-header:not(.js-header-fix-moment)
.navbar-expand-sm
.u-header__navbar-nav
.u-header__sub-menu-rounded {
border-top: unset;
border-radius: 0.188rem;
}
.navbar-expand-sm .u-header__navbar-nav .u-header__sub-menu-nav-link {
padding-right: 0;
padding-left: 0;
}
.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: 0.813rem 1.875rem;
}
.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: -1.1875rem;
}
.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: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}
.navbar-expand-sm .u-header__promo-card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
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 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-expand-md.u-header__navbar--no-space {
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-md .u-header__navbar-nav {
-ms-flex-align: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-md .u-header__sub-menu-bordered > li + li .nav-link {
border-top: 1px solid #ebf0f7;
}
.navbar-expand-md .hs-mega-menu {
padding: 1.875rem;
}
.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: 1.5rem;
padding-bottom: 1.5rem;
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand-md .u-header__navbar-nav .u-header__sub-menu {
border-top: 0.1875rem solid #297cbb;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
box-shadow: 0 8px 20px rgba(41, 124, 187, 0.075);
}
[class*="u-header--bg-transparent"].u-header:not(.js-header-fix-moment)
.navbar-expand-md
.u-header__navbar-nav
.u-header__sub-menu-rounded {
border-top: unset;
border-radius: 0.188rem;
}
.navbar-expand-md .u-header__navbar-nav .u-header__sub-menu-nav-link {
padding-right: 0;
padding-left: 0;
}
.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: 0.813rem 1.875rem;
}
.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: -1.1875rem;
}
.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: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}
.navbar-expand-md .u-header__promo-card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
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 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-expand-lg.u-header__navbar--no-space {
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-lg .u-header__navbar-nav {
-ms-flex-align: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-lg .u-header__sub-menu-bordered > li + li .nav-link {
border-top: 1px solid #ebf0f7;
}
.navbar-expand-lg .hs-mega-menu {
padding: 1.875rem;
}
.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: 1.5rem;
padding-bottom: 1.5rem;
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu {
border-top: 0.1875rem solid #297cbb;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
box-shadow: 0 8px 20px rgba(41, 124, 187, 0.075);
}
[class*="u-header--bg-transparent"].u-header:not(.js-header-fix-moment)
.navbar-expand-lg
.u-header__navbar-nav
.u-header__sub-menu-rounded {
border-top: unset;
border-radius: 0.188rem;
}
.navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu-nav-link {
padding-right: 0;
padding-left: 0;
}
.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: 0.813rem 1.875rem;
}
.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: -1.1875rem;
}
.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: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}
.navbar-expand-lg .u-header__promo-card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
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 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-expand-xl.u-header__navbar--no-space {
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-xl .u-header__navbar-nav {
-ms-flex-align: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-xl .u-header__sub-menu-bordered > li + li .nav-link {
border-top: 1px solid #ebf0f7;
}
.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: 1.5rem;
padding-bottom: 1.5rem;
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu {
border-top: 0.1875rem solid #297cbb;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
box-shadow: 0 8px 20px rgba(41, 124, 187, 0.075);
}
[class*="u-header--bg-transparent"].u-header:not(.js-header-fix-moment)
.navbar-expand-xl
.u-header__navbar-nav
.u-header__sub-menu-rounded {
border-top: unset;
border-radius: 0.188rem;
}
.navbar-expand-xl .u-header__navbar-nav .u-header__sub-menu-nav-link {
padding-right: 0;
padding-left: 0;
}
.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: 0.813rem 1.875rem;
}
.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: -1.1875rem;
}
.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: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}
.navbar-expand-xl .u-header__promo-card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
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 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.navbar-expand-wd.u-header__navbar--no-space {
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-wd .u-header__navbar-nav {
-ms-flex-align: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.navbar-expand-wd .u-header__sub-menu-bordered > li + li .nav-link {
border-top: 1px solid #ebf0f7;
}
.navbar-expand-wd .hs-mega-menu {
padding: 1.875rem;
}
.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: 1.5rem;
padding-bottom: 1.5rem;
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand-wd .u-header__navbar-nav .u-header__sub-menu {
border-top: 0.1875rem solid #297cbb;
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
box-shadow: 0 8px 20px rgba(41, 124, 187, 0.075);
}
[class*="u-header--bg-transparent"].u-header:not(.js-header-fix-moment)
.navbar-expand-wd
.u-header__navbar-nav
.u-header__sub-menu-rounded {
border-top: unset;
border-radius: 0.188rem;
}
.navbar-expand-wd .u-header__navbar-nav .u-header__sub-menu-nav-link {
padding-right: 0;
padding-left: 0;
}
.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: 0.813rem 1.875rem;
}
.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: -1.1875rem;
}
.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: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
}
.navbar-expand-wd .u-header__promo-card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
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: -ms-flexbox;
display: flex;
-ms-flex-align: center;
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 {
-webkit-transform: rotate(90deg);
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 {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar-expand-sm
.hs-sub-menu-opened
> .u-header__sub-menu-nav-link-toggle::after {
-webkit-transform: rotate(-90deg);
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 #297cbb;
}
.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: -ms-flexbox;
display: flex;
-ms-flex-align: center;
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 {
-webkit-transform: rotate(90deg);
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 {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar-expand-md
.hs-sub-menu-opened
> .u-header__sub-menu-nav-link-toggle::after {
-webkit-transform: rotate(-90deg);
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 #297cbb;
}
.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: -ms-flexbox;
display: flex;
-ms-flex-align: center;
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 {
-webkit-transform: rotate(90deg);
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 {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar-expand-lg
.hs-sub-menu-opened
> .u-header__sub-menu-nav-link-toggle::after {
-webkit-transform: rotate(-90deg);
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 #297cbb;
}
.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: -ms-flexbox;
display: flex;
-ms-flex-align: center;
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 {
-webkit-transform: rotate(90deg);
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 {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar-expand-xl
.hs-sub-menu-opened
> .u-header__sub-menu-nav-link-toggle::after {
-webkit-transform: rotate(-90deg);
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 #297cbb;
}
.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: -ms-flexbox;
display: flex;
-ms-flex-align: center;
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 {
-webkit-transform: rotate(90deg);
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 {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar-expand-wd
.hs-sub-menu-opened
> .u-header__sub-menu-nav-link-toggle::after {
-webkit-transform: rotate(-90deg);
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 #297cbb;
}
.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: -ms-flexbox;
display: flex;
-ms-flex-align: center;
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 {
-webkit-transform: rotate(90deg);
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 {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar-expand
.hs-sub-menu-opened
> .u-header__sub-menu-nav-link-toggle::after {
-webkit-transform: rotate(-90deg);
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 #297cbb;
}
.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-lg .u-header__banner,
.navbar-expand-lg .u-header__product-banner,
.navbar-expand-md .u-header__banner,
.navbar-expand-md .u-header__product-banner,
.navbar-expand-sm .u-header__banner,
.navbar-expand-sm .u-header__product-banner,
.navbar-expand-xs .u-header__banner,
.navbar-expand-xs .u-header__product-banner {
display: none;
}
.navbar-expand-lg .u-header__banner-caption,
.navbar-expand-md .u-header__banner-caption,
.navbar-expand-sm .u-header__banner-caption,
.navbar-expand-xs .u-header__banner-caption {
position: static;
font-size: 1rem;
color: #67747c;
padding-left: 1.5rem;
-webkit-transform: unset;
transform: unset;
text-align: left;
}
.navbar-expand-lg .u-header__banner-caption:focus,
.navbar-expand-lg .u-header__banner-caption:hover,
.navbar-expand-md .u-header__banner-caption:focus,
.navbar-expand-md .u-header__banner-caption:hover,
.navbar-expand-sm .u-header__banner-caption:focus,
.navbar-expand-sm .u-header__banner-caption:hover,
.navbar-expand-xs .u-header__banner-caption:focus,
.navbar-expand-xs .u-header__banner-caption:hover {
color: #297cbb;
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl .u-header__banner,
.navbar-expand-xl .u-header__product-banner {
display: none;
}
.navbar-expand-xl .u-header__banner-caption {
position: static;
font-size: 1rem;
color: #67747c;
padding-left: 1.5rem;
-webkit-transform: unset;
transform: unset;
text-align: left;
}
.navbar-expand-xl .u-header__banner-caption:focus,
.navbar-expand-xl .u-header__banner-caption:hover {
color: #297cbb;
}
}
@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) {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.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;
}
.u-header--abs-bottom,
.u-header--abs-top,
.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-bottom-sm,
.u-header--abs-top-2nd-screen-sm,
.u-header--abs-top-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-bottom-md,
.u-header--abs-top-2nd-screen-md,
.u-header--abs-top-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-bottom-lg,
.u-header--abs-top-2nd-screen-lg,
.u-header--abs-top-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-bottom-xl,
.u-header--abs-top-2nd-screen-xl,
.u-header--abs-top-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-bottom-wd,
.u-header--abs-top-2nd-screen-wd,
.u-header--abs-top-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-sm:not(.js-header-fix-moment)
.navbar-expand-md
.hs-mega-menu,
.u-header--abs-bottom:not(.js-header-fix-moment)
.navbar-expand-md
.hs-mega-menu {
bottom: 52.8%;
}
}
.u-header--abs-bottom__inner,
.u-header--abs-top-2nd-screen__inner,
.u-header--abs-top__inner {
max-height: 50vh;
}
.u-header--abs-bottom__inner.mCS_destroyed,
.u-header--abs-top-2nd-screen__inner.mCS_destroyed,
.u-header--abs-top__inner.mCS_destroyed {
position: static !important;
}
[class*="u-header--abs"] .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
margin: 0 24px;
}
.u-header--abs-bottom:not(.js-header-fix-moment)
[class*="navbar-expand"]
.u-header__navbar-nav
.u-header__sub-menu,
.u-header--abs-top-2nd-screen:not(.js-header-fix-moment)
[class*="navbar-expand"]
.u-header__navbar-nav
.u-header__sub-menu {
box-shadow: none;
}
@-webkit-keyframes absoluteSlideInUp {
from {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
}
@keyframes absoluteSlideInUp {
from {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
}
.u-header-sidebar__footer-offset {
height: 100%;
box-sizing: border-box;
padding-bottom: 10.625rem;
}
.u-header-sidebar__content {
padding: 0.6rem 1.5rem 3rem;
}
@media (min-width: 768px) {
.u-header-sidebar__content {
padding: 0.6rem 1.9rem 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.75rem;
}
.u-header-sidebar__footer-link:hover {
color: #fff;
}
.u-header--sticky-bottom,
.u-header--sticky-top {
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-bottom-sm,
.u-header--sticky-top-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-bottom-md,
.u-header--sticky-top-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-bottom-lg,
.u-header--sticky-top-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-bottom-xl,
.u-header--sticky-top-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-bottom-wd,
.u-header--sticky-top-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-sm:not(.js-header-fix-moment)
.navbar-expand-md
.hs-mega-menu,
.u-header--sticky-bottom:not(.js-header-fix-moment)
.navbar-expand-md
.hs-mega-menu {
bottom: 52.8%;
}
}
.u-header--sticky-bottom__inner,
.u-header--sticky-top__inner {
max-height: 50vh;
}
.u-header--sticky-bottom__inner.mCS_destroyed,
.u-header--sticky-top__inner.mCS_destroyed {
position: static !important;
}
.u-header--sticky-bottom__inner
.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar,
.u-header--sticky-top__inner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
margin: 0 24px;
}
.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 {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
}
@keyframes stickySlideInUp {
from {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
}
.u-header--center-aligned .u-hamburger {
display: none;
}
.u-header--center-aligned .u-header--center-aligned__inner {
-ms-flex-pack: center;
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 {
-ms-flex-pack: center;
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 {
-ms-flex-pack: center;
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 {
-ms-flex-pack: center;
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 {
-ms-flex-pack: center;
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 {
-ms-flex-pack: center;
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: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
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: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
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: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
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: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
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: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
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: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 0.25rem;
}
.u-header--center-aligned .u-header__navbar {
padding-top: 0;
}
.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: #3b444f;
}
.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 {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.u-header-collapse__nav-link,
.u-header-collapse__submenu-nav-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
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: #297cbb;
}
.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 #297cbb;
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 #297cbb;
padding-left: 0;
margin-bottom: 0;
}
.u-header-collapse__submenu-list-link {
display: inline-block;
color: #77838f;
}
.alert-text {
color: inherit;
}
.u-avatar {
width: 3.125rem;
height: 3.125rem;
}
.u-avatar-image {
position: relative;
}
.u-avatar-image-overlay {
opacity: 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.u-avatar-image-social {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.u-avatar-image:hover .u-avatar-image-overlay {
background-color: #297cbb;
opacity: 0.851;
transition: all 0.5s ease-in-out;
}
.u-xs-avatar {
width: 1.375rem;
height: 1.375rem;
}
.u-sm-avatar {
width: 2rem;
height: 2rem;
}
.u-lg-avatar {
width: 5rem;
height: 5rem;
}
@media (min-width: 576px) {
.u-lg-avatar-sm {
width: 5rem;
height: 5rem;
}
}
@media (min-width: 768px) {
.u-lg-avatar-md {
width: 5rem;
height: 5rem;
}
}
@media (min-width: 992px) {
.u-lg-avatar-lg {
width: 5rem;
height: 5rem;
}
}
@media (min-width: 1200px) {
.u-lg-avatar-xl {
width: 5rem;
height: 5rem;
}
}
@media (min-width: 1480px) {
.u-lg-avatar-wd {
width: 5rem;
height: 5rem;
}
}
.u-xl-avatar {
width: 10rem;
height: 10rem;
}
.u-sm-avatar--bordered {
border: 2px solid #fff;
}
.u-xl-avatar--bordered {
border: 7px solid #fff;
}
[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-xs {
width: 0.875rem;
height: 0.875rem;
line-height: 1.4;
font-size: 0.5rem;
}
.badge-sm {
width: 1.125rem;
height: 1.125rem;
line-height: 1.4;
font-size: 0.625rem;
}
.badge-sm[class*="badge-outline"] {
line-height: 1;
}
.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;
}
.badge-bigger {
padding: 0.625rem;
}
.badge-outline-primary {
color: #fff;
background: #297cbb;
border-color: #fff;
}
.badge-outline-secondary {
color: #fff;
background: #77838f;
border-color: #fff;
}
.badge-outline-success {
color: #fff;
background: #00c9a7;
border-color: #fff;
}
.badge-outline-info {
color: #3b444f;
background: #00dffc;
border-color: #fff;
}
.badge-outline-warning {
color: #3b444f;
background: #ffc107;
border-color: #fff;
}
.badge-outline-danger {
color: #fff;
background: #de4437;
border-color: #fff;
}
.badge-outline-light {
color: #3b444f;
background: #f8f9fa;
border-color: #fff;
}
.badge-outline-dark {
color: #fff;
background: #3b444f;
border-color: #fff;
}
.badge-outline-white {
color: #3b444f;
background: #fff;
border-color: #fff;
}
.badge-outline-indigo {
color: #fff;
background: #2d1582;
border-color: #fff;
}
.badge-outline-gray {
color: #3b444f;
background: #ebf0f7;
border-color: #fff;
}
.badge-outline-violet {
color: #fff;
background: #532184;
border-color: #fff;
}
.badge-outline-violet-1 {
color: #fff;
background: #a864a8;
border-color: #fff;
}
.badge-outline-violet-light {
color: #fff;
background: #6f13cd;
border-color: #fff;
}
.badge-outline-brown-light {
color: #3b444f;
background: #ceac61;
border-color: #fff;
}
.badge-outline-brown {
color: #3b444f;
background: #f8bd5b;
border-color: #fff;
}
.badge-outline-maroon {
color: #fff;
background: #c72f74;
border-color: #fff;
}
.badge-outline-indigo-light {
color: #fff;
background: #080e7b;
border-color: #fff;
}
.badge-outline-red-light-2 {
color: #fff;
background: #ff3c4e;
border-color: #fff;
}
.badge-outline-blue-dark-1 {
color: #fff;
background: #045cff;
border-color: #fff;
}
.badge-outline-gray-1 {
color: #fff;
background: #67747c;
border-color: #fff;
}
.badge-outline-gray-2 {
color: #3b444f;
background: #f7f8f9;
border-color: #fff;
}
.badge-outline-gray-3 {
color: #fff;
background: #3b444f;
border-color: #fff;
}
.badge-outline-gray-4 {
color: #3b444f;
background: #eceff3;
border-color: #fff;
}
.badge-outline-blue {
color: #3b444f;
background: #43c5db;
border-color: #fff;
}
.badge-outline-blue-1 {
color: #fff;
background: #297cbb;
border-color: #fff;
}
.badge-outline-gray-5 {
color: #fff;
background: #18181b;
border-color: #fff;
}
.badge-outline-gray-6 {
color: #fff;
background: #18181a;
border-color: #fff;
}
.badge-outline-gray-7 {
color: #fff;
background: #5c6770;
border-color: #fff;
}
.badge-outline-gray-8 {
color: #3b444f;
background: #c5cdd8;
border-color: #fff;
}
.badge-outline-gray-9 {
color: #3b444f;
background: #9fa9b8;
border-color: #fff;
}
.badge-outline-gray-10 {
color: #3b444f;
background: #c1c1c1;
border-color: #fff;
}
.badge-outline-gray-11 {
color: #fff;
background: #484848;
border-color: #fff;
}
.badge-outline-gray-23 {
color: #3b444f;
background: #f4f4f4;
border-color: #fff;
}
.badge-outline-gray-33 {
color: #3b444f;
background: #ebf0f7;
border-color: #fff;
}
.badge-outline-sea-green {
color: #fff;
background: #1d508d;
border-color: #fff;
}
.badge-outline-dark-1 {
color: #fff;
background: #1e2022;
border-color: #fff;
}
.badge-outline-navy {
color: #fff;
background: #0057ff;
border-color: #fff;
}
.badge-outline-pink {
color: #3b444f;
background: #ffe5ee;
border-color: #fff;
}
.badge-outline-dark-2 {
color: #fff;
background: #1a2b49;
border-color: #fff;
}
.badge-outline-yellow-lighter-2 {
color: #3b444f;
background: #f7bc5a;
border-color: #fff;
}
.badge-outline-orange {
color: #fff;
background: #f05700;
border-color: #fff;
}
.badge-outline-green {
color: #fff;
background: #28871c;
border-color: #fff;
}
.badge-outline-pink-1 {
color: #fff;
background: #ff0045;
border-color: #fff;
}
.badge-outline-purple-1 {
color: #fff;
background: #232753;
border-color: #fff;
}
.badge-outline-white {
border-color: #fff;
}
.badge-pos:not([class*="--top-left"]):not([class*="--bottom-left"]):not(
[class*="--bottom-right"]
) {
top: 0;
right: 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.badge-pos--top-left {
top: 0;
left: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.badge-pos--bottom-left {
bottom: 0;
left: 0;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.badge-pos--bottom-right {
bottom: 0;
right: 0;
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.u-avatar
.rounded-circle
+ .badge-xs.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]) {
-webkit-transform: translate(20%, -20%);
transform: translate(20%, -20%);
}
.u-avatar .rounded-circle + .badge-xs.badge-pos--top-left {
-webkit-transform: translate(-20%, -20%);
transform: translate(-20%, -20%);
}
.u-avatar .rounded-circle + .badge-xs.badge-pos--bottom-left {
-webkit-transform: translate(-20%, 20%);
transform: translate(-20%, 20%);
}
.u-avatar .rounded-circle + .badge-xs.badge-pos--bottom-right {
-webkit-transform: translate(20%, 20%);
transform: translate(20%, 20%);
}
.u-avatar
.rounded-circle
+ .badge-sm.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]) {
-webkit-transform: translate(25%, -25%);
transform: translate(25%, -25%);
}
.u-avatar .rounded-circle + .badge-sm.badge-pos--top-left {
-webkit-transform: translate(-25%, -25%);
transform: translate(-25%, -25%);
}
.u-avatar .rounded-circle + .badge-sm.badge-pos--bottom-left {
-webkit-transform: translate(-25%, 25%);
transform: translate(-25%, 25%);
}
.u-avatar .rounded-circle + .badge-sm.badge-pos--bottom-right {
-webkit-transform: translate(25%, 25%);
transform: translate(25%, 25%);
}
.u-avatar
.rounded-circle
+ .badge-md.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]) {
-webkit-transform: translate(30%, -30%);
transform: translate(30%, -30%);
}
.u-avatar .rounded-circle + .badge-md.badge-pos--top-left {
-webkit-transform: translate(-30%, -30%);
transform: translate(-30%, -30%);
}
.u-avatar .rounded-circle + .badge-md.badge-pos--bottom-left {
-webkit-transform: translate(-30%, 30%);
transform: translate(-30%, 30%);
}
.u-avatar .rounded-circle + .badge-md.badge-pos--bottom-right {
-webkit-transform: translate(30%, 30%);
transform: translate(30%, 30%);
}
.u-sm-avatar
.rounded-circle
+ .badge-xs.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]) {
-webkit-transform: translate(25%, -25%);
transform: translate(25%, -25%);
}
.u-sm-avatar .rounded-circle + .badge-xs.badge-pos--top-left {
-webkit-transform: translate(-25%, -25%);
transform: translate(-25%, -25%);
}
.u-sm-avatar .rounded-circle + .badge-xs.badge-pos--bottom-left {
-webkit-transform: translate(-25%, 25%);
transform: translate(-25%, 25%);
}
.u-sm-avatar .rounded-circle + .badge-xs.badge-pos--bottom-right {
-webkit-transform: translate(25%, 25%);
transform: translate(25%, 25%);
}
.u-sm-avatar
.rounded-circle
+ .badge-md.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]),
.u-sm-avatar
.rounded-circle
+ .badge-sm.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]) {
-webkit-transform: translate(35%, -35%);
transform: translate(35%, -35%);
}
.u-sm-avatar .rounded-circle + .badge-md.badge-pos--top-left,
.u-sm-avatar .rounded-circle + .badge-sm.badge-pos--top-left {
-webkit-transform: translate(-35%, -35%);
transform: translate(-35%, -35%);
}
.u-sm-avatar .rounded-circle + .badge-md.badge-pos--bottom-left,
.u-sm-avatar .rounded-circle + .badge-sm.badge-pos--bottom-left {
-webkit-transform: translate(-35%, 35%);
transform: translate(-35%, 35%);
}
.u-sm-avatar .rounded-circle + .badge-md.badge-pos--bottom-right,
.u-sm-avatar .rounded-circle + .badge-sm.badge-pos--bottom-right {
-webkit-transform: translate(35%, 35%);
transform: translate(35%, 35%);
}
.u-lg-avatar
.rounded-circle
+ .badge-xs.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]) {
-webkit-transform: translate(-35%, 35%);
transform: translate(-35%, 35%);
}
.u-lg-avatar .rounded-circle + .badge-xs.badge-pos--top-left {
-webkit-transform: translate(35%, 35%);
transform: translate(35%, 35%);
}
.u-lg-avatar .rounded-circle + .badge-xs.badge-pos--bottom-left {
-webkit-transform: translate(35%, -35%);
transform: translate(35%, -35%);
}
.u-lg-avatar .rounded-circle + .badge-xs.badge-pos--bottom-right {
-webkit-transform: translate(-35%, -35%);
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"]) {
-webkit-transform: translate(-15%, 15%);
transform: translate(-15%, 15%);
}
.u-lg-avatar .rounded-circle + .badge-sm.badge-pos--top-left {
-webkit-transform: translate(15%, 15%);
transform: translate(15%, 15%);
}
.u-lg-avatar .rounded-circle + .badge-sm.badge-pos--bottom-left {
-webkit-transform: translate(15%, -15%);
transform: translate(15%, -15%);
}
.u-lg-avatar .rounded-circle + .badge-sm.badge-pos--bottom-right {
-webkit-transform: translate(-15%, -15%);
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"]) {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.u-lg-avatar .rounded-circle + .badge-md.badge-pos--top-left {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.u-lg-avatar .rounded-circle + .badge-md.badge-pos--bottom-left {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.u-lg-avatar .rounded-circle + .badge-md.badge-pos--bottom-right {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.u-xl-avatar
.rounded-circle
+ .badge-xs.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]) {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
}
.u-xl-avatar .rounded-circle + .badge-xs.badge-pos--top-left {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
}
.u-xl-avatar .rounded-circle + .badge-xs.badge-pos--bottom-left {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
}
.u-xl-avatar .rounded-circle + .badge-xs.badge-pos--bottom-right {
-webkit-transform: translate(-100%, -100%);
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"]) {
-webkit-transform: translate(-65%, 65%);
transform: translate(-65%, 65%);
}
.u-xl-avatar .rounded-circle + .badge-sm.badge-pos--top-left {
-webkit-transform: translate(65%, 65%);
transform: translate(65%, 65%);
}
.u-xl-avatar .rounded-circle + .badge-sm.badge-pos--bottom-left {
-webkit-transform: translate(65%, -65%);
transform: translate(65%, -65%);
}
.u-xl-avatar .rounded-circle + .badge-sm.badge-pos--bottom-right {
-webkit-transform: translate(-65%, -65%);
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"]) {
-webkit-transform: translate(-45%, 45%);
transform: translate(-45%, 45%);
}
.u-xl-avatar .rounded-circle + .badge-md.badge-pos--top-left {
-webkit-transform: translate(45%, 45%);
transform: translate(45%, 45%);
}
.u-xl-avatar .rounded-circle + .badge-md.badge-pos--bottom-left {
-webkit-transform: translate(45%, -45%);
transform: translate(45%, -45%);
}
.u-xl-avatar .rounded-circle + .badge-md.badge-pos--bottom-right {
-webkit-transform: translate(-45%, -45%);
transform: translate(-45%, -45%);
}
.btn-icon.rounded-circle
.badge-xs.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]) {
-webkit-transform: translate(20%, -20%);
transform: translate(20%, -20%);
}
.btn-icon.rounded-circle .badge-xs.badge-pos--top-left {
-webkit-transform: translate(-20%, -20%);
transform: translate(-20%, -20%);
}
.btn-icon.rounded-circle .badge-xs.badge-pos--bottom-left {
-webkit-transform: translate(-20%, 20%);
transform: translate(-20%, 20%);
}
.btn-icon.rounded-circle .badge-xs.badge-pos--bottom-right {
-webkit-transform: translate(20%, 20%);
transform: translate(20%, 20%);
}
.btn-icon.rounded-circle
.badge-sm.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]) {
-webkit-transform: translate(25%, -25%);
transform: translate(25%, -25%);
}
.btn-icon.rounded-circle .badge-sm.badge-pos--top-left {
-webkit-transform: translate(-25%, -25%);
transform: translate(-25%, -25%);
}
.btn-icon.rounded-circle .badge-sm.badge-pos--bottom-left {
-webkit-transform: translate(-25%, 25%);
transform: translate(-25%, 25%);
}
.btn-icon.rounded-circle .badge-sm.badge-pos--bottom-right {
-webkit-transform: translate(25%, 25%);
transform: translate(25%, 25%);
}
.btn-icon.rounded-circle
.badge-md.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]) {
-webkit-transform: translate(30%, -30%);
transform: translate(30%, -30%);
}
.btn-icon.rounded-circle .badge-md.badge-pos--top-left {
-webkit-transform: translate(-30%, -30%);
transform: translate(-30%, -30%);
}
.btn-icon.rounded-circle .badge-md.badge-pos--bottom-left {
-webkit-transform: translate(-30%, 30%);
transform: translate(-30%, 30%);
}
.btn-icon.rounded-circle .badge-md.badge-pos--bottom-right {
-webkit-transform: translate(30%, 30%);
transform: translate(30%, 30%);
}
.btn-group-sm
> .rounded-circle.btn
.badge-xs.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]),
.btn-sm.rounded-circle
.badge-xs.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]) {
-webkit-transform: translate(25%, -25%);
transform: translate(25%, -25%);
}
.btn-group-sm > .rounded-circle.btn .badge-xs.badge-pos--top-left,
.btn-sm.rounded-circle .badge-xs.badge-pos--top-left {
-webkit-transform: translate(-25%, -25%);
transform: translate(-25%, -25%);
}
.btn-group-sm > .rounded-circle.btn .badge-xs.badge-pos--bottom-left,
.btn-sm.rounded-circle .badge-xs.badge-pos--bottom-left {
-webkit-transform: translate(-25%, 25%);
transform: translate(-25%, 25%);
}
.btn-group-sm > .rounded-circle.btn .badge-xs.badge-pos--bottom-right,
.btn-sm.rounded-circle .badge-xs.badge-pos--bottom-right {
-webkit-transform: translate(25%, 25%);
transform: translate(25%, 25%);
}
.btn-group-sm
> .rounded-circle.btn
.badge-md.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-sm.rounded-circle
.badge-sm.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]) {
-webkit-transform: translate(35%, -35%);
transform: translate(35%, -35%);
}
.btn-group-sm > .rounded-circle.btn .badge-md.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-sm.rounded-circle .badge-sm.badge-pos--top-left {
-webkit-transform: translate(-35%, -35%);
transform: translate(-35%, -35%);
}
.btn-group-sm > .rounded-circle.btn .badge-md.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-sm.rounded-circle .badge-sm.badge-pos--bottom-left {
-webkit-transform: translate(-35%, 35%);
transform: translate(-35%, 35%);
}
.btn-group-sm > .rounded-circle.btn .badge-md.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-sm.rounded-circle .badge-sm.badge-pos--bottom-right {
-webkit-transform: translate(35%, 35%);
transform: translate(35%, 35%);
}
.btn-group-lg
> .rounded-circle.btn
.badge-xs.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]),
.btn-lg.rounded-circle
.badge-xs.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]) {
-webkit-transform: translate(-35%, 35%);
transform: translate(-35%, 35%);
}
.btn-group-lg > .rounded-circle.btn .badge-xs.badge-pos--top-left,
.btn-lg.rounded-circle .badge-xs.badge-pos--top-left {
-webkit-transform: translate(35%, 35%);
transform: translate(35%, 35%);
}
.btn-group-lg > .rounded-circle.btn .badge-xs.badge-pos--bottom-left,
.btn-lg.rounded-circle .badge-xs.badge-pos--bottom-left {
-webkit-transform: translate(35%, -35%);
transform: translate(35%, -35%);
}
.btn-group-lg > .rounded-circle.btn .badge-xs.badge-pos--bottom-right,
.btn-lg.rounded-circle .badge-xs.badge-pos--bottom-right {
-webkit-transform: translate(-35%, -35%);
transform: translate(-35%, -35%);
}
.btn-group-lg
> .rounded-circle.btn
.badge-sm.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]),
.btn-lg.rounded-circle
.badge-sm.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]) {
-webkit-transform: translate(-15%, 15%);
transform: translate(-15%, 15%);
}
.btn-group-lg > .rounded-circle.btn .badge-sm.badge-pos--top-left,
.btn-lg.rounded-circle .badge-sm.badge-pos--top-left {
-webkit-transform: translate(15%, 15%);
transform: translate(15%, 15%);
}
.btn-group-lg > .rounded-circle.btn .badge-sm.badge-pos--bottom-left,
.btn-lg.rounded-circle .badge-sm.badge-pos--bottom-left {
-webkit-transform: translate(15%, -15%);
transform: translate(15%, -15%);
}
.btn-group-lg > .rounded-circle.btn .badge-sm.badge-pos--bottom-right,
.btn-lg.rounded-circle .badge-sm.badge-pos--bottom-right {
-webkit-transform: translate(-15%, -15%);
transform: translate(-15%, -15%);
}
.btn-group-lg
> .rounded-circle.btn
.badge-md.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]),
.btn-lg.rounded-circle
.badge-md.badge-pos:not([class*="--top-left"]):not(
[class*="--bottom-left"]
):not([class*="--bottom-right"]) {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.btn-group-lg > .rounded-circle.btn .badge-md.badge-pos--top-left,
.btn-lg.rounded-circle .badge-md.badge-pos--top-left {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.btn-group-lg > .rounded-circle.btn .badge-md.badge-pos--bottom-left,
.btn-lg.rounded-circle .badge-md.badge-pos--bottom-left {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.btn-group-lg > .rounded-circle.btn .badge-md.badge-pos--bottom-right,
.btn-lg.rounded-circle .badge-md.badge-pos--bottom-right {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.btn-facebook {
color: #fff;
background-color: #395899;
border-color: #395899;
}
.btn-facebook:hover {
color: #fff;
background-color: #2f487d;
border-color: #2b4374;
}
.btn-facebook.focus,
.btn-facebook:focus {
box-shadow: 0 0 0 0.2rem rgba(87, 113, 168, 0.5);
}
.btn-facebook.disabled,
.btn-facebook:disabled {
color: #fff;
background-color: #395899;
border-color: #395899;
}
.btn-facebook:not(:disabled):not(.disabled).active,
.btn-facebook:not(:disabled):not(.disabled):active,
.show > .btn-facebook.dropdown-toggle {
color: #fff;
background-color: #2b4374;
border-color: #283d6b;
}
.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(87, 113, 168, 0.5);
}
.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 {
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);
}
.btn-twitter {
color: #fff;
background-color: #03a9e0;
border-color: #03a9e0;
}
.btn-twitter:hover {
color: #fff;
background-color: #028dba;
border-color: #0283ae;
}
.btn-twitter.focus,
.btn-twitter:focus {
box-shadow: 0 0 0 0.2rem rgba(41, 182, 229, 0.5);
}
.btn-twitter.disabled,
.btn-twitter:disabled {
color: #fff;
background-color: #03a9e0;
border-color: #03a9e0;
}
.btn-twitter:not(:disabled):not(.disabled).active,
.btn-twitter:not(:disabled):not(.disabled):active,
.show > .btn-twitter.dropdown-toggle {
color: #fff;
background-color: #0283ae;
border-color: #027aa1;
}
.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(41, 182, 229, 0.5);
}
.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 {
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);
}
.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 {
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);
}
.btn-gray {
color: #3b444f;
background-color: #f8fafd;
border-color: #f8fafd;
}
.btn-gray:hover {
color: #3b444f;
background-color: #dae5f5;
border-color: #d0def2;
}
.btn-gray.focus,
.btn-gray:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 223, 227, 0.5);
}
.btn-gray.disabled,
.btn-gray:disabled {
color: #3b444f;
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: #3b444f;
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(220, 223, 227, 0.5);
}
.btn-purple {
color: #fff;
background-color: #8023df;
border-color: #8023df;
}
.btn-purple:hover {
color: #fff;
background-color: #6d1cc0;
border-color: #671ab5;
}
.btn-purple.focus,
.btn-purple:focus {
box-shadow: 0 0 0 0.2rem rgba(147, 68, 228, 0.5);
}
.btn-purple.disabled,
.btn-purple:disabled {
color: #fff;
background-color: #8023df;
border-color: #8023df;
}
.btn-purple:not(:disabled):not(.disabled).active,
.btn-purple:not(:disabled):not(.disabled):active,
.show > .btn-purple.dropdown-toggle {
color: #fff;
background-color: #671ab5;
border-color: #6019aa;
}
.btn-purple:not(:disabled):not(.disabled).active:focus,
.btn-purple:not(:disabled):not(.disabled):active:focus,
.show > .btn-purple.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(147, 68, 228, 0.5);
}
.btn-blue {
color: #3b444f;
background-color: #4cbfd8;
border-color: #4cbfd8;
}
.btn-blue:hover {
color: #fff;
background-color: #2db3d0;
border-color: #2baac6;
}
.btn-blue.focus,
.btn-blue:focus {
box-shadow: 0 0 0 0.2rem rgba(73, 173, 195, 0.5);
}
.btn-blue.disabled,
.btn-blue:disabled {
color: #3b444f;
background-color: #4cbfd8;
border-color: #4cbfd8;
}
.btn-blue:not(:disabled):not(.disabled).active,
.btn-blue:not(:disabled):not(.disabled):active,
.show > .btn-blue.dropdown-toggle {
color: #fff;
background-color: #2baac6;
border-color: #29a1bb;
}
.btn-blue:not(:disabled):not(.disabled).active:focus,
.btn-blue:not(:disabled):not(.disabled):active:focus,
.show > .btn-blue.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(73, 173, 195, 0.5);
}
.btn-violet {
color: #fff;
background-color: #8c689d;
border-color: #8c689d;
}
.btn-violet:hover {
color: #fff;
background-color: #785887;
border-color: #71537f;
}
.btn-violet.focus,
.btn-violet:focus {
box-shadow: 0 0 0 0.2rem rgba(157, 127, 172, 0.5);
}
.btn-violet.disabled,
.btn-violet:disabled {
color: #fff;
background-color: #8c689d;
border-color: #8c689d;
}
.btn-violet:not(:disabled):not(.disabled).active,
.btn-violet:not(:disabled):not(.disabled):active,
.show > .btn-violet.dropdown-toggle {
color: #fff;
background-color: #71537f;
border-color: #6a4e78;
}
.btn-violet:not(:disabled):not(.disabled).active:focus,
.btn-violet:not(:disabled):not(.disabled):active:focus,
.show > .btn-violet.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(157, 127, 172, 0.5);
}
.btn-coral {
color: #3b444f;
background-color: #ff8480;
border-color: #ff8480;
}
.btn-coral:hover {
color: #fff;
background-color: #ff5f5a;
border-color: #ff534d;
}
.btn-coral.focus,
.btn-coral:focus {
box-shadow: 0 0 0 0.2rem rgba(226, 122, 121, 0.5);
}
.btn-coral.disabled,
.btn-coral:disabled {
color: #3b444f;
background-color: #ff8480;
border-color: #ff8480;
}
.btn-coral:not(:disabled):not(.disabled).active,
.btn-coral:not(:disabled):not(.disabled):active,
.show > .btn-coral.dropdown-toggle {
color: #fff;
background-color: #ff534d;
border-color: #ff4640;
}
.btn-coral:not(:disabled):not(.disabled).active:focus,
.btn-coral:not(:disabled):not(.disabled):active:focus,
.show > .btn-coral.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(226, 122, 121, 0.5);
}
.btn-yellow-light {
color: #3b444f;
background-color: #ffb874;
border-color: #ffb874;
}
.btn-yellow-light:hover {
color: #3b444f;
background-color: #ffa44e;
border-color: #ff9e41;
}
.btn-yellow-light.focus,
.btn-yellow-light:focus {
box-shadow: 0 0 0 0.2rem rgba(226, 167, 110, 0.5);
}
.btn-yellow-light.disabled,
.btn-yellow-light:disabled {
color: #3b444f;
background-color: #ffb874;
border-color: #ffb874;
}
.btn-yellow-light:not(:disabled):not(.disabled).active,
.btn-yellow-light:not(:disabled):not(.disabled):active,
.show > .btn-yellow-light.dropdown-toggle {
color: #3b444f;
background-color: #ff9e41;
border-color: #ff9734;
}
.btn-yellow-light:not(:disabled):not(.disabled).active:focus,
.btn-yellow-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-yellow-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(226, 167, 110, 0.5);
}
.btn-green-light {
color: #fff;
background-color: #35c2a5;
border-color: #35c2a5;
}
.btn-green-light:hover {
color: #fff;
background-color: #2da48b;
border-color: #2a9a83;
}
.btn-green-light.focus,
.btn-green-light:focus {
box-shadow: 0 0 0 0.2rem rgba(83, 203, 179, 0.5);
}
.btn-green-light.disabled,
.btn-green-light:disabled {
color: #fff;
background-color: #35c2a5;
border-color: #35c2a5;
}
.btn-green-light:not(:disabled):not(.disabled).active,
.btn-green-light:not(:disabled):not(.disabled):active,
.show > .btn-green-light.dropdown-toggle {
color: #fff;
background-color: #2a9a83;
border-color: #27907a;
}
.btn-green-light:not(:disabled):not(.disabled).active:focus,
.btn-green-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-green-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(83, 203, 179, 0.5);
}
.btn-blue-1 {
color: #fff;
background-color: #0057ff;
border-color: #0057ff;
}
.btn-blue-1:hover {
color: #fff;
background-color: #004ad9;
border-color: #0046cc;
}
.btn-blue-1.focus,
.btn-blue-1:focus {
box-shadow: 0 0 0 0.2rem rgba(38, 112, 255, 0.5);
}
.btn-blue-1.disabled,
.btn-blue-1:disabled {
color: #fff;
background-color: #0057ff;
border-color: #0057ff;
}
.btn-blue-1:not(:disabled):not(.disabled).active,
.btn-blue-1:not(:disabled):not(.disabled):active,
.show > .btn-blue-1.dropdown-toggle {
color: #fff;
background-color: #0046cc;
border-color: #0041bf;
}
.btn-blue-1:not(:disabled):not(.disabled).active:focus,
.btn-blue-1:not(:disabled):not(.disabled):active:focus,
.show > .btn-blue-1.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(38, 112, 255, 0.5);
}
.btn-gray-1 {
color: #3b444f;
background-color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-gray-1:hover {
color: #3b444f;
background-color: #d0dcec;
border-color: #c7d5e8;
}
.btn-gray-1.focus,
.btn-gray-1:focus {
box-shadow: 0 0 0 0.2rem rgba(209, 214, 222, 0.5);
}
.btn-gray-1.disabled,
.btn-gray-1:disabled {
color: #3b444f;
background-color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-gray-1:not(:disabled):not(.disabled).active,
.btn-gray-1:not(:disabled):not(.disabled):active,
.show > .btn-gray-1.dropdown-toggle {
color: #3b444f;
background-color: #c7d5e8;
border-color: #bdcee5;
}
.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(209, 214, 222, 0.5);
}
.btn-primary[href]:active,
.btn-primary[href]:focus,
.btn-primary[href]:hover,
.btn-primary[type]:active,
.btn-primary[type]:focus,
.btn-primary[type]:hover,
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn[href]:active[class*="-white"],
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn[href]:focus[class*="-white"],
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn[href]:hover[class*="-white"],
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn[type]:active[class*="-white"],
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn[type]:focus[class*="-white"],
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn[type]:hover[class*="-white"] {
box-shadow: 0 4px 11px rgba(41, 124, 187, 0.35);
}
.btn-primary:not([href]),
.btn-primary:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-primary:not(label.btn),
.btn-primary:not(label.btn):not([href]):not(:disabled):not(.disabled),
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn:not([href]):not([href]):not(:disabled):not(.disabled)[class*="-white"],
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn:not([href])[class*="-white"],
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn:not(label.btn):not([href]):not(:disabled):not(
.disabled
)[class*="-white"],
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn:not(label.btn)[class*="-white"] {
background-color: #297cbb;
border-color: #297cbb;
}
.btn-primary:hover,
.u-header.js-header-fix-moment
.u-header__last-item-btn
.btn:hover[class*="-white"] {
background-color: #297cbb;
border-color: #297cbb;
}
.btn-secondary[href]:active,
.btn-secondary[href]:focus,
.btn-secondary[href]:hover,
.btn-secondary[type]:active,
.btn-secondary[type]:focus,
.btn-secondary[type]:hover {
box-shadow: 0 4px 11px rgba(119, 131, 143, 0.35);
}
.btn-secondary:not([href]),
.btn-secondary:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-secondary:not(label.btn),
.btn-secondary:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #77838f;
border-color: #77838f;
}
.btn-secondary:hover {
background-color: #77838f;
border-color: #77838f;
}
.btn-success[href]:active,
.btn-success[href]:focus,
.btn-success[href]:hover,
.btn-success[type]:active,
.btn-success[type]:focus,
.btn-success[type]:hover {
box-shadow: 0 4px 11px rgba(0, 201, 167, 0.35);
}
.btn-success:not([href]),
.btn-success:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-success:not(label.btn),
.btn-success:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #00c9a7;
border-color: #00c9a7;
}
.btn-success:hover {
background-color: #00c9a7;
border-color: #00c9a7;
}
.btn-info[href]:active,
.btn-info[href]:focus,
.btn-info[href]:hover,
.btn-info[type]:active,
.btn-info[type]:focus,
.btn-info[type]:hover {
box-shadow: 0 4px 11px rgba(0, 223, 252, 0.35);
}
.btn-info:not([href]),
.btn-info:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-info:not(label.btn),
.btn-info:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #00dffc;
border-color: #00dffc;
}
.btn-info:hover {
background-color: #00dffc;
border-color: #00dffc;
}
.btn-warning[href]:active,
.btn-warning[href]:focus,
.btn-warning[href]:hover,
.btn-warning[type]:active,
.btn-warning[type]:focus,
.btn-warning[type]:hover {
box-shadow: 0 4px 11px rgba(255, 193, 7, 0.35);
}
.btn-warning:not([href]),
.btn-warning:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-warning:not(label.btn),
.btn-warning:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:hover {
background-color: #ffc107;
border-color: #ffc107;
}
.btn-danger[href]:active,
.btn-danger[href]:focus,
.btn-danger[href]:hover,
.btn-danger[type]:active,
.btn-danger[type]:focus,
.btn-danger[type]:hover {
box-shadow: 0 4px 11px rgba(222, 68, 55, 0.35);
}
.btn-danger:not([href]),
.btn-danger:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-danger:not(label.btn),
.btn-danger:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #de4437;
border-color: #de4437;
}
.btn-danger:hover {
background-color: #de4437;
border-color: #de4437;
}
.btn-light[href]:active,
.btn-light[href]:focus,
.btn-light[href]:hover,
.btn-light[type]:active,
.btn-light[type]:focus,
.btn-light[type]:hover {
box-shadow: 0 4px 11px rgba(248, 249, 250, 0.35);
}
.btn-light:not([href]),
.btn-light:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-light:not(label.btn),
.btn-light:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:hover {
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-dark[href]:active,
.btn-dark[href]:focus,
.btn-dark[href]:hover,
.btn-dark[type]:active,
.btn-dark[type]:focus,
.btn-dark[type]:hover {
box-shadow: 0 4px 11px rgba(59, 68, 79, 0.35);
}
.btn-dark:not([href]),
.btn-dark:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-dark:not(label.btn),
.btn-dark:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #3b444f;
border-color: #3b444f;
}
.btn-dark:hover {
background-color: #3b444f;
border-color: #3b444f;
}
.btn-white[href]:active,
.btn-white[href]:focus,
.btn-white[href]:hover,
.btn-white[type]:active,
.btn-white[type]:focus,
.btn-white[type]:hover {
box-shadow: 0 4px 11px rgba(255, 255, 255, 0.35);
}
.btn-white:not([href]),
.btn-white:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-white:not(label.btn),
.btn-white:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #fff;
border-color: #fff;
}
.btn-white:hover {
background-color: #fff;
border-color: #fff;
}
.btn-indigo[href]:active,
.btn-indigo[href]:focus,
.btn-indigo[href]:hover,
.btn-indigo[type]:active,
.btn-indigo[type]:focus,
.btn-indigo[type]:hover {
box-shadow: 0 4px 11px rgba(45, 21, 130, 0.35);
}
.btn-indigo:not([href]),
.btn-indigo:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-indigo:not(label.btn),
.btn-indigo:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #2d1582;
border-color: #2d1582;
}
.btn-indigo:hover {
background-color: #2d1582;
border-color: #2d1582;
}
.btn-gray[href]:active,
.btn-gray[href]:focus,
.btn-gray[href]:hover,
.btn-gray[type]:active,
.btn-gray[type]:focus,
.btn-gray[type]:hover {
box-shadow: 0 4px 11px rgba(235, 240, 247, 0.35);
}
.btn-gray:not([href]),
.btn-gray:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-gray:not(label.btn),
.btn-gray:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-gray:hover {
background-color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-violet[href]:active,
.btn-violet[href]:focus,
.btn-violet[href]:hover,
.btn-violet[type]:active,
.btn-violet[type]:focus,
.btn-violet[type]:hover {
box-shadow: 0 4px 11px rgba(83, 33, 132, 0.35);
}
.btn-violet:not([href]),
.btn-violet:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-violet:not(label.btn),
.btn-violet:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #532184;
border-color: #532184;
}
.btn-violet:hover {
background-color: #532184;
border-color: #532184;
}
.btn-violet-1[href]:active,
.btn-violet-1[href]:focus,
.btn-violet-1[href]:hover,
.btn-violet-1[type]:active,
.btn-violet-1[type]:focus,
.btn-violet-1[type]:hover {
box-shadow: 0 4px 11px rgba(168, 100, 168, 0.35);
}
.btn-violet-1:not([href]),
.btn-violet-1:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-violet-1:not(label.btn),
.btn-violet-1:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #a864a8;
border-color: #a864a8;
}
.btn-violet-1:hover {
background-color: #a864a8;
border-color: #a864a8;
}
.btn-violet-light[href]:active,
.btn-violet-light[href]:focus,
.btn-violet-light[href]:hover,
.btn-violet-light[type]:active,
.btn-violet-light[type]:focus,
.btn-violet-light[type]:hover {
box-shadow: 0 4px 11px rgba(111, 19, 205, 0.35);
}
.btn-violet-light:not([href]),
.btn-violet-light:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-violet-light:not(label.btn),
.btn-violet-light:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #6f13cd;
border-color: #6f13cd;
}
.btn-violet-light:hover {
background-color: #6f13cd;
border-color: #6f13cd;
}
.btn-brown-light[href]:active,
.btn-brown-light[href]:focus,
.btn-brown-light[href]:hover,
.btn-brown-light[type]:active,
.btn-brown-light[type]:focus,
.btn-brown-light[type]:hover {
box-shadow: 0 4px 11px rgba(206, 172, 97, 0.35);
}
.btn-brown-light:not([href]),
.btn-brown-light:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-brown-light:not(label.btn),
.btn-brown-light:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #ceac61;
border-color: #ceac61;
}
.btn-brown-light:hover {
background-color: #ceac61;
border-color: #ceac61;
}
.btn-brown[href]:active,
.btn-brown[href]:focus,
.btn-brown[href]:hover,
.btn-brown[type]:active,
.btn-brown[type]:focus,
.btn-brown[type]:hover {
box-shadow: 0 4px 11px rgba(248, 189, 91, 0.35);
}
.btn-brown:not([href]),
.btn-brown:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-brown:not(label.btn),
.btn-brown:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #f8bd5b;
border-color: #f8bd5b;
}
.btn-brown:hover {
background-color: #f8bd5b;
border-color: #f8bd5b;
}
.btn-maroon[href]:active,
.btn-maroon[href]:focus,
.btn-maroon[href]:hover,
.btn-maroon[type]:active,
.btn-maroon[type]:focus,
.btn-maroon[type]:hover {
box-shadow: 0 4px 11px rgba(199, 47, 116, 0.35);
}
.btn-maroon:not([href]),
.btn-maroon:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-maroon:not(label.btn),
.btn-maroon:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #c72f74;
border-color: #c72f74;
}
.btn-maroon:hover {
background-color: #c72f74;
border-color: #c72f74;
}
.btn-indigo-light[href]:active,
.btn-indigo-light[href]:focus,
.btn-indigo-light[href]:hover,
.btn-indigo-light[type]:active,
.btn-indigo-light[type]:focus,
.btn-indigo-light[type]:hover {
box-shadow: 0 4px 11px rgba(8, 14, 123, 0.35);
}
.btn-indigo-light:not([href]),
.btn-indigo-light:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-indigo-light:not(label.btn),
.btn-indigo-light:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #080e7b;
border-color: #080e7b;
}
.btn-indigo-light:hover {
background-color: #080e7b;
border-color: #080e7b;
}
.btn-red-light-2[href]:active,
.btn-red-light-2[href]:focus,
.btn-red-light-2[href]:hover,
.btn-red-light-2[type]:active,
.btn-red-light-2[type]:focus,
.btn-red-light-2[type]:hover {
box-shadow: 0 4px 11px rgba(255, 60, 78, 0.35);
}
.btn-red-light-2:not([href]),
.btn-red-light-2:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-red-light-2:not(label.btn),
.btn-red-light-2:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #ff3c4e;
border-color: #ff3c4e;
}
.btn-red-light-2:hover {
background-color: #ff3c4e;
border-color: #ff3c4e;
}
.btn-blue-dark-1[href]:active,
.btn-blue-dark-1[href]:focus,
.btn-blue-dark-1[href]:hover,
.btn-blue-dark-1[type]:active,
.btn-blue-dark-1[type]:focus,
.btn-blue-dark-1[type]:hover {
box-shadow: 0 4px 11px rgba(4, 92, 255, 0.35);
}
.btn-blue-dark-1:not([href]),
.btn-blue-dark-1:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-blue-dark-1:not(label.btn),
.btn-blue-dark-1:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #045cff;
border-color: #045cff;
}
.btn-blue-dark-1:hover {
background-color: #045cff;
border-color: #045cff;
}
.btn-gray-1[href]:active,
.btn-gray-1[href]:focus,
.btn-gray-1[href]:hover,
.btn-gray-1[type]:active,
.btn-gray-1[type]:focus,
.btn-gray-1[type]:hover {
box-shadow: 0 4px 11px rgba(103, 116, 124, 0.35);
}
.btn-gray-1:not([href]),
.btn-gray-1:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-gray-1:not(label.btn),
.btn-gray-1:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #67747c;
border-color: #67747c;
}
.btn-gray-1:hover {
background-color: #67747c;
border-color: #67747c;
}
.btn-gray-2[href]:active,
.btn-gray-2[href]:focus,
.btn-gray-2[href]:hover,
.btn-gray-2[type]:active,
.btn-gray-2[type]:focus,
.btn-gray-2[type]:hover {
box-shadow: 0 4px 11px rgba(247, 248, 249, 0.35);
}
.btn-gray-2:not([href]),
.btn-gray-2:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-gray-2:not(label.btn),
.btn-gray-2:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #f7f8f9;
border-color: #f7f8f9;
}
.btn-gray-2:hover {
background-color: #f7f8f9;
border-color: #f7f8f9;
}
.btn-gray-3[href]:active,
.btn-gray-3[href]:focus,
.btn-gray-3[href]:hover,
.btn-gray-3[type]:active,
.btn-gray-3[type]:focus,
.btn-gray-3[type]:hover {
box-shadow: 0 4px 11px rgba(59, 68, 79, 0.35);
}
.btn-gray-3:not([href]),
.btn-gray-3:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-gray-3:not(label.btn),
.btn-gray-3:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #3b444f;
border-color: #3b444f;
}
.btn-gray-3:hover {
background-color: #3b444f;
border-color: #3b444f;
}
.btn-gray-4[href]:active,
.btn-gray-4[href]:focus,
.btn-gray-4[href]:hover,
.btn-gray-4[type]:active,
.btn-gray-4[type]:focus,
.btn-gray-4[type]:hover {
box-shadow: 0 4px 11px rgba(236, 239, 243, 0.35);
}
.btn-gray-4:not([href]),
.btn-gray-4:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-gray-4:not(label.btn),
.btn-gray-4:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #eceff3;
border-color: #eceff3;
}
.btn-gray-4:hover {
background-color: #eceff3;
border-color: #eceff3;
}
.btn-blue[href]:active,
.btn-blue[href]:focus,
.btn-blue[href]:hover,
.btn-blue[type]:active,
.btn-blue[type]:focus,
.btn-blue[type]:hover {
box-shadow: 0 4px 11px rgba(67, 197, 219, 0.35);
}
.btn-blue:not([href]),
.btn-blue:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-blue:not(label.btn),
.btn-blue:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #43c5db;
border-color: #43c5db;
}
.btn-blue:hover {
background-color: #43c5db;
border-color: #43c5db;
}
.btn-blue-1[href]:active,
.btn-blue-1[href]:focus,
.btn-blue-1[href]:hover,
.btn-blue-1[type]:active,
.btn-blue-1[type]:focus,
.btn-blue-1[type]:hover {
box-shadow: 0 4px 11px rgba(41, 124, 187, 0.35);
}
.btn-blue-1:not([href]),
.btn-blue-1:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-blue-1:not(label.btn),
.btn-blue-1:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #297cbb;
border-color: #297cbb;
}
.btn-blue-1:hover {
background-color: #297cbb;
border-color: #297cbb;
}
.btn-gray-5[href]:active,
.btn-gray-5[href]:focus,
.btn-gray-5[href]:hover,
.btn-gray-5[type]:active,
.btn-gray-5[type]:focus,
.btn-gray-5[type]:hover {
box-shadow: 0 4px 11px rgba(24, 24, 27, 0.35);
}
.btn-gray-5:not([href]),
.btn-gray-5:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-gray-5:not(label.btn),
.btn-gray-5:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #18181b;
border-color: #18181b;
}
.btn-gray-5:hover {
background-color: #18181b;
border-color: #18181b;
}
.btn-gray-6[href]:active,
.btn-gray-6[href]:focus,
.btn-gray-6[href]:hover,
.btn-gray-6[type]:active,
.btn-gray-6[type]:focus,
.btn-gray-6[type]:hover {
box-shadow: 0 4px 11px rgba(24, 24, 26, 0.35);
}
.btn-gray-6:not([href]),
.btn-gray-6:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-gray-6:not(label.btn),
.btn-gray-6:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #18181a;
border-color: #18181a;
}
.btn-gray-6:hover {
background-color: #18181a;
border-color: #18181a;
}
.btn-gray-7[href]:active,
.btn-gray-7[href]:focus,
.btn-gray-7[href]:hover,
.btn-gray-7[type]:active,
.btn-gray-7[type]:focus,
.btn-gray-7[type]:hover {
box-shadow: 0 4px 11px rgba(92, 103, 112, 0.35);
}
.btn-gray-7:not([href]),
.btn-gray-7:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-gray-7:not(label.btn),
.btn-gray-7:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #5c6770;
border-color: #5c6770;
}
.btn-gray-7:hover {
background-color: #5c6770;
border-color: #5c6770;
}
.btn-gray-8[href]:active,
.btn-gray-8[href]:focus,
.btn-gray-8[href]:hover,
.btn-gray-8[type]:active,
.btn-gray-8[type]:focus,
.btn-gray-8[type]:hover {
box-shadow: 0 4px 11px rgba(197, 205, 216, 0.35);
}
.btn-gray-8:not([href]),
.btn-gray-8:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-gray-8:not(label.btn),
.btn-gray-8:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #c5cdd8;
border-color: #c5cdd8;
}
.btn-gray-8:hover {
background-color: #c5cdd8;
border-color: #c5cdd8;
}
.btn-gray-9[href]:active,
.btn-gray-9[href]:focus,
.btn-gray-9[href]:hover,
.btn-gray-9[type]:active,
.btn-gray-9[type]:focus,
.btn-gray-9[type]:hover {
box-shadow: 0 4px 11px rgba(159, 169, 184, 0.35);
}
.btn-gray-9:not([href]),
.btn-gray-9:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-gray-9:not(label.btn),
.btn-gray-9:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #9fa9b8;
border-color: #9fa9b8;
}
.btn-gray-9:hover {
background-color: #9fa9b8;
border-color: #9fa9b8;
}
.btn-gray-10[href]:active,
.btn-gray-10[href]:focus,
.btn-gray-10[href]:hover,
.btn-gray-10[type]:active,
.btn-gray-10[type]:focus,
.btn-gray-10[type]:hover {
box-shadow: 0 4px 11px rgba(193, 193, 193, 0.35);
}
.btn-gray-10:not([href]),
.btn-gray-10:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-gray-10:not(label.btn),
.btn-gray-10:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #c1c1c1;
border-color: #c1c1c1;
}
.btn-gray-10:hover {
background-color: #c1c1c1;
border-color: #c1c1c1;
}
.btn-gray-11[href]:active,
.btn-gray-11[href]:focus,
.btn-gray-11[href]:hover,
.btn-gray-11[type]:active,
.btn-gray-11[type]:focus,
.btn-gray-11[type]:hover {
box-shadow: 0 4px 11px rgba(72, 72, 72, 0.35);
}
.btn-gray-11:not([href]),
.btn-gray-11:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-gray-11:not(label.btn),
.btn-gray-11:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #484848;
border-color: #484848;
}
.btn-gray-11:hover {
background-color: #484848;
border-color: #484848;
}
.btn-gray-23[href]:active,
.btn-gray-23[href]:focus,
.btn-gray-23[href]:hover,
.btn-gray-23[type]:active,
.btn-gray-23[type]:focus,
.btn-gray-23[type]:hover {
box-shadow: 0 4px 11px rgba(244, 244, 244, 0.35);
}
.btn-gray-23:not([href]),
.btn-gray-23:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-gray-23:not(label.btn),
.btn-gray-23:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #f4f4f4;
border-color: #f4f4f4;
}
.btn-gray-23:hover {
background-color: #f4f4f4;
border-color: #f4f4f4;
}
.btn-gray-33[href]:active,
.btn-gray-33[href]:focus,
.btn-gray-33[href]:hover,
.btn-gray-33[type]:active,
.btn-gray-33[type]:focus,
.btn-gray-33[type]:hover {
box-shadow: 0 4px 11px rgba(235, 240, 247, 0.35);
}
.btn-gray-33:not([href]),
.btn-gray-33:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-gray-33:not(label.btn),
.btn-gray-33:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-gray-33:hover {
background-color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-sea-green[href]:active,
.btn-sea-green[href]:focus,
.btn-sea-green[href]:hover,
.btn-sea-green[type]:active,
.btn-sea-green[type]:focus,
.btn-sea-green[type]:hover {
box-shadow: 0 4px 11px rgba(29, 80, 141, 0.35);
}
.btn-sea-green:not([href]),
.btn-sea-green:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-sea-green:not(label.btn),
.btn-sea-green:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #1d508d;
border-color: #1d508d;
}
.btn-sea-green:hover {
background-color: #1d508d;
border-color: #1d508d;
}
.btn-dark-1[href]:active,
.btn-dark-1[href]:focus,
.btn-dark-1[href]:hover,
.btn-dark-1[type]:active,
.btn-dark-1[type]:focus,
.btn-dark-1[type]:hover {
box-shadow: 0 4px 11px rgba(30, 32, 34, 0.35);
}
.btn-dark-1:not([href]),
.btn-dark-1:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-dark-1:not(label.btn),
.btn-dark-1:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #1e2022;
border-color: #1e2022;
}
.btn-dark-1:hover {
background-color: #1e2022;
border-color: #1e2022;
}
.btn-navy[href]:active,
.btn-navy[href]:focus,
.btn-navy[href]:hover,
.btn-navy[type]:active,
.btn-navy[type]:focus,
.btn-navy[type]:hover {
box-shadow: 0 4px 11px rgba(0, 87, 255, 0.35);
}
.btn-navy:not([href]),
.btn-navy:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-navy:not(label.btn),
.btn-navy:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #0057ff;
border-color: #0057ff;
}
.btn-navy:hover {
background-color: #0057ff;
border-color: #0057ff;
}
.btn-pink[href]:active,
.btn-pink[href]:focus,
.btn-pink[href]:hover,
.btn-pink[type]:active,
.btn-pink[type]:focus,
.btn-pink[type]:hover {
box-shadow: 0 4px 11px rgba(255, 229, 238, 0.35);
}
.btn-pink:not([href]),
.btn-pink:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-pink:not(label.btn),
.btn-pink:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #ffe5ee;
border-color: #ffe5ee;
}
.btn-pink:hover {
background-color: #ffe5ee;
border-color: #ffe5ee;
}
.btn-dark-2[href]:active,
.btn-dark-2[href]:focus,
.btn-dark-2[href]:hover,
.btn-dark-2[type]:active,
.btn-dark-2[type]:focus,
.btn-dark-2[type]:hover {
box-shadow: 0 4px 11px rgba(26, 43, 73, 0.35);
}
.btn-dark-2:not([href]),
.btn-dark-2:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-dark-2:not(label.btn),
.btn-dark-2:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #1a2b49;
border-color: #1a2b49;
}
.btn-dark-2:hover {
background-color: #1a2b49;
border-color: #1a2b49;
}
.btn-yellow-lighter-2[href]:active,
.btn-yellow-lighter-2[href]:focus,
.btn-yellow-lighter-2[href]:hover,
.btn-yellow-lighter-2[type]:active,
.btn-yellow-lighter-2[type]:focus,
.btn-yellow-lighter-2[type]:hover {
box-shadow: 0 4px 11px rgba(247, 188, 90, 0.35);
}
.btn-yellow-lighter-2:not([href]),
.btn-yellow-lighter-2:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-yellow-lighter-2:not(label.btn),
.btn-yellow-lighter-2:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #f7bc5a;
border-color: #f7bc5a;
}
.btn-yellow-lighter-2:hover {
background-color: #f7bc5a;
border-color: #f7bc5a;
}
.btn-orange[href]:active,
.btn-orange[href]:focus,
.btn-orange[href]:hover,
.btn-orange[type]:active,
.btn-orange[type]:focus,
.btn-orange[type]:hover {
box-shadow: 0 4px 11px rgba(240, 87, 0, 0.35);
}
.btn-orange:not([href]),
.btn-orange:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-orange:not(label.btn),
.btn-orange:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #f05700;
border-color: #f05700;
}
.btn-orange:hover {
background-color: #f05700;
border-color: #f05700;
}
.btn-green[href]:active,
.btn-green[href]:focus,
.btn-green[href]:hover,
.btn-green[type]:active,
.btn-green[type]:focus,
.btn-green[type]:hover {
box-shadow: 0 4px 11px rgba(40, 135, 28, 0.35);
}
.btn-green:not([href]),
.btn-green:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-green:not(label.btn),
.btn-green:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #28871c;
border-color: #28871c;
}
.btn-green:hover {
background-color: #28871c;
border-color: #28871c;
}
.btn-pink-1[href]:active,
.btn-pink-1[href]:focus,
.btn-pink-1[href]:hover,
.btn-pink-1[type]:active,
.btn-pink-1[type]:focus,
.btn-pink-1[type]:hover {
box-shadow: 0 4px 11px rgba(255, 0, 69, 0.35);
}
.btn-pink-1:not([href]),
.btn-pink-1:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-pink-1:not(label.btn),
.btn-pink-1:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #ff0045;
border-color: #ff0045;
}
.btn-pink-1:hover {
background-color: #ff0045;
border-color: #ff0045;
}
.btn-purple-1[href]:active,
.btn-purple-1[href]:focus,
.btn-purple-1[href]:hover,
.btn-purple-1[type]:active,
.btn-purple-1[type]:focus,
.btn-purple-1[type]:hover {
box-shadow: 0 4px 11px rgba(35, 39, 83, 0.35);
}
.btn-purple-1:not([href]),
.btn-purple-1:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-purple-1:not(label.btn),
.btn-purple-1:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #232753;
border-color: #232753;
}
.btn-purple-1:hover {
background-color: #232753;
border-color: #232753;
}
.btn-facebook[href]:active,
.btn-facebook[href]:focus,
.btn-facebook[href]:hover,
.btn-facebook[type]:active,
.btn-facebook[type]:focus,
.btn-facebook[type]:hover {
box-shadow: 0 4px 11px rgba(57, 88, 153, 0.35);
}
.btn-facebook:not([href]),
.btn-facebook:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-facebook:not(label.btn),
.btn-facebook:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #395899;
border-color: #395899;
}
.btn-facebook:hover {
background-color: #395899;
border-color: #395899;
}
.btn-google[href]:active,
.btn-google[href]:focus,
.btn-google[href]:hover,
.btn-google[type]:active,
.btn-google[type]:focus,
.btn-google[type]:hover {
box-shadow: 0 4px 11px rgba(209, 65, 48, 0.35);
}
.btn-google:not([href]),
.btn-google:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-google:not(label.btn),
.btn-google:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #d14130;
border-color: #d14130;
}
.btn-google:hover {
background-color: #d14130;
border-color: #d14130;
}
.btn-twitter[href]:active,
.btn-twitter[href]:focus,
.btn-twitter[href]:hover,
.btn-twitter[type]:active,
.btn-twitter[type]:focus,
.btn-twitter[type]:hover {
box-shadow: 0 4px 11px rgba(3, 169, 224, 0.35);
}
.btn-twitter:not([href]),
.btn-twitter:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-twitter:not(label.btn),
.btn-twitter:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #03a9e0;
border-color: #03a9e0;
}
.btn-twitter:hover {
background-color: #03a9e0;
border-color: #03a9e0;
}
.btn-instagram[href]:active,
.btn-instagram[href]:focus,
.btn-instagram[href]:hover,
.btn-instagram[type]:active,
.btn-instagram[type]:focus,
.btn-instagram[type]:hover {
box-shadow: 0 4px 11px rgba(63, 114, 155, 0.35);
}
.btn-instagram:not([href]),
.btn-instagram:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-instagram:not(label.btn),
.btn-instagram:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #3f729b;
border-color: #3f729b;
}
.btn-instagram:hover {
background-color: #3f729b;
border-color: #3f729b;
}
.btn-github[href]:active,
.btn-github[href]:focus,
.btn-github[href]:hover,
.btn-github[type]:active,
.btn-github[type]:focus,
.btn-github[type]:hover {
box-shadow: 0 4px 11px rgba(36, 41, 46, 0.35);
}
.btn-github:not([href]),
.btn-github:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-github:not(label.btn),
.btn-github:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #24292e;
border-color: #24292e;
}
.btn-github:hover {
background-color: #24292e;
border-color: #24292e;
}
.btn-gray[href]:active,
.btn-gray[href]:focus,
.btn-gray[href]:hover,
.btn-gray[type]:active,
.btn-gray[type]:focus,
.btn-gray[type]:hover {
box-shadow: 0 4px 11px rgba(248, 250, 253, 0.35);
}
.btn-gray:not([href]),
.btn-gray:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-gray:not(label.btn),
.btn-gray:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #f8fafd;
border-color: #f8fafd;
}
.btn-gray:hover {
background-color: #f8fafd;
border-color: #f8fafd;
}
.btn-purple[href]:active,
.btn-purple[href]:focus,
.btn-purple[href]:hover,
.btn-purple[type]:active,
.btn-purple[type]:focus,
.btn-purple[type]:hover {
box-shadow: 0 4px 11px rgba(128, 35, 223, 0.35);
}
.btn-purple:not([href]),
.btn-purple:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-purple:not(label.btn),
.btn-purple:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #8023df;
border-color: #8023df;
}
.btn-purple:hover {
background-color: #8023df;
border-color: #8023df;
}
.btn-blue[href]:active,
.btn-blue[href]:focus,
.btn-blue[href]:hover,
.btn-blue[type]:active,
.btn-blue[type]:focus,
.btn-blue[type]:hover {
box-shadow: 0 4px 11px rgba(76, 191, 216, 0.35);
}
.btn-blue:not([href]),
.btn-blue:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-blue:not(label.btn),
.btn-blue:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #4cbfd8;
border-color: #4cbfd8;
}
.btn-blue:hover {
background-color: #4cbfd8;
border-color: #4cbfd8;
}
.btn-violet[href]:active,
.btn-violet[href]:focus,
.btn-violet[href]:hover,
.btn-violet[type]:active,
.btn-violet[type]:focus,
.btn-violet[type]:hover {
box-shadow: 0 4px 11px rgba(140, 104, 157, 0.35);
}
.btn-violet:not([href]),
.btn-violet:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-violet:not(label.btn),
.btn-violet:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #8c689d;
border-color: #8c689d;
}
.btn-violet:hover {
background-color: #8c689d;
border-color: #8c689d;
}
.btn-coral[href]:active,
.btn-coral[href]:focus,
.btn-coral[href]:hover,
.btn-coral[type]:active,
.btn-coral[type]:focus,
.btn-coral[type]:hover {
box-shadow: 0 4px 11px rgba(255, 132, 128, 0.35);
}
.btn-coral:not([href]),
.btn-coral:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-coral:not(label.btn),
.btn-coral:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #ff8480;
border-color: #ff8480;
}
.btn-coral:hover {
background-color: #ff8480;
border-color: #ff8480;
}
.btn-yellow-light[href]:active,
.btn-yellow-light[href]:focus,
.btn-yellow-light[href]:hover,
.btn-yellow-light[type]:active,
.btn-yellow-light[type]:focus,
.btn-yellow-light[type]:hover {
box-shadow: 0 4px 11px rgba(255, 184, 116, 0.35);
}
.btn-yellow-light:not([href]),
.btn-yellow-light:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-yellow-light:not(label.btn),
.btn-yellow-light:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #ffb874;
border-color: #ffb874;
}
.btn-yellow-light:hover {
background-color: #ffb874;
border-color: #ffb874;
}
.btn-green-light[href]:active,
.btn-green-light[href]:focus,
.btn-green-light[href]:hover,
.btn-green-light[type]:active,
.btn-green-light[type]:focus,
.btn-green-light[type]:hover {
box-shadow: 0 4px 11px rgba(53, 194, 165, 0.35);
}
.btn-green-light:not([href]),
.btn-green-light:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-green-light:not(label.btn),
.btn-green-light:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #35c2a5;
border-color: #35c2a5;
}
.btn-green-light:hover {
background-color: #35c2a5;
border-color: #35c2a5;
}
.btn-blue-1[href]:active,
.btn-blue-1[href]:focus,
.btn-blue-1[href]:hover,
.btn-blue-1[type]:active,
.btn-blue-1[type]:focus,
.btn-blue-1[type]:hover {
box-shadow: 0 4px 11px rgba(0, 87, 255, 0.35);
}
.btn-blue-1:not([href]),
.btn-blue-1:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-blue-1:not(label.btn),
.btn-blue-1:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #0057ff;
border-color: #0057ff;
}
.btn-blue-1:hover {
background-color: #0057ff;
border-color: #0057ff;
}
.btn-gray-1[href]:active,
.btn-gray-1[href]:focus,
.btn-gray-1[href]:hover,
.btn-gray-1[type]:active,
.btn-gray-1[type]:focus,
.btn-gray-1[type]:hover {
box-shadow: 0 4px 11px rgba(235, 240, 247, 0.35);
}
.btn-gray-1:not([href]),
.btn-gray-1:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-gray-1:not(label.btn),
.btn-gray-1:not(label.btn):not([href]):not(:disabled):not(.disabled) {
background-color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-gray-1:hover {
background-color: #ebf0f7;
border-color: #ebf0f7;
}
.btn-custom-toggle-primary {
color: #8c98a4;
border-color: #d5dae2;
}
.btn-custom-toggle-primary:hover {
color: #297cbb;
background-color: transparent;
border-color: #297cbb;
}
.btn-custom-toggle-primary:not(:disabled):not(.disabled).active,
.btn-custom-toggle-primary:not(:disabled):not(.disabled):active {
color: #fff;
background-color: #297cbb;
border-color: #297cbb;
}
.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 {
color: #297cbb;
}
.btn-soft-primary {
color: #297cbb;
background: rgba(41, 124, 187, 0.1);
border-color: transparent;
}
.btn-soft-primary[href].active,
.btn-soft-primary[href]:active,
.btn-soft-primary[href]:focus,
.btn-soft-primary[href]:hover,
.btn-soft-primary[type].active,
.btn-soft-primary[type]:active,
.btn-soft-primary[type]:focus,
.btn-soft-primary[type]:hover {
color: #fff;
background: #297cbb;
box-shadow: 0 4px 11px rgba(41, 124, 187, 0.35);
}
.btn-soft-primary[href].disabled,
.btn-soft-primary[href]:disabled,
.btn-soft-primary[type].disabled,
.btn-soft-primary[type]:disabled {
color: #297cbb;
background-color: rgba(41, 124, 187, 0.1);
box-shadow: none;
}
.btn-soft-primary[href]:not(:disabled):not(.disabled).active,
.btn-soft-primary[href]:not(:disabled):not(.disabled):active,
.btn-soft-primary[type]:not(:disabled):not(.disabled).active,
.btn-soft-primary[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-primary[href].dropdown-toggle,
.show > .btn-soft-primary[type].dropdown-toggle {
color: #fff;
background-color: #297cbb;
}
.btn.btn-soft-primary {
color: #297cbb;
}
.btn-soft-secondary {
color: #77838f;
background: rgba(119, 131, 143, 0.1);
border-color: transparent;
}
.btn-soft-secondary[href].active,
.btn-soft-secondary[href]:active,
.btn-soft-secondary[href]:focus,
.btn-soft-secondary[href]:hover,
.btn-soft-secondary[type].active,
.btn-soft-secondary[type]:active,
.btn-soft-secondary[type]:focus,
.btn-soft-secondary[type]:hover {
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,
.btn-soft-secondary[type]:not(:disabled):not(.disabled).active,
.btn-soft-secondary[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-secondary[href].dropdown-toggle,
.show > .btn-soft-secondary[type].dropdown-toggle {
color: #fff;
background-color: #77838f;
}
.btn.btn-soft-secondary {
color: #77838f;
}
.btn-soft-success {
color: #00c9a7;
background: rgba(0, 201, 167, 0.1);
border-color: transparent;
}
.btn-soft-success[href].active,
.btn-soft-success[href]:active,
.btn-soft-success[href]:focus,
.btn-soft-success[href]:hover,
.btn-soft-success[type].active,
.btn-soft-success[type]:active,
.btn-soft-success[type]:focus,
.btn-soft-success[type]:hover {
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,
.btn-soft-success[type]:not(:disabled):not(.disabled).active,
.btn-soft-success[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-success[href].dropdown-toggle,
.show > .btn-soft-success[type].dropdown-toggle {
color: #fff;
background-color: #00c9a7;
}
.btn.btn-soft-success {
color: #00c9a7;
}
.btn-soft-info {
color: #00dffc;
background: rgba(0, 223, 252, 0.1);
border-color: transparent;
}
.btn-soft-info[href].active,
.btn-soft-info[href]:active,
.btn-soft-info[href]:focus,
.btn-soft-info[href]:hover,
.btn-soft-info[type].active,
.btn-soft-info[type]:active,
.btn-soft-info[type]:focus,
.btn-soft-info[type]:hover {
color: #3b444f;
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,
.btn-soft-info[type]:not(:disabled):not(.disabled).active,
.btn-soft-info[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-info[href].dropdown-toggle,
.show > .btn-soft-info[type].dropdown-toggle {
color: #3b444f;
background-color: #00dffc;
}
.btn.btn-soft-info {
color: #00dffc;
}
.btn-soft-warning {
color: #ffc107;
background: rgba(255, 193, 7, 0.1);
border-color: transparent;
}
.btn-soft-warning[href].active,
.btn-soft-warning[href]:active,
.btn-soft-warning[href]:focus,
.btn-soft-warning[href]:hover,
.btn-soft-warning[type].active,
.btn-soft-warning[type]:active,
.btn-soft-warning[type]:focus,
.btn-soft-warning[type]:hover {
color: #3b444f;
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,
.btn-soft-warning[type]:not(:disabled):not(.disabled).active,
.btn-soft-warning[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-warning[href].dropdown-toggle,
.show > .btn-soft-warning[type].dropdown-toggle {
color: #3b444f;
background-color: #ffc107;
}
.btn.btn-soft-warning {
color: #ffc107;
}
.btn-soft-danger {
color: #de4437;
background: rgba(222, 68, 55, 0.1);
border-color: transparent;
}
.btn-soft-danger[href].active,
.btn-soft-danger[href]:active,
.btn-soft-danger[href]:focus,
.btn-soft-danger[href]:hover,
.btn-soft-danger[type].active,
.btn-soft-danger[type]:active,
.btn-soft-danger[type]:focus,
.btn-soft-danger[type]:hover {
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,
.btn-soft-danger[type]:not(:disabled):not(.disabled).active,
.btn-soft-danger[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-danger[href].dropdown-toggle,
.show > .btn-soft-danger[type].dropdown-toggle {
color: #fff;
background-color: #de4437;
}
.btn.btn-soft-danger {
color: #de4437;
}
.btn-soft-light {
color: #f8f9fa;
background: rgba(248, 249, 250, 0.1);
border-color: transparent;
}
.btn-soft-light[href].active,
.btn-soft-light[href]:active,
.btn-soft-light[href]:focus,
.btn-soft-light[href]:hover,
.btn-soft-light[type].active,
.btn-soft-light[type]:active,
.btn-soft-light[type]:focus,
.btn-soft-light[type]:hover {
color: #3b444f;
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,
.btn-soft-light[type]:not(:disabled):not(.disabled).active,
.btn-soft-light[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-light[href].dropdown-toggle,
.show > .btn-soft-light[type].dropdown-toggle {
color: #3b444f;
background-color: #f8f9fa;
}
.btn.btn-soft-light {
color: #f8f9fa;
}
.btn-soft-dark {
color: #3b444f;
background: rgba(59, 68, 79, 0.1);
border-color: transparent;
}
.btn-soft-dark[href].active,
.btn-soft-dark[href]:active,
.btn-soft-dark[href]:focus,
.btn-soft-dark[href]:hover,
.btn-soft-dark[type].active,
.btn-soft-dark[type]:active,
.btn-soft-dark[type]:focus,
.btn-soft-dark[type]:hover {
color: #fff;
background: #3b444f;
box-shadow: 0 4px 11px rgba(59, 68, 79, 0.35);
}
.btn-soft-dark[href].disabled,
.btn-soft-dark[href]:disabled,
.btn-soft-dark[type].disabled,
.btn-soft-dark[type]:disabled {
color: #3b444f;
background-color: rgba(59, 68, 79, 0.1);
box-shadow: none;
}
.btn-soft-dark[href]:not(:disabled):not(.disabled).active,
.btn-soft-dark[href]:not(:disabled):not(.disabled):active,
.btn-soft-dark[type]:not(:disabled):not(.disabled).active,
.btn-soft-dark[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-dark[href].dropdown-toggle,
.show > .btn-soft-dark[type].dropdown-toggle {
color: #fff;
background-color: #3b444f;
}
.btn.btn-soft-dark {
color: #3b444f;
}
.btn-soft-white {
color: #fff;
background: rgba(255, 255, 255, 0.1);
border-color: transparent;
}
.btn-soft-white[href].active,
.btn-soft-white[href]:active,
.btn-soft-white[href]:focus,
.btn-soft-white[href]:hover,
.btn-soft-white[type].active,
.btn-soft-white[type]:active,
.btn-soft-white[type]:focus,
.btn-soft-white[type]:hover {
color: #3b444f;
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,
.btn-soft-white[type]:not(:disabled):not(.disabled).active,
.btn-soft-white[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-white[href].dropdown-toggle,
.show > .btn-soft-white[type].dropdown-toggle {
color: #3b444f;
background-color: #fff;
}
.btn.btn-soft-white {
color: #fff;
}
.btn-soft-indigo {
color: #2d1582;
background: rgba(45, 21, 130, 0.1);
border-color: transparent;
}
.btn-soft-indigo[href].active,
.btn-soft-indigo[href]:active,
.btn-soft-indigo[href]:focus,
.btn-soft-indigo[href]:hover,
.btn-soft-indigo[type].active,
.btn-soft-indigo[type]:active,
.btn-soft-indigo[type]:focus,
.btn-soft-indigo[type]:hover {
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,
.btn-soft-indigo[type]:not(:disabled):not(.disabled).active,
.btn-soft-indigo[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-indigo[href].dropdown-toggle,
.show > .btn-soft-indigo[type].dropdown-toggle {
color: #fff;
background-color: #2d1582;
}
.btn.btn-soft-indigo {
color: #2d1582;
}
.btn-soft-gray {
color: #ebf0f7;
background: rgba(235, 240, 247, 0.1);
border-color: transparent;
}
.btn-soft-gray[href].active,
.btn-soft-gray[href]:active,
.btn-soft-gray[href]:focus,
.btn-soft-gray[href]:hover,
.btn-soft-gray[type].active,
.btn-soft-gray[type]:active,
.btn-soft-gray[type]:focus,
.btn-soft-gray[type]:hover {
color: #3b444f;
background: #ebf0f7;
box-shadow: 0 4px 11px rgba(235, 240, 247, 0.35);
}
.btn-soft-gray[href].disabled,
.btn-soft-gray[href]:disabled,
.btn-soft-gray[type].disabled,
.btn-soft-gray[type]:disabled {
color: #ebf0f7;
background-color: rgba(235, 240, 247, 0.1);
box-shadow: none;
}
.btn-soft-gray[href]:not(:disabled):not(.disabled).active,
.btn-soft-gray[href]:not(:disabled):not(.disabled):active,
.btn-soft-gray[type]:not(:disabled):not(.disabled).active,
.btn-soft-gray[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-gray[href].dropdown-toggle,
.show > .btn-soft-gray[type].dropdown-toggle {
color: #3b444f;
background-color: #ebf0f7;
}
.btn.btn-soft-gray {
color: #ebf0f7;
}
.btn-soft-violet {
color: #532184;
background: rgba(83, 33, 132, 0.1);
border-color: transparent;
}
.btn-soft-violet[href].active,
.btn-soft-violet[href]:active,
.btn-soft-violet[href]:focus,
.btn-soft-violet[href]:hover,
.btn-soft-violet[type].active,
.btn-soft-violet[type]:active,
.btn-soft-violet[type]:focus,
.btn-soft-violet[type]:hover {
color: #fff;
background: #532184;
box-shadow: 0 4px 11px rgba(83, 33, 132, 0.35);
}
.btn-soft-violet[href].disabled,
.btn-soft-violet[href]:disabled,
.btn-soft-violet[type].disabled,
.btn-soft-violet[type]:disabled {
color: #532184;
background-color: rgba(83, 33, 132, 0.1);
box-shadow: none;
}
.btn-soft-violet[href]:not(:disabled):not(.disabled).active,
.btn-soft-violet[href]:not(:disabled):not(.disabled):active,
.btn-soft-violet[type]:not(:disabled):not(.disabled).active,
.btn-soft-violet[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-violet[href].dropdown-toggle,
.show > .btn-soft-violet[type].dropdown-toggle {
color: #fff;
background-color: #532184;
}
.btn.btn-soft-violet {
color: #532184;
}
.btn-soft-violet-1 {
color: #a864a8;
background: rgba(168, 100, 168, 0.1);
border-color: transparent;
}
.btn-soft-violet-1[href].active,
.btn-soft-violet-1[href]:active,
.btn-soft-violet-1[href]:focus,
.btn-soft-violet-1[href]:hover,
.btn-soft-violet-1[type].active,
.btn-soft-violet-1[type]:active,
.btn-soft-violet-1[type]:focus,
.btn-soft-violet-1[type]:hover {
color: #fff;
background: #a864a8;
box-shadow: 0 4px 11px rgba(168, 100, 168, 0.35);
}
.btn-soft-violet-1[href].disabled,
.btn-soft-violet-1[href]:disabled,
.btn-soft-violet-1[type].disabled,
.btn-soft-violet-1[type]:disabled {
color: #a864a8;
background-color: rgba(168, 100, 168, 0.1);
box-shadow: none;
}
.btn-soft-violet-1[href]:not(:disabled):not(.disabled).active,
.btn-soft-violet-1[href]:not(:disabled):not(.disabled):active,
.btn-soft-violet-1[type]:not(:disabled):not(.disabled).active,
.btn-soft-violet-1[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-violet-1[href].dropdown-toggle,
.show > .btn-soft-violet-1[type].dropdown-toggle {
color: #fff;
background-color: #a864a8;
}
.btn.btn-soft-violet-1 {
color: #a864a8;
}
.btn-soft-violet-light {
color: #6f13cd;
background: rgba(111, 19, 205, 0.1);
border-color: transparent;
}
.btn-soft-violet-light[href].active,
.btn-soft-violet-light[href]:active,
.btn-soft-violet-light[href]:focus,
.btn-soft-violet-light[href]:hover,
.btn-soft-violet-light[type].active,
.btn-soft-violet-light[type]:active,
.btn-soft-violet-light[type]:focus,
.btn-soft-violet-light[type]:hover {
color: #fff;
background: #6f13cd;
box-shadow: 0 4px 11px rgba(111, 19, 205, 0.35);
}
.btn-soft-violet-light[href].disabled,
.btn-soft-violet-light[href]:disabled,
.btn-soft-violet-light[type].disabled,
.btn-soft-violet-light[type]:disabled {
color: #6f13cd;
background-color: rgba(111, 19, 205, 0.1);
box-shadow: none;
}
.btn-soft-violet-light[href]:not(:disabled):not(.disabled).active,
.btn-soft-violet-light[href]:not(:disabled):not(.disabled):active,
.btn-soft-violet-light[type]:not(:disabled):not(.disabled).active,
.btn-soft-violet-light[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-violet-light[href].dropdown-toggle,
.show > .btn-soft-violet-light[type].dropdown-toggle {
color: #fff;
background-color: #6f13cd;
}
.btn.btn-soft-violet-light {
color: #6f13cd;
}
.btn-soft-brown-light {
color: #ceac61;
background: rgba(206, 172, 97, 0.1);
border-color: transparent;
}
.btn-soft-brown-light[href].active,
.btn-soft-brown-light[href]:active,
.btn-soft-brown-light[href]:focus,
.btn-soft-brown-light[href]:hover,
.btn-soft-brown-light[type].active,
.btn-soft-brown-light[type]:active,
.btn-soft-brown-light[type]:focus,
.btn-soft-brown-light[type]:hover {
color: #3b444f;
background: #ceac61;
box-shadow: 0 4px 11px rgba(206, 172, 97, 0.35);
}
.btn-soft-brown-light[href].disabled,
.btn-soft-brown-light[href]:disabled,
.btn-soft-brown-light[type].disabled,
.btn-soft-brown-light[type]:disabled {
color: #ceac61;
background-color: rgba(206, 172, 97, 0.1);
box-shadow: none;
}
.btn-soft-brown-light[href]:not(:disabled):not(.disabled).active,
.btn-soft-brown-light[href]:not(:disabled):not(.disabled):active,
.btn-soft-brown-light[type]:not(:disabled):not(.disabled).active,
.btn-soft-brown-light[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-brown-light[href].dropdown-toggle,
.show > .btn-soft-brown-light[type].dropdown-toggle {
color: #3b444f;
background-color: #ceac61;
}
.btn.btn-soft-brown-light {
color: #ceac61;
}
.btn-soft-brown {
color: #f8bd5b;
background: rgba(248, 189, 91, 0.1);
border-color: transparent;
}
.btn-soft-brown[href].active,
.btn-soft-brown[href]:active,
.btn-soft-brown[href]:focus,
.btn-soft-brown[href]:hover,
.btn-soft-brown[type].active,
.btn-soft-brown[type]:active,
.btn-soft-brown[type]:focus,
.btn-soft-brown[type]:hover {
color: #3b444f;
background: #f8bd5b;
box-shadow: 0 4px 11px rgba(248, 189, 91, 0.35);
}
.btn-soft-brown[href].disabled,
.btn-soft-brown[href]:disabled,
.btn-soft-brown[type].disabled,
.btn-soft-brown[type]:disabled {
color: #f8bd5b;
background-color: rgba(248, 189, 91, 0.1);
box-shadow: none;
}
.btn-soft-brown[href]:not(:disabled):not(.disabled).active,
.btn-soft-brown[href]:not(:disabled):not(.disabled):active,
.btn-soft-brown[type]:not(:disabled):not(.disabled).active,
.btn-soft-brown[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-brown[href].dropdown-toggle,
.show > .btn-soft-brown[type].dropdown-toggle {
color: #3b444f;
background-color: #f8bd5b;
}
.btn.btn-soft-brown {
color: #f8bd5b;
}
.btn-soft-maroon {
color: #c72f74;
background: rgba(199, 47, 116, 0.1);
border-color: transparent;
}
.btn-soft-maroon[href].active,
.btn-soft-maroon[href]:active,
.btn-soft-maroon[href]:focus,
.btn-soft-maroon[href]:hover,
.btn-soft-maroon[type].active,
.btn-soft-maroon[type]:active,
.btn-soft-maroon[type]:focus,
.btn-soft-maroon[type]:hover {
color: #fff;
background: #c72f74;
box-shadow: 0 4px 11px rgba(199, 47, 116, 0.35);
}
.btn-soft-maroon[href].disabled,
.btn-soft-maroon[href]:disabled,
.btn-soft-maroon[type].disabled,
.btn-soft-maroon[type]:disabled {
color: #c72f74;
background-color: rgba(199, 47, 116, 0.1);
box-shadow: none;
}
.btn-soft-maroon[href]:not(:disabled):not(.disabled).active,
.btn-soft-maroon[href]:not(:disabled):not(.disabled):active,
.btn-soft-maroon[type]:not(:disabled):not(.disabled).active,
.btn-soft-maroon[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-maroon[href].dropdown-toggle,
.show > .btn-soft-maroon[type].dropdown-toggle {
color: #fff;
background-color: #c72f74;
}
.btn.btn-soft-maroon {
color: #c72f74;
}
.btn-soft-indigo-light {
color: #080e7b;
background: rgba(8, 14, 123, 0.1);
border-color: transparent;
}
.btn-soft-indigo-light[href].active,
.btn-soft-indigo-light[href]:active,
.btn-soft-indigo-light[href]:focus,
.btn-soft-indigo-light[href]:hover,
.btn-soft-indigo-light[type].active,
.btn-soft-indigo-light[type]:active,
.btn-soft-indigo-light[type]:focus,
.btn-soft-indigo-light[type]:hover {
color: #fff;
background: #080e7b;
box-shadow: 0 4px 11px rgba(8, 14, 123, 0.35);
}
.btn-soft-indigo-light[href].disabled,
.btn-soft-indigo-light[href]:disabled,
.btn-soft-indigo-light[type].disabled,
.btn-soft-indigo-light[type]:disabled {
color: #080e7b;
background-color: rgba(8, 14, 123, 0.1);
box-shadow: none;
}
.btn-soft-indigo-light[href]:not(:disabled):not(.disabled).active,
.btn-soft-indigo-light[href]:not(:disabled):not(.disabled):active,
.btn-soft-indigo-light[type]:not(:disabled):not(.disabled).active,
.btn-soft-indigo-light[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-indigo-light[href].dropdown-toggle,
.show > .btn-soft-indigo-light[type].dropdown-toggle {
color: #fff;
background-color: #080e7b;
}
.btn.btn-soft-indigo-light {
color: #080e7b;
}
.btn-soft-red-light-2 {
color: #ff3c4e;
background: rgba(255, 60, 78, 0.1);
border-color: transparent;
}
.btn-soft-red-light-2[href].active,
.btn-soft-red-light-2[href]:active,
.btn-soft-red-light-2[href]:focus,
.btn-soft-red-light-2[href]:hover,
.btn-soft-red-light-2[type].active,
.btn-soft-red-light-2[type]:active,
.btn-soft-red-light-2[type]:focus,
.btn-soft-red-light-2[type]:hover {
color: #fff;
background: #ff3c4e;
box-shadow: 0 4px 11px rgba(255, 60, 78, 0.35);
}
.btn-soft-red-light-2[href].disabled,
.btn-soft-red-light-2[href]:disabled,
.btn-soft-red-light-2[type].disabled,
.btn-soft-red-light-2[type]:disabled {
color: #ff3c4e;
background-color: rgba(255, 60, 78, 0.1);
box-shadow: none;
}
.btn-soft-red-light-2[href]:not(:disabled):not(.disabled).active,
.btn-soft-red-light-2[href]:not(:disabled):not(.disabled):active,
.btn-soft-red-light-2[type]:not(:disabled):not(.disabled).active,
.btn-soft-red-light-2[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-red-light-2[href].dropdown-toggle,
.show > .btn-soft-red-light-2[type].dropdown-toggle {
color: #fff;
background-color: #ff3c4e;
}
.btn.btn-soft-red-light-2 {
color: #ff3c4e;
}
.btn-soft-blue-dark-1 {
color: #045cff;
background: rgba(4, 92, 255, 0.1);
border-color: transparent;
}
.btn-soft-blue-dark-1[href].active,
.btn-soft-blue-dark-1[href]:active,
.btn-soft-blue-dark-1[href]:focus,
.btn-soft-blue-dark-1[href]:hover,
.btn-soft-blue-dark-1[type].active,
.btn-soft-blue-dark-1[type]:active,
.btn-soft-blue-dark-1[type]:focus,
.btn-soft-blue-dark-1[type]:hover {
color: #fff;
background: #045cff;
box-shadow: 0 4px 11px rgba(4, 92, 255, 0.35);
}
.btn-soft-blue-dark-1[href].disabled,
.btn-soft-blue-dark-1[href]:disabled,
.btn-soft-blue-dark-1[type].disabled,
.btn-soft-blue-dark-1[type]:disabled {
color: #045cff;
background-color: rgba(4, 92, 255, 0.1);
box-shadow: none;
}
.btn-soft-blue-dark-1[href]:not(:disabled):not(.disabled).active,
.btn-soft-blue-dark-1[href]:not(:disabled):not(.disabled):active,
.btn-soft-blue-dark-1[type]:not(:disabled):not(.disabled).active,
.btn-soft-blue-dark-1[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-blue-dark-1[href].dropdown-toggle,
.show > .btn-soft-blue-dark-1[type].dropdown-toggle {
color: #fff;
background-color: #045cff;
}
.btn.btn-soft-blue-dark-1 {
color: #045cff;
}
.btn-soft-gray-1 {
color: #67747c;
background: rgba(103, 116, 124, 0.1);
border-color: transparent;
}
.btn-soft-gray-1[href].active,
.btn-soft-gray-1[href]:active,
.btn-soft-gray-1[href]:focus,
.btn-soft-gray-1[href]:hover,
.btn-soft-gray-1[type].active,
.btn-soft-gray-1[type]:active,
.btn-soft-gray-1[type]:focus,
.btn-soft-gray-1[type]:hover {
color: #fff;
background: #67747c;
box-shadow: 0 4px 11px rgba(103, 116, 124, 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: #67747c;
background-color: rgba(103, 116, 124, 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,
.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[href].dropdown-toggle,
.show > .btn-soft-gray-1[type].dropdown-toggle {
color: #fff;
background-color: #67747c;
}
.btn.btn-soft-gray-1 {
color: #67747c;
}
.btn-soft-gray-2 {
color: #f7f8f9;
background: rgba(247, 248, 249, 0.1);
border-color: transparent;
}
.btn-soft-gray-2[href].active,
.btn-soft-gray-2[href]:active,
.btn-soft-gray-2[href]:focus,
.btn-soft-gray-2[href]:hover,
.btn-soft-gray-2[type].active,
.btn-soft-gray-2[type]:active,
.btn-soft-gray-2[type]:focus,
.btn-soft-gray-2[type]:hover {
color: #3b444f;
background: #f7f8f9;
box-shadow: 0 4px 11px rgba(247, 248, 249, 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: #f7f8f9;
background-color: rgba(247, 248, 249, 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,
.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[href].dropdown-toggle,
.show > .btn-soft-gray-2[type].dropdown-toggle {
color: #3b444f;
background-color: #f7f8f9;
}
.btn.btn-soft-gray-2 {
color: #f7f8f9;
}
.btn-soft-gray-3 {
color: #3b444f;
background: rgba(59, 68, 79, 0.1);
border-color: transparent;
}
.btn-soft-gray-3[href].active,
.btn-soft-gray-3[href]:active,
.btn-soft-gray-3[href]:focus,
.btn-soft-gray-3[href]:hover,
.btn-soft-gray-3[type].active,
.btn-soft-gray-3[type]:active,
.btn-soft-gray-3[type]:focus,
.btn-soft-gray-3[type]:hover {
color: #fff;
background: #3b444f;
box-shadow: 0 4px 11px rgba(59, 68, 79, 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: #3b444f;
background-color: rgba(59, 68, 79, 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,
.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[href].dropdown-toggle,
.show > .btn-soft-gray-3[type].dropdown-toggle {
color: #fff;
background-color: #3b444f;
}
.btn.btn-soft-gray-3 {
color: #3b444f;
}
.btn-soft-gray-4 {
color: #eceff3;
background: rgba(236, 239, 243, 0.1);
border-color: transparent;
}
.btn-soft-gray-4[href].active,
.btn-soft-gray-4[href]:active,
.btn-soft-gray-4[href]:focus,
.btn-soft-gray-4[href]:hover,
.btn-soft-gray-4[type].active,
.btn-soft-gray-4[type]:active,
.btn-soft-gray-4[type]:focus,
.btn-soft-gray-4[type]:hover {
color: #3b444f;
background: #eceff3;
box-shadow: 0 4px 11px rgba(236, 239, 243, 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: #eceff3;
background-color: rgba(236, 239, 243, 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,
.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[href].dropdown-toggle,
.show > .btn-soft-gray-4[type].dropdown-toggle {
color: #3b444f;
background-color: #eceff3;
}
.btn.btn-soft-gray-4 {
color: #eceff3;
}
.btn-soft-blue {
color: #43c5db;
background: rgba(67, 197, 219, 0.1);
border-color: transparent;
}
.btn-soft-blue[href].active,
.btn-soft-blue[href]:active,
.btn-soft-blue[href]:focus,
.btn-soft-blue[href]:hover,
.btn-soft-blue[type].active,
.btn-soft-blue[type]:active,
.btn-soft-blue[type]:focus,
.btn-soft-blue[type]:hover {
color: #3b444f;
background: #43c5db;
box-shadow: 0 4px 11px rgba(67, 197, 219, 0.35);
}
.btn-soft-blue[href].disabled,
.btn-soft-blue[href]:disabled,
.btn-soft-blue[type].disabled,
.btn-soft-blue[type]:disabled {
color: #43c5db;
background-color: rgba(67, 197, 219, 0.1);
box-shadow: none;
}
.btn-soft-blue[href]:not(:disabled):not(.disabled).active,
.btn-soft-blue[href]:not(:disabled):not(.disabled):active,
.btn-soft-blue[type]:not(:disabled):not(.disabled).active,
.btn-soft-blue[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-blue[href].dropdown-toggle,
.show > .btn-soft-blue[type].dropdown-toggle {
color: #3b444f;
background-color: #43c5db;
}
.btn.btn-soft-blue {
color: #43c5db;
}
.btn-soft-blue-1 {
color: #297cbb;
background: rgba(41, 124, 187, 0.1);
border-color: transparent;
}
.btn-soft-blue-1[href].active,
.btn-soft-blue-1[href]:active,
.btn-soft-blue-1[href]:focus,
.btn-soft-blue-1[href]:hover,
.btn-soft-blue-1[type].active,
.btn-soft-blue-1[type]:active,
.btn-soft-blue-1[type]:focus,
.btn-soft-blue-1[type]:hover {
color: #fff;
background: #297cbb;
box-shadow: 0 4px 11px rgba(41, 124, 187, 0.35);
}
.btn-soft-blue-1[href].disabled,
.btn-soft-blue-1[href]:disabled,
.btn-soft-blue-1[type].disabled,
.btn-soft-blue-1[type]:disabled {
color: #297cbb;
background-color: rgba(41, 124, 187, 0.1);
box-shadow: none;
}
.btn-soft-blue-1[href]:not(:disabled):not(.disabled).active,
.btn-soft-blue-1[href]:not(:disabled):not(.disabled):active,
.btn-soft-blue-1[type]:not(:disabled):not(.disabled).active,
.btn-soft-blue-1[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-blue-1[href].dropdown-toggle,
.show > .btn-soft-blue-1[type].dropdown-toggle {
color: #fff;
background-color: #297cbb;
}
.btn.btn-soft-blue-1 {
color: #297cbb;
}
.btn-soft-gray-5 {
color: #18181b;
background: rgba(24, 24, 27, 0.1);
border-color: transparent;
}
.btn-soft-gray-5[href].active,
.btn-soft-gray-5[href]:active,
.btn-soft-gray-5[href]:focus,
.btn-soft-gray-5[href]:hover,
.btn-soft-gray-5[type].active,
.btn-soft-gray-5[type]:active,
.btn-soft-gray-5[type]:focus,
.btn-soft-gray-5[type]:hover {
color: #fff;
background: #18181b;
box-shadow: 0 4px 11px rgba(24, 24, 27, 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: #18181b;
background-color: rgba(24, 24, 27, 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,
.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[href].dropdown-toggle,
.show > .btn-soft-gray-5[type].dropdown-toggle {
color: #fff;
background-color: #18181b;
}
.btn.btn-soft-gray-5 {
color: #18181b;
}
.btn-soft-gray-6 {
color: #18181a;
background: rgba(24, 24, 26, 0.1);
border-color: transparent;
}
.btn-soft-gray-6[href].active,
.btn-soft-gray-6[href]:active,
.btn-soft-gray-6[href]:focus,
.btn-soft-gray-6[href]:hover,
.btn-soft-gray-6[type].active,
.btn-soft-gray-6[type]:active,
.btn-soft-gray-6[type]:focus,
.btn-soft-gray-6[type]:hover {
color: #fff;
background: #18181a;
box-shadow: 0 4px 11px rgba(24, 24, 26, 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: #18181a;
background-color: rgba(24, 24, 26, 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,
.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[href].dropdown-toggle,
.show > .btn-soft-gray-6[type].dropdown-toggle {
color: #fff;
background-color: #18181a;
}
.btn.btn-soft-gray-6 {
color: #18181a;
}
.btn-soft-gray-7 {
color: #5c6770;
background: rgba(92, 103, 112, 0.1);
border-color: transparent;
}
.btn-soft-gray-7[href].active,
.btn-soft-gray-7[href]:active,
.btn-soft-gray-7[href]:focus,
.btn-soft-gray-7[href]:hover,
.btn-soft-gray-7[type].active,
.btn-soft-gray-7[type]:active,
.btn-soft-gray-7[type]:focus,
.btn-soft-gray-7[type]:hover {
color: #fff;
background: #5c6770;
box-shadow: 0 4px 11px rgba(92, 103, 112, 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: #5c6770;
background-color: rgba(92, 103, 112, 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,
.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[href].dropdown-toggle,
.show > .btn-soft-gray-7[type].dropdown-toggle {
color: #fff;
background-color: #5c6770;
}
.btn.btn-soft-gray-7 {
color: #5c6770;
}
.btn-soft-gray-8 {
color: #c5cdd8;
background: rgba(197, 205, 216, 0.1);
border-color: transparent;
}
.btn-soft-gray-8[href].active,
.btn-soft-gray-8[href]:active,
.btn-soft-gray-8[href]:focus,
.btn-soft-gray-8[href]:hover,
.btn-soft-gray-8[type].active,
.btn-soft-gray-8[type]:active,
.btn-soft-gray-8[type]:focus,
.btn-soft-gray-8[type]:hover {
color: #3b444f;
background: #c5cdd8;
box-shadow: 0 4px 11px rgba(197, 205, 216, 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: #c5cdd8;
background-color: rgba(197, 205, 216, 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,
.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[href].dropdown-toggle,
.show > .btn-soft-gray-8[type].dropdown-toggle {
color: #3b444f;
background-color: #c5cdd8;
}
.btn.btn-soft-gray-8 {
color: #c5cdd8;
}
.btn-soft-gray-9 {
color: #9fa9b8;
background: rgba(159, 169, 184, 0.1);
border-color: transparent;
}
.btn-soft-gray-9[href].active,
.btn-soft-gray-9[href]:active,
.btn-soft-gray-9[href]:focus,
.btn-soft-gray-9[href]:hover,
.btn-soft-gray-9[type].active,
.btn-soft-gray-9[type]:active,
.btn-soft-gray-9[type]:focus,
.btn-soft-gray-9[type]:hover {
color: #3b444f;
background: #9fa9b8;
box-shadow: 0 4px 11px rgba(159, 169, 184, 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: #9fa9b8;
background-color: rgba(159, 169, 184, 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,
.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[href].dropdown-toggle,
.show > .btn-soft-gray-9[type].dropdown-toggle {
color: #3b444f;
background-color: #9fa9b8;
}
.btn.btn-soft-gray-9 {
color: #9fa9b8;
}
.btn-soft-gray-10 {
color: #c1c1c1;
background: rgba(193, 193, 193, 0.1);
border-color: transparent;
}
.btn-soft-gray-10[href].active,
.btn-soft-gray-10[href]:active,
.btn-soft-gray-10[href]:focus,
.btn-soft-gray-10[href]:hover,
.btn-soft-gray-10[type].active,
.btn-soft-gray-10[type]:active,
.btn-soft-gray-10[type]:focus,
.btn-soft-gray-10[type]:hover {
color: #3b444f;
background: #c1c1c1;
box-shadow: 0 4px 11px rgba(193, 193, 193, 0.35);
}
.btn-soft-gray-10[href].disabled,
.btn-soft-gray-10[href]:disabled,
.btn-soft-gray-10[type].disabled,
.btn-soft-gray-10[type]:disabled {
color: #c1c1c1;
background-color: rgba(193, 193, 193, 0.1);
box-shadow: none;
}
.btn-soft-gray-10[href]:not(:disabled):not(.disabled).active,
.btn-soft-gray-10[href]:not(:disabled):not(.disabled):active,
.btn-soft-gray-10[type]:not(:disabled):not(.disabled).active,
.btn-soft-gray-10[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-gray-10[href].dropdown-toggle,
.show > .btn-soft-gray-10[type].dropdown-toggle {
color: #3b444f;
background-color: #c1c1c1;
}
.btn.btn-soft-gray-10 {
color: #c1c1c1;
}
.btn-soft-gray-11 {
color: #484848;
background: rgba(72, 72, 72, 0.1);
border-color: transparent;
}
.btn-soft-gray-11[href].active,
.btn-soft-gray-11[href]:active,
.btn-soft-gray-11[href]:focus,
.btn-soft-gray-11[href]:hover,
.btn-soft-gray-11[type].active,
.btn-soft-gray-11[type]:active,
.btn-soft-gray-11[type]:focus,
.btn-soft-gray-11[type]:hover {
color: #fff;
background: #484848;
box-shadow: 0 4px 11px rgba(72, 72, 72, 0.35);
}
.btn-soft-gray-11[href].disabled,
.btn-soft-gray-11[href]:disabled,
.btn-soft-gray-11[type].disabled,
.btn-soft-gray-11[type]:disabled {
color: #484848;
background-color: rgba(72, 72, 72, 0.1);
box-shadow: none;
}
.btn-soft-gray-11[href]:not(:disabled):not(.disabled).active,
.btn-soft-gray-11[href]:not(:disabled):not(.disabled):active,
.btn-soft-gray-11[type]:not(:disabled):not(.disabled).active,
.btn-soft-gray-11[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-gray-11[href].dropdown-toggle,
.show > .btn-soft-gray-11[type].dropdown-toggle {
color: #fff;
background-color: #484848;
}
.btn.btn-soft-gray-11 {
color: #484848;
}
.btn-soft-gray-23 {
color: #f4f4f4;
background: rgba(244, 244, 244, 0.1);
border-color: transparent;
}
.btn-soft-gray-23[href].active,
.btn-soft-gray-23[href]:active,
.btn-soft-gray-23[href]:focus,
.btn-soft-gray-23[href]:hover,
.btn-soft-gray-23[type].active,
.btn-soft-gray-23[type]:active,
.btn-soft-gray-23[type]:focus,
.btn-soft-gray-23[type]:hover {
color: #3b444f;
background: #f4f4f4;
box-shadow: 0 4px 11px rgba(244, 244, 244, 0.35);
}
.btn-soft-gray-23[href].disabled,
.btn-soft-gray-23[href]:disabled,
.btn-soft-gray-23[type].disabled,
.btn-soft-gray-23[type]:disabled {
color: #f4f4f4;
background-color: rgba(244, 244, 244, 0.1);
box-shadow: none;
}
.btn-soft-gray-23[href]:not(:disabled):not(.disabled).active,
.btn-soft-gray-23[href]:not(:disabled):not(.disabled):active,
.btn-soft-gray-23[type]:not(:disabled):not(.disabled).active,
.btn-soft-gray-23[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-gray-23[href].dropdown-toggle,
.show > .btn-soft-gray-23[type].dropdown-toggle {
color: #3b444f;
background-color: #f4f4f4;
}
.btn.btn-soft-gray-23 {
color: #f4f4f4;
}
.btn-soft-gray-33 {
color: #ebf0f7;
background: rgba(235, 240, 247, 0.1);
border-color: transparent;
}
.btn-soft-gray-33[href].active,
.btn-soft-gray-33[href]:active,
.btn-soft-gray-33[href]:focus,
.btn-soft-gray-33[href]:hover,
.btn-soft-gray-33[type].active,
.btn-soft-gray-33[type]:active,
.btn-soft-gray-33[type]:focus,
.btn-soft-gray-33[type]:hover {
color: #3b444f;
background: #ebf0f7;
box-shadow: 0 4px 11px rgba(235, 240, 247, 0.35);
}
.btn-soft-gray-33[href].disabled,
.btn-soft-gray-33[href]:disabled,
.btn-soft-gray-33[type].disabled,
.btn-soft-gray-33[type]:disabled {
color: #ebf0f7;
background-color: rgba(235, 240, 247, 0.1);
box-shadow: none;
}
.btn-soft-gray-33[href]:not(:disabled):not(.disabled).active,
.btn-soft-gray-33[href]:not(:disabled):not(.disabled):active,
.btn-soft-gray-33[type]:not(:disabled):not(.disabled).active,
.btn-soft-gray-33[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-gray-33[href].dropdown-toggle,
.show > .btn-soft-gray-33[type].dropdown-toggle {
color: #3b444f;
background-color: #ebf0f7;
}
.btn.btn-soft-gray-33 {
color: #ebf0f7;
}
.btn-soft-sea-green {
color: #1d508d;
background: rgba(29, 80, 141, 0.1);
border-color: transparent;
}
.btn-soft-sea-green[href].active,
.btn-soft-sea-green[href]:active,
.btn-soft-sea-green[href]:focus,
.btn-soft-sea-green[href]:hover,
.btn-soft-sea-green[type].active,
.btn-soft-sea-green[type]:active,
.btn-soft-sea-green[type]:focus,
.btn-soft-sea-green[type]:hover {
color: #fff;
background: #1d508d;
box-shadow: 0 4px 11px rgba(29, 80, 141, 0.35);
}
.btn-soft-sea-green[href].disabled,
.btn-soft-sea-green[href]:disabled,
.btn-soft-sea-green[type].disabled,
.btn-soft-sea-green[type]:disabled {
color: #1d508d;
background-color: rgba(29, 80, 141, 0.1);
box-shadow: none;
}
.btn-soft-sea-green[href]:not(:disabled):not(.disabled).active,
.btn-soft-sea-green[href]:not(:disabled):not(.disabled):active,
.btn-soft-sea-green[type]:not(:disabled):not(.disabled).active,
.btn-soft-sea-green[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-sea-green[href].dropdown-toggle,
.show > .btn-soft-sea-green[type].dropdown-toggle {
color: #fff;
background-color: #1d508d;
}
.btn.btn-soft-sea-green {
color: #1d508d;
}
.btn-soft-dark-1 {
color: #1e2022;
background: rgba(30, 32, 34, 0.1);
border-color: transparent;
}
.btn-soft-dark-1[href].active,
.btn-soft-dark-1[href]:active,
.btn-soft-dark-1[href]:focus,
.btn-soft-dark-1[href]:hover,
.btn-soft-dark-1[type].active,
.btn-soft-dark-1[type]:active,
.btn-soft-dark-1[type]:focus,
.btn-soft-dark-1[type]:hover {
color: #fff;
background: #1e2022;
box-shadow: 0 4px 11px rgba(30, 32, 34, 0.35);
}
.btn-soft-dark-1[href].disabled,
.btn-soft-dark-1[href]:disabled,
.btn-soft-dark-1[type].disabled,
.btn-soft-dark-1[type]:disabled {
color: #1e2022;
background-color: rgba(30, 32, 34, 0.1);
box-shadow: none;
}
.btn-soft-dark-1[href]:not(:disabled):not(.disabled).active,
.btn-soft-dark-1[href]:not(:disabled):not(.disabled):active,
.btn-soft-dark-1[type]:not(:disabled):not(.disabled).active,
.btn-soft-dark-1[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-dark-1[href].dropdown-toggle,
.show > .btn-soft-dark-1[type].dropdown-toggle {
color: #fff;
background-color: #1e2022;
}
.btn.btn-soft-dark-1 {
color: #1e2022;
}
.btn-soft-navy {
color: #0057ff;
background: rgba(0, 87, 255, 0.1);
border-color: transparent;
}
.btn-soft-navy[href].active,
.btn-soft-navy[href]:active,
.btn-soft-navy[href]:focus,
.btn-soft-navy[href]:hover,
.btn-soft-navy[type].active,
.btn-soft-navy[type]:active,
.btn-soft-navy[type]:focus,
.btn-soft-navy[type]:hover {
color: #fff;
background: #0057ff;
box-shadow: 0 4px 11px rgba(0, 87, 255, 0.35);
}
.btn-soft-navy[href].disabled,
.btn-soft-navy[href]:disabled,
.btn-soft-navy[type].disabled,
.btn-soft-navy[type]:disabled {
color: #0057ff;
background-color: rgba(0, 87, 255, 0.1);
box-shadow: none;
}
.btn-soft-navy[href]:not(:disabled):not(.disabled).active,
.btn-soft-navy[href]:not(:disabled):not(.disabled):active,
.btn-soft-navy[type]:not(:disabled):not(.disabled).active,
.btn-soft-navy[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-navy[href].dropdown-toggle,
.show > .btn-soft-navy[type].dropdown-toggle {
color: #fff;
background-color: #0057ff;
}
.btn.btn-soft-navy {
color: #0057ff;
}
.btn-soft-pink {
color: #ffe5ee;
background: rgba(255, 229, 238, 0.1);
border-color: transparent;
}
.btn-soft-pink[href].active,
.btn-soft-pink[href]:active,
.btn-soft-pink[href]:focus,
.btn-soft-pink[href]:hover,
.btn-soft-pink[type].active,
.btn-soft-pink[type]:active,
.btn-soft-pink[type]:focus,
.btn-soft-pink[type]:hover {
color: #3b444f;
background: #ffe5ee;
box-shadow: 0 4px 11px rgba(255, 229, 238, 0.35);
}
.btn-soft-pink[href].disabled,
.btn-soft-pink[href]:disabled,
.btn-soft-pink[type].disabled,
.btn-soft-pink[type]:disabled {
color: #ffe5ee;
background-color: rgba(255, 229, 238, 0.1);
box-shadow: none;
}
.btn-soft-pink[href]:not(:disabled):not(.disabled).active,
.btn-soft-pink[href]:not(:disabled):not(.disabled):active,
.btn-soft-pink[type]:not(:disabled):not(.disabled).active,
.btn-soft-pink[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-pink[href].dropdown-toggle,
.show > .btn-soft-pink[type].dropdown-toggle {
color: #3b444f;
background-color: #ffe5ee;
}
.btn.btn-soft-pink {
color: #ffe5ee;
}
.btn-soft-dark-2 {
color: #1a2b49;
background: rgba(26, 43, 73, 0.1);
border-color: transparent;
}
.btn-soft-dark-2[href].active,
.btn-soft-dark-2[href]:active,
.btn-soft-dark-2[href]:focus,
.btn-soft-dark-2[href]:hover,
.btn-soft-dark-2[type].active,
.btn-soft-dark-2[type]:active,
.btn-soft-dark-2[type]:focus,
.btn-soft-dark-2[type]:hover {
color: #fff;
background: #1a2b49;
box-shadow: 0 4px 11px rgba(26, 43, 73, 0.35);
}
.btn-soft-dark-2[href].disabled,
.btn-soft-dark-2[href]:disabled,
.btn-soft-dark-2[type].disabled,
.btn-soft-dark-2[type]:disabled {
color: #1a2b49;
background-color: rgba(26, 43, 73, 0.1);
box-shadow: none;
}
.btn-soft-dark-2[href]:not(:disabled):not(.disabled).active,
.btn-soft-dark-2[href]:not(:disabled):not(.disabled):active,
.btn-soft-dark-2[type]:not(:disabled):not(.disabled).active,
.btn-soft-dark-2[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-dark-2[href].dropdown-toggle,
.show > .btn-soft-dark-2[type].dropdown-toggle {
color: #fff;
background-color: #1a2b49;
}
.btn.btn-soft-dark-2 {
color: #1a2b49;
}
.btn-soft-yellow-lighter-2 {
color: #f7bc5a;
background: rgba(247, 188, 90, 0.1);
border-color: transparent;
}
.btn-soft-yellow-lighter-2[href].active,
.btn-soft-yellow-lighter-2[href]:active,
.btn-soft-yellow-lighter-2[href]:focus,
.btn-soft-yellow-lighter-2[href]:hover,
.btn-soft-yellow-lighter-2[type].active,
.btn-soft-yellow-lighter-2[type]:active,
.btn-soft-yellow-lighter-2[type]:focus,
.btn-soft-yellow-lighter-2[type]:hover {
color: #3b444f;
background: #f7bc5a;
box-shadow: 0 4px 11px rgba(247, 188, 90, 0.35);
}
.btn-soft-yellow-lighter-2[href].disabled,
.btn-soft-yellow-lighter-2[href]:disabled,
.btn-soft-yellow-lighter-2[type].disabled,
.btn-soft-yellow-lighter-2[type]:disabled {
color: #f7bc5a;
background-color: rgba(247, 188, 90, 0.1);
box-shadow: none;
}
.btn-soft-yellow-lighter-2[href]:not(:disabled):not(.disabled).active,
.btn-soft-yellow-lighter-2[href]:not(:disabled):not(.disabled):active,
.btn-soft-yellow-lighter-2[type]:not(:disabled):not(.disabled).active,
.btn-soft-yellow-lighter-2[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-yellow-lighter-2[href].dropdown-toggle,
.show > .btn-soft-yellow-lighter-2[type].dropdown-toggle {
color: #3b444f;
background-color: #f7bc5a;
}
.btn.btn-soft-yellow-lighter-2 {
color: #f7bc5a;
}
.btn-soft-orange {
color: #f05700;
background: rgba(240, 87, 0, 0.1);
border-color: transparent;
}
.btn-soft-orange[href].active,
.btn-soft-orange[href]:active,
.btn-soft-orange[href]:focus,
.btn-soft-orange[href]:hover,
.btn-soft-orange[type].active,
.btn-soft-orange[type]:active,
.btn-soft-orange[type]:focus,
.btn-soft-orange[type]:hover {
color: #fff;
background: #f05700;
box-shadow: 0 4px 11px rgba(240, 87, 0, 0.35);
}
.btn-soft-orange[href].disabled,
.btn-soft-orange[href]:disabled,
.btn-soft-orange[type].disabled,
.btn-soft-orange[type]:disabled {
color: #f05700;
background-color: rgba(240, 87, 0, 0.1);
box-shadow: none;
}
.btn-soft-orange[href]:not(:disabled):not(.disabled).active,
.btn-soft-orange[href]:not(:disabled):not(.disabled):active,
.btn-soft-orange[type]:not(:disabled):not(.disabled).active,
.btn-soft-orange[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-orange[href].dropdown-toggle,
.show > .btn-soft-orange[type].dropdown-toggle {
color: #fff;
background-color: #f05700;
}
.btn.btn-soft-orange {
color: #f05700;
}
.btn-soft-green {
color: #28871c;
background: rgba(40, 135, 28, 0.1);
border-color: transparent;
}
.btn-soft-green[href].active,
.btn-soft-green[href]:active,
.btn-soft-green[href]:focus,
.btn-soft-green[href]:hover,
.btn-soft-green[type].active,
.btn-soft-green[type]:active,
.btn-soft-green[type]:focus,
.btn-soft-green[type]:hover {
color: #fff;
background: #28871c;
box-shadow: 0 4px 11px rgba(40, 135, 28, 0.35);
}
.btn-soft-green[href].disabled,
.btn-soft-green[href]:disabled,
.btn-soft-green[type].disabled,
.btn-soft-green[type]:disabled {
color: #28871c;
background-color: rgba(40, 135, 28, 0.1);
box-shadow: none;
}
.btn-soft-green[href]:not(:disabled):not(.disabled).active,
.btn-soft-green[href]:not(:disabled):not(.disabled):active,
.btn-soft-green[type]:not(:disabled):not(.disabled).active,
.btn-soft-green[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-green[href].dropdown-toggle,
.show > .btn-soft-green[type].dropdown-toggle {
color: #fff;
background-color: #28871c;
}
.btn.btn-soft-green {
color: #28871c;
}
.btn-soft-pink-1 {
color: #ff0045;
background: rgba(255, 0, 69, 0.1);
border-color: transparent;
}
.btn-soft-pink-1[href].active,
.btn-soft-pink-1[href]:active,
.btn-soft-pink-1[href]:focus,
.btn-soft-pink-1[href]:hover,
.btn-soft-pink-1[type].active,
.btn-soft-pink-1[type]:active,
.btn-soft-pink-1[type]:focus,
.btn-soft-pink-1[type]:hover {
color: #fff;
background: #ff0045;
box-shadow: 0 4px 11px rgba(255, 0, 69, 0.35);
}
.btn-soft-pink-1[href].disabled,
.btn-soft-pink-1[href]:disabled,
.btn-soft-pink-1[type].disabled,
.btn-soft-pink-1[type]:disabled {
color: #ff0045;
background-color: rgba(255, 0, 69, 0.1);
box-shadow: none;
}
.btn-soft-pink-1[href]:not(:disabled):not(.disabled).active,
.btn-soft-pink-1[href]:not(:disabled):not(.disabled):active,
.btn-soft-pink-1[type]:not(:disabled):not(.disabled).active,
.btn-soft-pink-1[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-pink-1[href].dropdown-toggle,
.show > .btn-soft-pink-1[type].dropdown-toggle {
color: #fff;
background-color: #ff0045;
}
.btn.btn-soft-pink-1 {
color: #ff0045;
}
.btn-soft-purple-1 {
color: #232753;
background: rgba(35, 39, 83, 0.1);
border-color: transparent;
}
.btn-soft-purple-1[href].active,
.btn-soft-purple-1[href]:active,
.btn-soft-purple-1[href]:focus,
.btn-soft-purple-1[href]:hover,
.btn-soft-purple-1[type].active,
.btn-soft-purple-1[type]:active,
.btn-soft-purple-1[type]:focus,
.btn-soft-purple-1[type]:hover {
color: #fff;
background: #232753;
box-shadow: 0 4px 11px rgba(35, 39, 83, 0.35);
}
.btn-soft-purple-1[href].disabled,
.btn-soft-purple-1[href]:disabled,
.btn-soft-purple-1[type].disabled,
.btn-soft-purple-1[type]:disabled {
color: #232753;
background-color: rgba(35, 39, 83, 0.1);
box-shadow: none;
}
.btn-soft-purple-1[href]:not(:disabled):not(.disabled).active,
.btn-soft-purple-1[href]:not(:disabled):not(.disabled):active,
.btn-soft-purple-1[type]:not(:disabled):not(.disabled).active,
.btn-soft-purple-1[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-purple-1[href].dropdown-toggle,
.show > .btn-soft-purple-1[type].dropdown-toggle {
color: #fff;
background-color: #232753;
}
.btn.btn-soft-purple-1 {
color: #232753;
}
.btn-soft-facebook {
color: #395899;
background: rgba(57, 88, 153, 0.1);
border-color: transparent;
}
.btn-soft-facebook[href].active,
.btn-soft-facebook[href]:active,
.btn-soft-facebook[href]:focus,
.btn-soft-facebook[href]:hover,
.btn-soft-facebook[type].active,
.btn-soft-facebook[type]:active,
.btn-soft-facebook[type]:focus,
.btn-soft-facebook[type]:hover {
color: #fff;
background: #395899;
box-shadow: 0 4px 11px rgba(57, 88, 153, 0.35);
}
.btn-soft-facebook[href].disabled,
.btn-soft-facebook[href]:disabled,
.btn-soft-facebook[type].disabled,
.btn-soft-facebook[type]:disabled {
color: #395899;
background-color: rgba(57, 88, 153, 0.1);
box-shadow: none;
}
.btn-soft-facebook[href]:not(:disabled):not(.disabled).active,
.btn-soft-facebook[href]:not(:disabled):not(.disabled):active,
.btn-soft-facebook[type]:not(:disabled):not(.disabled).active,
.btn-soft-facebook[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-facebook[href].dropdown-toggle,
.show > .btn-soft-facebook[type].dropdown-toggle {
color: #fff;
background-color: #395899;
}
.btn.btn-soft-facebook {
color: #395899;
}
.btn-soft-google {
color: #d14130;
background: rgba(209, 65, 48, 0.1);
border-color: transparent;
}
.btn-soft-google[href].active,
.btn-soft-google[href]:active,
.btn-soft-google[href]:focus,
.btn-soft-google[href]:hover,
.btn-soft-google[type].active,
.btn-soft-google[type]:active,
.btn-soft-google[type]:focus,
.btn-soft-google[type]:hover {
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,
.btn-soft-google[type]:not(:disabled):not(.disabled).active,
.btn-soft-google[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-google[href].dropdown-toggle,
.show > .btn-soft-google[type].dropdown-toggle {
color: #fff;
background-color: #d14130;
}
.btn.btn-soft-google {
color: #d14130;
}
.btn-soft-twitter {
color: #03a9e0;
background: rgba(3, 169, 224, 0.1);
border-color: transparent;
}
.btn-soft-twitter[href].active,
.btn-soft-twitter[href]:active,
.btn-soft-twitter[href]:focus,
.btn-soft-twitter[href]:hover,
.btn-soft-twitter[type].active,
.btn-soft-twitter[type]:active,
.btn-soft-twitter[type]:focus,
.btn-soft-twitter[type]:hover {
color: #fff;
background: #03a9e0;
box-shadow: 0 4px 11px rgba(3, 169, 224, 0.35);
}
.btn-soft-twitter[href].disabled,
.btn-soft-twitter[href]:disabled,
.btn-soft-twitter[type].disabled,
.btn-soft-twitter[type]:disabled {
color: #03a9e0;
background-color: rgba(3, 169, 224, 0.1);
box-shadow: none;
}
.btn-soft-twitter[href]:not(:disabled):not(.disabled).active,
.btn-soft-twitter[href]:not(:disabled):not(.disabled):active,
.btn-soft-twitter[type]:not(:disabled):not(.disabled).active,
.btn-soft-twitter[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-twitter[href].dropdown-toggle,
.show > .btn-soft-twitter[type].dropdown-toggle {
color: #fff;
background-color: #03a9e0;
}
.btn.btn-soft-twitter {
color: #03a9e0;
}
.btn-soft-instagram {
color: #3f729b;
background: rgba(63, 114, 155, 0.1);
border-color: transparent;
}
.btn-soft-instagram[href].active,
.btn-soft-instagram[href]:active,
.btn-soft-instagram[href]:focus,
.btn-soft-instagram[href]:hover,
.btn-soft-instagram[type].active,
.btn-soft-instagram[type]:active,
.btn-soft-instagram[type]:focus,
.btn-soft-instagram[type]:hover {
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,
.btn-soft-instagram[type]:not(:disabled):not(.disabled).active,
.btn-soft-instagram[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-instagram[href].dropdown-toggle,
.show > .btn-soft-instagram[type].dropdown-toggle {
color: #fff;
background-color: #3f729b;
}
.btn.btn-soft-instagram {
color: #3f729b;
}
.btn-soft-github {
color: #24292e;
background: rgba(36, 41, 46, 0.1);
border-color: transparent;
}
.btn-soft-github[href].active,
.btn-soft-github[href]:active,
.btn-soft-github[href]:focus,
.btn-soft-github[href]:hover,
.btn-soft-github[type].active,
.btn-soft-github[type]:active,
.btn-soft-github[type]:focus,
.btn-soft-github[type]:hover {
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,
.btn-soft-github[type]:not(:disabled):not(.disabled).active,
.btn-soft-github[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-github[href].dropdown-toggle,
.show > .btn-soft-github[type].dropdown-toggle {
color: #fff;
background-color: #24292e;
}
.btn.btn-soft-github {
color: #24292e;
}
.btn-soft-gray {
color: #f8fafd;
background: rgba(248, 250, 253, 0.1);
border-color: transparent;
}
.btn-soft-gray[href].active,
.btn-soft-gray[href]:active,
.btn-soft-gray[href]:focus,
.btn-soft-gray[href]:hover,
.btn-soft-gray[type].active,
.btn-soft-gray[type]:active,
.btn-soft-gray[type]:focus,
.btn-soft-gray[type]:hover {
color: #3b444f;
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,
.btn-soft-gray[type]:not(:disabled):not(.disabled).active,
.btn-soft-gray[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-gray[href].dropdown-toggle,
.show > .btn-soft-gray[type].dropdown-toggle {
color: #3b444f;
background-color: #f8fafd;
}
.btn.btn-soft-gray {
color: #f8fafd;
}
.btn-soft-purple {
color: #8023df;
background: rgba(128, 35, 223, 0.1);
border-color: transparent;
}
.btn-soft-purple[href].active,
.btn-soft-purple[href]:active,
.btn-soft-purple[href]:focus,
.btn-soft-purple[href]:hover,
.btn-soft-purple[type].active,
.btn-soft-purple[type]:active,
.btn-soft-purple[type]:focus,
.btn-soft-purple[type]:hover {
color: #fff;
background: #8023df;
box-shadow: 0 4px 11px rgba(128, 35, 223, 0.35);
}
.btn-soft-purple[href].disabled,
.btn-soft-purple[href]:disabled,
.btn-soft-purple[type].disabled,
.btn-soft-purple[type]:disabled {
color: #8023df;
background-color: rgba(128, 35, 223, 0.1);
box-shadow: none;
}
.btn-soft-purple[href]:not(:disabled):not(.disabled).active,
.btn-soft-purple[href]:not(:disabled):not(.disabled):active,
.btn-soft-purple[type]:not(:disabled):not(.disabled).active,
.btn-soft-purple[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-purple[href].dropdown-toggle,
.show > .btn-soft-purple[type].dropdown-toggle {
color: #fff;
background-color: #8023df;
}
.btn.btn-soft-purple {
color: #8023df;
}
.btn-soft-blue {
color: #4cbfd8;
background: rgba(76, 191, 216, 0.1);
border-color: transparent;
}
.btn-soft-blue[href].active,
.btn-soft-blue[href]:active,
.btn-soft-blue[href]:focus,
.btn-soft-blue[href]:hover,
.btn-soft-blue[type].active,
.btn-soft-blue[type]:active,
.btn-soft-blue[type]:focus,
.btn-soft-blue[type]:hover {
color: #3b444f;
background: #4cbfd8;
box-shadow: 0 4px 11px rgba(76, 191, 216, 0.35);
}
.btn-soft-blue[href].disabled,
.btn-soft-blue[href]:disabled,
.btn-soft-blue[type].disabled,
.btn-soft-blue[type]:disabled {
color: #4cbfd8;
background-color: rgba(76, 191, 216, 0.1);
box-shadow: none;
}
.btn-soft-blue[href]:not(:disabled):not(.disabled).active,
.btn-soft-blue[href]:not(:disabled):not(.disabled):active,
.btn-soft-blue[type]:not(:disabled):not(.disabled).active,
.btn-soft-blue[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-blue[href].dropdown-toggle,
.show > .btn-soft-blue[type].dropdown-toggle {
color: #3b444f;
background-color: #4cbfd8;
}
.btn.btn-soft-blue {
color: #4cbfd8;
}
.btn-soft-violet {
color: #8c689d;
background: rgba(140, 104, 157, 0.1);
border-color: transparent;
}
.btn-soft-violet[href].active,
.btn-soft-violet[href]:active,
.btn-soft-violet[href]:focus,
.btn-soft-violet[href]:hover,
.btn-soft-violet[type].active,
.btn-soft-violet[type]:active,
.btn-soft-violet[type]:focus,
.btn-soft-violet[type]:hover {
color: #fff;
background: #8c689d;
box-shadow: 0 4px 11px rgba(140, 104, 157, 0.35);
}
.btn-soft-violet[href].disabled,
.btn-soft-violet[href]:disabled,
.btn-soft-violet[type].disabled,
.btn-soft-violet[type]:disabled {
color: #8c689d;
background-color: rgba(140, 104, 157, 0.1);
box-shadow: none;
}
.btn-soft-violet[href]:not(:disabled):not(.disabled).active,
.btn-soft-violet[href]:not(:disabled):not(.disabled):active,
.btn-soft-violet[type]:not(:disabled):not(.disabled).active,
.btn-soft-violet[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-violet[href].dropdown-toggle,
.show > .btn-soft-violet[type].dropdown-toggle {
color: #fff;
background-color: #8c689d;
}
.btn.btn-soft-violet {
color: #8c689d;
}
.btn-soft-coral {
color: #ff8480;
background: rgba(255, 132, 128, 0.1);
border-color: transparent;
}
.btn-soft-coral[href].active,
.btn-soft-coral[href]:active,
.btn-soft-coral[href]:focus,
.btn-soft-coral[href]:hover,
.btn-soft-coral[type].active,
.btn-soft-coral[type]:active,
.btn-soft-coral[type]:focus,
.btn-soft-coral[type]:hover {
color: #3b444f;
background: #ff8480;
box-shadow: 0 4px 11px rgba(255, 132, 128, 0.35);
}
.btn-soft-coral[href].disabled,
.btn-soft-coral[href]:disabled,
.btn-soft-coral[type].disabled,
.btn-soft-coral[type]:disabled {
color: #ff8480;
background-color: rgba(255, 132, 128, 0.1);
box-shadow: none;
}
.btn-soft-coral[href]:not(:disabled):not(.disabled).active,
.btn-soft-coral[href]:not(:disabled):not(.disabled):active,
.btn-soft-coral[type]:not(:disabled):not(.disabled).active,
.btn-soft-coral[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-coral[href].dropdown-toggle,
.show > .btn-soft-coral[type].dropdown-toggle {
color: #3b444f;
background-color: #ff8480;
}
.btn.btn-soft-coral {
color: #ff8480;
}
.btn-soft-yellow-light {
color: #ffb874;
background: rgba(255, 184, 116, 0.1);
border-color: transparent;
}
.btn-soft-yellow-light[href].active,
.btn-soft-yellow-light[href]:active,
.btn-soft-yellow-light[href]:focus,
.btn-soft-yellow-light[href]:hover,
.btn-soft-yellow-light[type].active,
.btn-soft-yellow-light[type]:active,
.btn-soft-yellow-light[type]:focus,
.btn-soft-yellow-light[type]:hover {
color: #3b444f;
background: #ffb874;
box-shadow: 0 4px 11px rgba(255, 184, 116, 0.35);
}
.btn-soft-yellow-light[href].disabled,
.btn-soft-yellow-light[href]:disabled,
.btn-soft-yellow-light[type].disabled,
.btn-soft-yellow-light[type]:disabled {
color: #ffb874;
background-color: rgba(255, 184, 116, 0.1);
box-shadow: none;
}
.btn-soft-yellow-light[href]:not(:disabled):not(.disabled).active,
.btn-soft-yellow-light[href]:not(:disabled):not(.disabled):active,
.btn-soft-yellow-light[type]:not(:disabled):not(.disabled).active,
.btn-soft-yellow-light[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-yellow-light[href].dropdown-toggle,
.show > .btn-soft-yellow-light[type].dropdown-toggle {
color: #3b444f;
background-color: #ffb874;
}
.btn.btn-soft-yellow-light {
color: #ffb874;
}
.btn-soft-green-light {
color: #35c2a5;
background: rgba(53, 194, 165, 0.1);
border-color: transparent;
}
.btn-soft-green-light[href].active,
.btn-soft-green-light[href]:active,
.btn-soft-green-light[href]:focus,
.btn-soft-green-light[href]:hover,
.btn-soft-green-light[type].active,
.btn-soft-green-light[type]:active,
.btn-soft-green-light[type]:focus,
.btn-soft-green-light[type]:hover {
color: #fff;
background: #35c2a5;
box-shadow: 0 4px 11px rgba(53, 194, 165, 0.35);
}
.btn-soft-green-light[href].disabled,
.btn-soft-green-light[href]:disabled,
.btn-soft-green-light[type].disabled,
.btn-soft-green-light[type]:disabled {
color: #35c2a5;
background-color: rgba(53, 194, 165, 0.1);
box-shadow: none;
}
.btn-soft-green-light[href]:not(:disabled):not(.disabled).active,
.btn-soft-green-light[href]:not(:disabled):not(.disabled):active,
.btn-soft-green-light[type]:not(:disabled):not(.disabled).active,
.btn-soft-green-light[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-green-light[href].dropdown-toggle,
.show > .btn-soft-green-light[type].dropdown-toggle {
color: #fff;
background-color: #35c2a5;
}
.btn.btn-soft-green-light {
color: #35c2a5;
}
.btn-soft-blue-1 {
color: #0057ff;
background: rgba(0, 87, 255, 0.1);
border-color: transparent;
}
.btn-soft-blue-1[href].active,
.btn-soft-blue-1[href]:active,
.btn-soft-blue-1[href]:focus,
.btn-soft-blue-1[href]:hover,
.btn-soft-blue-1[type].active,
.btn-soft-blue-1[type]:active,
.btn-soft-blue-1[type]:focus,
.btn-soft-blue-1[type]:hover {
color: #fff;
background: #0057ff;
box-shadow: 0 4px 11px rgba(0, 87, 255, 0.35);
}
.btn-soft-blue-1[href].disabled,
.btn-soft-blue-1[href]:disabled,
.btn-soft-blue-1[type].disabled,
.btn-soft-blue-1[type]:disabled {
color: #0057ff;
background-color: rgba(0, 87, 255, 0.1);
box-shadow: none;
}
.btn-soft-blue-1[href]:not(:disabled):not(.disabled).active,
.btn-soft-blue-1[href]:not(:disabled):not(.disabled):active,
.btn-soft-blue-1[type]:not(:disabled):not(.disabled).active,
.btn-soft-blue-1[type]:not(:disabled):not(.disabled):active,
.show > .btn-soft-blue-1[href].dropdown-toggle,
.show > .btn-soft-blue-1[type].dropdown-toggle {
color: #fff;
background-color: #0057ff;
}
.btn.btn-soft-blue-1 {
color: #0057ff;
}
.btn-soft-gray-1 {
color: #ebf0f7;
background: rgba(235, 240, 247, 0.1);
border-color: transparent;
}
.btn-soft-gray-1[href].active,
.btn-soft-gray-1[href]:active,
.btn-soft-gray-1[href]:focus,
.btn-soft-gray-1[href]:hover,
.btn-soft-gray-1[type].active,
.btn-soft-gray-1[type]:active,
.btn-soft-gray-1[type]:focus,
.btn-soft-gray-1[type]:hover {
color: #3b444f;
background: #ebf0f7;
box-shadow: 0 4px 11px rgba(235, 240, 247, 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: #ebf0f7;
background-color: rgba(235, 240, 247, 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,
.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[href].dropdown-toggle,
.show > .btn-soft-gray-1[type].dropdown-toggle {
color: #3b444f;
background-color: #ebf0f7;
}
.btn.btn-soft-gray-1 {
color: #ebf0f7;
}
.btn-wide {
min-width: 13.75rem;
}
.btn-wide-normal {
min-width: 11.375rem;
}
.btn-md-wide {
min-width: 12rem;
}
.btn-sm-wide {
min-width: 8.4375rem;
}
.btn-xs {
font-size: 0.6875rem;
font-weight: 400;
padding: 0.4375rem 0.9375rem;
}
@media (min-width: 768px) {
.btn-normal {
min-width: 10.375rem;
height: 3.75rem;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.btn-normal {
min-width: 5rem;
height: 3.75rem;
}
}
@media (min-width: 768px) {
.btn-md {
font-size: 1rem;
padding: 0.9rem 1rem;
min-width: 11.375rem;
height: 3.75rem;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.btn-md {
min-width: 2.188rem;
height: 3.75rem;
font-size: 1rem;
padding: 0.9rem 1rem;
}
}
.btn-icon.btn-xs {
font-size: 0.75rem;
width: 1.5rem;
height: 1.5rem;
}
.btn-group-sm > .btn-icon.btn,
.btn-icon.btn-sm {
font-size: 1rem;
width: 1.7rem;
height: 1.7rem;
}
.btn-icon.btn-medium {
font-size: 1rem;
width: 2.188rem;
height: 2.188rem;
}
.btn-group-lg > .btn-icon.btn,
.btn-icon.btn-lg {
font-size: 1.75rem;
width: 5rem;
height: 5rem;
}
.btn-text-primary {
color: #297cbb;
background: 0 0;
}
.btn-text-primary[href]:active,
.btn-text-primary[href]:focus,
.btn-text-primary[href]:hover,
.btn-text-primary[type]:active,
.btn-text-primary[type]:focus,
.btn-text-primary[type]:hover {
color: #3b444f;
}
.btn-text-secondary {
color: #77838f;
background: 0 0;
}
.btn-text-secondary[href]:active,
.btn-text-secondary[href]:focus,
.btn-text-secondary[href]:hover,
.btn-text-secondary[type]:active,
.btn-text-secondary[type]:focus,
.btn-text-secondary[type]:hover {
color: #3b444f;
}
.btn-text-success {
color: #00c9a7;
background: 0 0;
}
.btn-text-success[href]:active,
.btn-text-success[href]:focus,
.btn-text-success[href]:hover,
.btn-text-success[type]:active,
.btn-text-success[type]:focus,
.btn-text-success[type]:hover {
color: #3b444f;
}
.btn-text-info {
color: #00dffc;
background: 0 0;
}
.btn-text-info[href]:active,
.btn-text-info[href]:focus,
.btn-text-info[href]:hover,
.btn-text-info[type]:active,
.btn-text-info[type]:focus,
.btn-text-info[type]:hover {
color: #3b444f;
}
.btn-text-warning {
color: #ffc107;
background: 0 0;
}
.btn-text-warning[href]:active,
.btn-text-warning[href]:focus,
.btn-text-warning[href]:hover,
.btn-text-warning[type]:active,
.btn-text-warning[type]:focus,
.btn-text-warning[type]:hover {
color: #3b444f;
}
.btn-text-danger {
color: #de4437;
background: 0 0;
}
.btn-text-danger[href]:active,
.btn-text-danger[href]:focus,
.btn-text-danger[href]:hover,
.btn-text-danger[type]:active,
.btn-text-danger[type]:focus,
.btn-text-danger[type]:hover {
color: #3b444f;
}
.btn-text-light {
color: #f8f9fa;
background: 0 0;
}
.btn-text-light[href]:active,
.btn-text-light[href]:focus,
.btn-text-light[href]:hover,
.btn-text-light[type]:active,
.btn-text-light[type]:focus,
.btn-text-light[type]:hover {
color: #bdc5d1;
}
.btn-text-dark {
color: #3b444f;
background: 0 0;
}
.btn-text-dark[href]:active,
.btn-text-dark[href]:focus,
.btn-text-dark[href]:hover,
.btn-text-dark[type]:active,
.btn-text-dark[type]:focus,
.btn-text-dark[type]:hover {
color: #3b444f;
}
.btn-text-white {
color: #fff;
background: 0 0;
}
.btn-text-white[href]:active,
.btn-text-white[href]:focus,
.btn-text-white[href]:hover,
.btn-text-white[type]:active,
.btn-text-white[type]:focus,
.btn-text-white[type]:hover {
color: #3b444f;
}
.btn-text-indigo {
color: #2d1582;
background: 0 0;
}
.btn-text-indigo[href]:active,
.btn-text-indigo[href]:focus,
.btn-text-indigo[href]:hover,
.btn-text-indigo[type]:active,
.btn-text-indigo[type]:focus,
.btn-text-indigo[type]:hover {
color: #3b444f;
}
.btn-text-gray {
color: #ebf0f7;
background: 0 0;
}
.btn-text-gray[href]:active,
.btn-text-gray[href]:focus,
.btn-text-gray[href]:hover,
.btn-text-gray[type]:active,
.btn-text-gray[type]:focus,
.btn-text-gray[type]:hover {
color: #3b444f;
}
.btn-text-violet {
color: #532184;
background: 0 0;
}
.btn-text-violet[href]:active,
.btn-text-violet[href]:focus,
.btn-text-violet[href]:hover,
.btn-text-violet[type]:active,
.btn-text-violet[type]:focus,
.btn-text-violet[type]:hover {
color: #3b444f;
}
.btn-text-violet-1 {
color: #a864a8;
background: 0 0;
}
.btn-text-violet-1[href]:active,
.btn-text-violet-1[href]:focus,
.btn-text-violet-1[href]:hover,
.btn-text-violet-1[type]:active,
.btn-text-violet-1[type]:focus,
.btn-text-violet-1[type]:hover {
color: #3b444f;
}
.btn-text-violet-light {
color: #6f13cd;
background: 0 0;
}
.btn-text-violet-light[href]:active,
.btn-text-violet-light[href]:focus,
.btn-text-violet-light[href]:hover,
.btn-text-violet-light[type]:active,
.btn-text-violet-light[type]:focus,
.btn-text-violet-light[type]:hover {
color: #3b444f;
}
.btn-text-brown-light {
color: #ceac61;
background: 0 0;
}
.btn-text-brown-light[href]:active,
.btn-text-brown-light[href]:focus,
.btn-text-brown-light[href]:hover,
.btn-text-brown-light[type]:active,
.btn-text-brown-light[type]:focus,
.btn-text-brown-light[type]:hover {
color: #3b444f;
}
.btn-text-brown {
color: #f8bd5b;
background: 0 0;
}
.btn-text-brown[href]:active,
.btn-text-brown[href]:focus,
.btn-text-brown[href]:hover,
.btn-text-brown[type]:active,
.btn-text-brown[type]:focus,
.btn-text-brown[type]:hover {
color: #3b444f;
}
.btn-text-maroon {
color: #c72f74;
background: 0 0;
}
.btn-text-maroon[href]:active,
.btn-text-maroon[href]:focus,
.btn-text-maroon[href]:hover,
.btn-text-maroon[type]:active,
.btn-text-maroon[type]:focus,
.btn-text-maroon[type]:hover {
color: #3b444f;
}
.btn-text-indigo-light {
color: #080e7b;
background: 0 0;
}
.btn-text-indigo-light[href]:active,
.btn-text-indigo-light[href]:focus,
.btn-text-indigo-light[href]:hover,
.btn-text-indigo-light[type]:active,
.btn-text-indigo-light[type]:focus,
.btn-text-indigo-light[type]:hover {
color: #3b444f;
}
.btn-text-red-light-2 {
color: #ff3c4e;
background: 0 0;
}
.btn-text-red-light-2[href]:active,
.btn-text-red-light-2[href]:focus,
.btn-text-red-light-2[href]:hover,
.btn-text-red-light-2[type]:active,
.btn-text-red-light-2[type]:focus,
.btn-text-red-light-2[type]:hover {
color: #3b444f;
}
.btn-text-blue-dark-1 {
color: #045cff;
background: 0 0;
}
.btn-text-blue-dark-1[href]:active,
.btn-text-blue-dark-1[href]:focus,
.btn-text-blue-dark-1[href]:hover,
.btn-text-blue-dark-1[type]:active,
.btn-text-blue-dark-1[type]:focus,
.btn-text-blue-dark-1[type]:hover {
color: #3b444f;
}
.btn-text-gray-1 {
color: #67747c;
background: 0 0;
}
.btn-text-gray-1[href]:active,
.btn-text-gray-1[href]:focus,
.btn-text-gray-1[href]:hover,
.btn-text-gray-1[type]:active,
.btn-text-gray-1[type]:focus,
.btn-text-gray-1[type]:hover {
color: #3b444f;
}
.btn-text-gray-2 {
color: #f7f8f9;
background: 0 0;
}
.btn-text-gray-2[href]:active,
.btn-text-gray-2[href]:focus,
.btn-text-gray-2[href]:hover,
.btn-text-gray-2[type]:active,
.btn-text-gray-2[type]:focus,
.btn-text-gray-2[type]:hover {
color: #3b444f;
}
.btn-text-gray-3 {
color: #3b444f;
background: 0 0;
}
.btn-text-gray-3[href]:active,
.btn-text-gray-3[href]:focus,
.btn-text-gray-3[href]:hover,
.btn-text-gray-3[type]:active,
.btn-text-gray-3[type]:focus,
.btn-text-gray-3[type]:hover {
color: #3b444f;
}
.btn-text-gray-4 {
color: #eceff3;
background: 0 0;
}
.btn-text-gray-4[href]:active,
.btn-text-gray-4[href]:focus,
.btn-text-gray-4[href]:hover,
.btn-text-gray-4[type]:active,
.btn-text-gray-4[type]:focus,
.btn-text-gray-4[type]:hover {
color: #3b444f;
}
.btn-text-blue {
color: #43c5db;
background: 0 0;
}
.btn-text-blue[href]:active,
.btn-text-blue[href]:focus,
.btn-text-blue[href]:hover,
.btn-text-blue[type]:active,
.btn-text-blue[type]:focus,
.btn-text-blue[type]:hover {
color: #3b444f;
}
.btn-text-blue-1 {
color: #297cbb;
background: 0 0;
}
.btn-text-blue-1[href]:active,
.btn-text-blue-1[href]:focus,
.btn-text-blue-1[href]:hover,
.btn-text-blue-1[type]:active,
.btn-text-blue-1[type]:focus,
.btn-text-blue-1[type]:hover {
color: #3b444f;
}
.btn-text-gray-5 {
color: #18181b;
background: 0 0;
}
.btn-text-gray-5[href]:active,
.btn-text-gray-5[href]:focus,
.btn-text-gray-5[href]:hover,
.btn-text-gray-5[type]:active,
.btn-text-gray-5[type]:focus,
.btn-text-gray-5[type]:hover {
color: #3b444f;
}
.btn-text-gray-6 {
color: #18181a;
background: 0 0;
}
.btn-text-gray-6[href]:active,
.btn-text-gray-6[href]:focus,
.btn-text-gray-6[href]:hover,
.btn-text-gray-6[type]:active,
.btn-text-gray-6[type]:focus,
.btn-text-gray-6[type]:hover {
color: #3b444f;
}
.btn-text-gray-7 {
color: #5c6770;
background: 0 0;
}
.btn-text-gray-7[href]:active,
.btn-text-gray-7[href]:focus,
.btn-text-gray-7[href]:hover,
.btn-text-gray-7[type]:active,
.btn-text-gray-7[type]:focus,
.btn-text-gray-7[type]:hover {
color: #3b444f;
}
.btn-text-gray-8 {
color: #c5cdd8;
background: 0 0;
}
.btn-text-gray-8[href]:active,
.btn-text-gray-8[href]:focus,
.btn-text-gray-8[href]:hover,
.btn-text-gray-8[type]:active,
.btn-text-gray-8[type]:focus,
.btn-text-gray-8[type]:hover {
color: #3b444f;
}
.btn-text-gray-9 {
color: #9fa9b8;
background: 0 0;
}
.btn-text-gray-9[href]:active,
.btn-text-gray-9[href]:focus,
.btn-text-gray-9[href]:hover,
.btn-text-gray-9[type]:active,
.btn-text-gray-9[type]:focus,
.btn-text-gray-9[type]:hover {
color: #3b444f;
}
.btn-text-gray-10 {
color: #c1c1c1;
background: 0 0;
}
.btn-text-gray-10[href]:active,
.btn-text-gray-10[href]:focus,
.btn-text-gray-10[href]:hover,
.btn-text-gray-10[type]:active,
.btn-text-gray-10[type]:focus,
.btn-text-gray-10[type]:hover {
color: #3b444f;
}
.btn-text-gray-11 {
color: #484848;
background: 0 0;
}
.btn-text-gray-11[href]:active,
.btn-text-gray-11[href]:focus,
.btn-text-gray-11[href]:hover,
.btn-text-gray-11[type]:active,
.btn-text-gray-11[type]:focus,
.btn-text-gray-11[type]:hover {
color: #3b444f;
}
.btn-text-gray-23 {
color: #f4f4f4;
background: 0 0;
}
.btn-text-gray-23[href]:active,
.btn-text-gray-23[href]:focus,
.btn-text-gray-23[href]:hover,
.btn-text-gray-23[type]:active,
.btn-text-gray-23[type]:focus,
.btn-text-gray-23[type]:hover {
color: #3b444f;
}
.btn-text-gray-33 {
color: #ebf0f7;
background: 0 0;
}
.btn-text-gray-33[href]:active,
.btn-text-gray-33[href]:focus,
.btn-text-gray-33[href]:hover,
.btn-text-gray-33[type]:active,
.btn-text-gray-33[type]:focus,
.btn-text-gray-33[type]:hover {
color: #3b444f;
}
.btn-text-sea-green {
color: #1d508d;
background: 0 0;
}
.btn-text-sea-green[href]:active,
.btn-text-sea-green[href]:focus,
.btn-text-sea-green[href]:hover,
.btn-text-sea-green[type]:active,
.btn-text-sea-green[type]:focus,
.btn-text-sea-green[type]:hover {
color: #3b444f;
}
.btn-text-dark-1 {
color: #1e2022;
background: 0 0;
}
.btn-text-dark-1[href]:active,
.btn-text-dark-1[href]:focus,
.btn-text-dark-1[href]:hover,
.btn-text-dark-1[type]:active,
.btn-text-dark-1[type]:focus,
.btn-text-dark-1[type]:hover {
color: #3b444f;
}
.btn-text-navy {
color: #0057ff;
background: 0 0;
}
.btn-text-navy[href]:active,
.btn-text-navy[href]:focus,
.btn-text-navy[href]:hover,
.btn-text-navy[type]:active,
.btn-text-navy[type]:focus,
.btn-text-navy[type]:hover {
color: #3b444f;
}
.btn-text-pink {
color: #ffe5ee;
background: 0 0;
}
.btn-text-pink[href]:active,
.btn-text-pink[href]:focus,
.btn-text-pink[href]:hover,
.btn-text-pink[type]:active,
.btn-text-pink[type]:focus,
.btn-text-pink[type]:hover {
color: #3b444f;
}
.btn-text-dark-2 {
color: #1a2b49;
background: 0 0;
}
.btn-text-dark-2[href]:active,
.btn-text-dark-2[href]:focus,
.btn-text-dark-2[href]:hover,
.btn-text-dark-2[type]:active,
.btn-text-dark-2[type]:focus,
.btn-text-dark-2[type]:hover {
color: #3b444f;
}
.btn-text-yellow-lighter-2 {
color: #f7bc5a;
background: 0 0;
}
.btn-text-yellow-lighter-2[href]:active,
.btn-text-yellow-lighter-2[href]:focus,
.btn-text-yellow-lighter-2[href]:hover,
.btn-text-yellow-lighter-2[type]:active,
.btn-text-yellow-lighter-2[type]:focus,
.btn-text-yellow-lighter-2[type]:hover {
color: #3b444f;
}
.btn-text-orange {
color: #f05700;
background: 0 0;
}
.btn-text-orange[href]:active,
.btn-text-orange[href]:focus,
.btn-text-orange[href]:hover,
.btn-text-orange[type]:active,
.btn-text-orange[type]:focus,
.btn-text-orange[type]:hover {
color: #3b444f;
}
.btn-text-green {
color: #28871c;
background: 0 0;
}
.btn-text-green[href]:active,
.btn-text-green[href]:focus,
.btn-text-green[href]:hover,
.btn-text-green[type]:active,
.btn-text-green[type]:focus,
.btn-text-green[type]:hover {
color: #3b444f;
}
.btn-text-pink-1 {
color: #ff0045;
background: 0 0;
}
.btn-text-pink-1[href]:active,
.btn-text-pink-1[href]:focus,
.btn-text-pink-1[href]:hover,
.btn-text-pink-1[type]:active,
.btn-text-pink-1[type]:focus,
.btn-text-pink-1[type]:hover {
color: #3b444f;
}
.btn-text-purple-1 {
color: #232753;
background: 0 0;
}
.btn-text-purple-1[href]:active,
.btn-text-purple-1[href]:focus,
.btn-text-purple-1[href]:hover,
.btn-text-purple-1[type]:active,
.btn-text-purple-1[type]:focus,
.btn-text-purple-1[type]:hover {
color: #3b444f;
}
.btn[href] {
cursor: pointer;
}
.btn:not([href]):not([type]):not(:disabled):not(.disabled) {
cursor: default;
}
label.btn {
cursor: pointer !important;
}
.btn-pill {
border-radius: 6.1875rem;
}
.btn-social {
color: #67747c;
border-color: #ebf0f7;
border-width: 2px;
border-radius: 6.1875rem;
height: 2.5rem !important;
width: 2.5rem !important;
}
.btn-social:hover {
color: #fff;
background: #297cbb;
border-color: #297cbb;
}
.btn-social-dark {
color: #67747c;
border-color: #3c3c3c;
border-width: 2px;
border-radius: 6.1875rem;
height: 2.5rem !important;
width: 2.5rem !important;
}
.btn-social-dark:hover {
color: #fff;
background: #297cbb;
border-color: #297cbb;
}
.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%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.btn-icon__inner-bottom-minus {
top: 80%;
}
[class*="btn-soft-"].btn-bg-transparent {
background-color: transparent;
}
.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;
}
.close.close-rounded {
font-size: 0.75rem;
border: 1px solid #dce3ec;
border-radius: 50%;
padding: 0.656rem;
}
.button-inline-group {
display: -ms-flexbox;
display: flex;
}
.button-inline-group .btn {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 576px) {
.button-inline-group-sm {
display: -ms-flexbox;
display: flex;
}
.button-inline-group-sm .btn {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (min-width: 768px) {
.button-inline-group-md {
display: -ms-flexbox;
display: flex;
}
.button-inline-group-md .btn {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (min-width: 992px) {
.button-inline-group-lg {
display: -ms-flexbox;
display: flex;
}
.button-inline-group-lg .btn {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (min-width: 1200px) {
.button-inline-group-xl {
display: -ms-flexbox;
display: flex;
}
.button-inline-group-xl .btn {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (min-width: 1480px) {
.button-inline-group-wd {
display: -ms-flexbox;
display: flex;
}
.button-inline-group-wd .btn {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.brand {
font-size: 1.75rem;
font-weight: 500;
margin-left: 0.5rem;
}
.brand-primary,
.brand-primary:focus,
.brand-primary:hover {
color: #297cbb;
}
.brand-light,
.brand-light:focus,
.brand-light:hover {
color: #fff;
}
.brand-dark,
.brand-dark:focus,
.brand-dark:hover {
color: #3b444f;
}
.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;
}
.breadcrumb-item {
color: #67747c;
font-size: 0.875rem;
}
.breadcrumb-item a {
color: #67747c;
}
.breadcrumb-item:not(.active):hover {
color: #297cbb;
}
.breadcrumb-item:not(.active):hover a {
color: #297cbb;
}
.custom-breadcrumb-item:before {
color: #fff !important;
}
.card-2-count {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.card-3-count {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.card-4-count {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.card-columns {
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
orphans: 1;
widows: 1;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
@media (min-width: 576px) {
.card-sm-2-count {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.card-sm-3-count {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.card-sm-4-count {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.card-sm-columns {
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
orphans: 1;
widows: 1;
}
.card-sm-columns .card {
display: inline-block;
width: 100%;
}
}
@media (min-width: 768px) {
.card-md-2-count {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.card-md-3-count {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.card-md-4-count {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.card-md-columns {
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
orphans: 1;
widows: 1;
}
.card-md-columns .card {
display: inline-block;
width: 100%;
}
}
@media (min-width: 992px) {
.card-lg-2-count {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.card-lg-3-count {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.card-lg-4-count {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.card-lg-columns {
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
orphans: 1;
widows: 1;
}
.card-lg-columns .card {
display: inline-block;
width: 100%;
}
}
@media (min-width: 1200px) {
.card-xl-2-count {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.card-xl-3-count {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.card-xl-4-count {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.card-xl-columns {
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
orphans: 1;
widows: 1;
}
.card-xl-columns .card {
display: inline-block;
width: 100%;
}
}
@media (min-width: 1480px) {
.card-wd-2-count {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.card-wd-3-count {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.card-wd-4-count {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.card-wd-columns {
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
orphans: 1;
widows: 1;
}
.card-wd-columns .card {
display: inline-block;
width: 100%;
}
}
.card-bg-light {
background-color: #f8fafd;
}
.card-bg-light:hover {
background-color: #f4f7fc;
}
.card-frame {
border: 1px solid #e7eaf3;
transition: 0.3s;
}
.card-frame-highlighted,
.card-frame:hover {
border-color: rgba(41, 124, 187, 0.3);
box-shadow: 0 0 35px rgba(41, 124, 187, 0.125);
}
.card-text-dark {
color: #3b444f;
}
.card-text-dark:hover {
color: #297cbb;
}
.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: #3b444f;
text-align: left;
white-space: inherit;
}
.card-btn-arrow {
display: inline-block;
color: #297cbb;
margin-left: 1rem;
transition: 0.3s ease-in-out;
}
.collapsed .card-btn-arrow {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.shopping-cart .media-body span {
line-height: 1;
}
.card-img {
position: absolute;
bottom: 100%;
-webkit-transform: translateY(60px);
transform: translateY(60px);
}
.card-img-bottom,
.card-img-top {
min-height: 1px;
}
@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;
}
}
@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-header,
.card-group-sm-break > .card:first-child .card-img-top {
border-top-left-radius: 0.3125rem;
border-top-right-radius: 0.3125rem;
}
.card-group-sm-break > .card:first-child .card-footer,
.card-group-sm-break > .card:first-child .card-img-bottom {
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-header,
.card-group-sm-break > .card:last-child .card-img-top {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.card-group-sm-break > .card:last-child .card-footer,
.card-group-sm-break > .card:last-child .card-img-bottom {
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-header,
.card-group-md-break > .card:first-child .card-img-top {
border-top-left-radius: 0.3125rem;
border-top-right-radius: 0.3125rem;
}
.card-group-md-break > .card:first-child .card-footer,
.card-group-md-break > .card:first-child .card-img-bottom {
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-header,
.card-group-md-break > .card:last-child .card-img-top {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.card-group-md-break > .card:last-child .card-footer,
.card-group-md-break > .card:last-child .card-img-bottom {
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-header,
.card-group-lg-break > .card:first-child .card-img-top {
border-top-left-radius: 0.3125rem;
border-top-right-radius: 0.3125rem;
}
.card-group-lg-break > .card:first-child .card-footer,
.card-group-lg-break > .card:first-child .card-img-bottom {
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-header,
.card-group-lg-break > .card:last-child .card-img-top {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.card-group-lg-break > .card:last-child .card-footer,
.card-group-lg-break > .card:last-child .card-img-bottom {
border-bottom-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
}
}
.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);
}
@media (min-width: 768px) {
.u-sidebar {
width: 23.4375rem;
}
}
.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;
}
.sidenav .from,
.sidenav .to {
border: 2px solid #297cbb;
}
.sidenav .card-btn-arrow {
color: #3b444f !important;
}
.sidenav .collapsed .card-btn-arrow {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.sidenav .card-collapse:hover {
background: 0 0;
}
.u-sidebar--account__footer-offset {
height: 100%;
box-sizing: border-box;
padding-bottom: 10.3125rem;
}
.u-sidebar__content--account {
padding: 0.5rem 0.5rem;
}
.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;
}
.u-sidebar--account__toggle-bg {
position: relative;
top: 1px;
padding: 0.25rem 0.25rem 0.25rem 0.75rem;
background-color: rgba(41, 124, 187, 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: #297cbb;
}
.u-sidebar--account__toggle-text {
color: #3b444f;
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%;
}
.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: #297cbb;
background-color: rgba(41, 124, 187, 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: #297cbb;
}
.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;
}
.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;
}
.u-sidebar__cart-footer-offset {
height: 100%;
box-sizing: border-box;
padding-bottom: 13.4375rem;
}
.u-clients {
width: 100%;
max-width: 6rem;
height: auto;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.inner-md-right {
padding-right: 75px;
}
}
@media (min-width: 768px) {
.inner-md-left {
padding-left: 75px;
}
}
.inner-bottom-sm {
padding-bottom: 60px;
}
.close-light {
color: rgba(255, 255, 255, 0.7);
}
.close-light:not(:disabled):not(.disabled):focus,
.close-light:not(:disabled):not(.disabled):hover {
color: #fff;
}
.u-divider {
position: relative;
display: inline-block;
}
.u-divider::after,
.u-divider::before {
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;
}
.u-divider--xs {
font-size: 0.75rem;
}
.u-divider--xs::after,
.u-divider--xs::before {
width: 2rem;
height: 0.0625rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.u-divider--xs::before {
margin-right: 0.625rem;
}
.u-divider--xs::after {
margin-left: 0.625rem;
}
.u-divider--xs::after,
.u-divider--xs::before {
width: 2rem;
}
.u-divider--text {
color: #8c98a4;
}
.u-ver-divider {
position: relative;
}
.u-ver-divider::after {
position: absolute;
top: 0;
right: 0;
height: 100%;
border-right: 1px solid #e7eaf3;
content: "";
}
@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;
}
}
.u-ver-divider--xs::after {
top: 50%;
height: 1rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.u-ver-divider--sm::after {
top: 50%;
height: 2rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.u-ver-divider--lg::after {
top: 50%;
height: 3rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.u-ver-divider--xl::after {
top: 50%;
height: 4rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.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;
}
.dropdown-menu {
margin-top: 0.5rem;
font-size: 0.875rem;
padding-top: 1rem;
padding-bottom: 1rem;
box-shadow: 0 5px 9px rgba(41, 124, 187, 0.075),
0 5px 9px rgba(119, 131, 143, 0.075);
}
.dropdown-nav-link {
color: #67747c;
font-weight: 400;
font-size: 0.875rem;
}
.dropdown-nav-link:hover {
color: #3b444f;
}
.dropdown-nav-link-dark {
color: #3b444f;
}
.dropdown-item {
font-size: 0.875rem;
}
.dropdown-item:hover {
color: #297cbb;
}
.dropdown-item.active {
color: #297cbb;
}
.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;
}
.dropdown-toggle::after {
display: inline-block;
font-family: "Font Awesome 5 Free";
font-size: 80%;
font-weight: 900;
content: "";
margin-left: 0.5rem;
}
.dropdown-toggle-collapse::after {
transition: 0.3s;
}
.dropdown-toggle-collapse[aria-expanded="true"]::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.dropdown-menu-right {
right: 0;
left: auto !important;
}
.dropdown-menu-bottom {
top: auto;
bottom: 0;
}
@media (min-width: 576px) {
.dropdown-menu-sm-right {
right: 0;
left: auto !important;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-right {
right: 0;
left: auto !important;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-right {
right: 0;
left: auto !important;
}
}
.dropdown-menu-right.dropdown-menu-right-fix[class*="dropdown-menu-right-fix"] {
right: 0 !important;
}
.dropdown-menu-right.dropdown-menu-right-fix-10 {
right: 10% !important;
}
.dropdown-menu-right.dropdown-menu-right-fix-15 {
right: 15% !important;
}
.dropdown-menu-right.dropdown-menu-right-fix-20 {
right: 20% !important;
}
.dropdown-menu-right.dropdown-menu-right-fix-25 {
right: 25% !important;
}
.dropdown-menu-right.dropdown-menu-right-fix-30 {
right: 30% !important;
}
.dropdown-menu-right.dropdown-menu-right-fix-35 {
right: 35% !important;
}
.dropdown-menu-right.dropdown-menu-right-fix-40 {
right: 40% !important;
}
.dropdown-menu-right.dropdown-menu-right-fix-45 {
right: 45% !important;
}
.dropdown-menu-right.dropdown-menu-right-fix-50 {
right: 50% !important;
}
@media (min-width: 576px) {
.dropdown-menu-right.dropdown-menu-right-fix-sm-10 {
right: 10% !important;
}
}
@media (min-width: 576px) {
.dropdown-menu-right.dropdown-menu-right-fix-sm-15 {
right: 15% !important;
}
}
@media (min-width: 576px) {
.dropdown-menu-right.dropdown-menu-right-fix-sm-20 {
right: 20% !important;
}
}
@media (min-width: 576px) {
.dropdown-menu-right.dropdown-menu-right-fix-sm-25 {
right: 25% !important;
}
}
@media (min-width: 576px) {
.dropdown-menu-right.dropdown-menu-right-fix-sm-30 {
right: 30% !important;
}
}
@media (min-width: 576px) {
.dropdown-menu-right.dropdown-menu-right-fix-sm-35 {
right: 35% !important;
}
}
@media (min-width: 576px) {
.dropdown-menu-right.dropdown-menu-right-fix-sm-40 {
right: 40% !important;
}
}
@media (min-width: 576px) {
.dropdown-menu-right.dropdown-menu-right-fix-sm-45 {
right: 45% !important;
}
}
@media (min-width: 576px) {
.dropdown-menu-right.dropdown-menu-right-fix-sm-50 {
right: 50% !important;
}
}
@media (min-width: 768px) {
.dropdown-menu-right.dropdown-menu-right-fix-md-10 {
right: 10% !important;
}
}
@media (min-width: 768px) {
.dropdown-menu-right.dropdown-menu-right-fix-md-15 {
right: 15% !important;
}
}
@media (min-width: 768px) {
.dropdown-menu-right.dropdown-menu-right-fix-md-20 {
right: 20% !important;
}
}
@media (min-width: 768px) {
.dropdown-menu-right.dropdown-menu-right-fix-md-25 {
right: 25% !important;
}
}
@media (min-width: 768px) {
.dropdown-menu-right.dropdown-menu-right-fix-md-30 {
right: 30% !important;
}
}
@media (min-width: 768px) {
.dropdown-menu-right.dropdown-menu-right-fix-md-35 {
right: 35% !important;
}
}
@media (min-width: 768px) {
.dropdown-menu-right.dropdown-menu-right-fix-md-40 {
right: 40% !important;
}
}
@media (min-width: 768px) {
.dropdown-menu-right.dropdown-menu-right-fix-md-45 {
right: 45% !important;
}
}
@media (min-width: 768px) {
.dropdown-menu-right.dropdown-menu-right-fix-md-50 {
right: 50% !important;
}
}
@media (min-width: 992px) {
.dropdown-menu-right.dropdown-menu-right-fix-lg-10 {
right: 10% !important;
}
}
@media (min-width: 992px) {
.dropdown-menu-right.dropdown-menu-right-fix-lg-15 {
right: 15% !important;
}
}
@media (min-width: 992px) {
.dropdown-menu-right.dropdown-menu-right-fix-lg-20 {
right: 20% !important;
}
}
@media (min-width: 992px) {
.dropdown-menu-right.dropdown-menu-right-fix-lg-25 {
right: 25% !important;
}
}
@media (min-width: 992px) {
.dropdown-menu-right.dropdown-menu-right-fix-lg-30 {
right: 30% !important;
}
}
@media (min-width: 992px) {
.dropdown-menu-right.dropdown-menu-right-fix-lg-35 {
right: 35% !important;
}
}
@media (min-width: 992px) {
.dropdown-menu-right.dropdown-menu-right-fix-lg-40 {
right: 40% !important;
}
}
@media (min-width: 992px) {
.dropdown-menu-right.dropdown-menu-right-fix-lg-45 {
right: 45% !important;
}
}
@media (min-width: 992px) {
.dropdown-menu-right.dropdown-menu-right-fix-lg-50 {
right: 50% !important;
}
}
@media (min-width: 1200px) {
.dropdown-menu-right.dropdown-menu-right-fix-xl-10 {
right: 10% !important;
}
}
@media (min-width: 1200px) {
.dropdown-menu-right.dropdown-menu-right-fix-xl-15 {
right: 15% !important;
}
}
@media (min-width: 1200px) {
.dropdown-menu-right.dropdown-menu-right-fix-xl-20 {
right: 20% !important;
}
}
@media (min-width: 1200px) {
.dropdown-menu-right.dropdown-menu-right-fix-xl-25 {
right: 25% !important;
}
}
@media (min-width: 1200px) {
.dropdown-menu-right.dropdown-menu-right-fix-xl-30 {
right: 30% !important;
}
}
@media (min-width: 1200px) {
.dropdown-menu-right.dropdown-menu-right-fix-xl-35 {
right: 35% !important;
}
}
@media (min-width: 1200px) {
.dropdown-menu-right.dropdown-menu-right-fix-xl-40 {
right: 40% !important;
}
}
@media (min-width: 1200px) {
.dropdown-menu-right.dropdown-menu-right-fix-xl-45 {
right: 45% !important;
}
}
@media (min-width: 1200px) {
.dropdown-menu-right.dropdown-menu-right-fix-xl-50 {
right: 50% !important;
}
}
@media (min-width: 1480px) {
.dropdown-menu-right.dropdown-menu-right-fix-wd-10 {
right: 10% !important;
}
}
@media (min-width: 1480px) {
.dropdown-menu-right.dropdown-menu-right-fix-wd-15 {
right: 15% !important;
}
}
@media (min-width: 1480px) {
.dropdown-menu-right.dropdown-menu-right-fix-wd-20 {
right: 20% !important;
}
}
@media (min-width: 1480px) {
.dropdown-menu-right.dropdown-menu-right-fix-wd-25 {
right: 25% !important;
}
}
@media (min-width: 1480px) {
.dropdown-menu-right.dropdown-menu-right-fix-wd-30 {
right: 30% !important;
}
}
@media (min-width: 1480px) {
.dropdown-menu-right.dropdown-menu-right-fix-wd-35 {
right: 35% !important;
}
}
@media (min-width: 1480px) {
.dropdown-menu-right.dropdown-menu-right-fix-wd-40 {
right: 40% !important;
}
}
@media (min-width: 1480px) {
.dropdown-menu-right.dropdown-menu-right-fix-wd-45 {
right: 45% !important;
}
}
@media (min-width: 1480px) {
.dropdown-menu-right.dropdown-menu-right-fix-wd-50 {
right: 50% !important;
}
}
.destination-dropdown {
display: none;
}
.destination-dropdown a {
font-size: 1rem;
padding-left: 0 !important;
padding-right: 0 !important;
color: #fff;
}
.dropdown:hover .destination-dropdown {
display: block;
}
.footer .list-group-item-action {
color: #67747c;
}
.footer .list-group-item-action:hover {
color: #297cbb;
}
.bootstrap-select__custom .filter-option-inner-inner {
color: #67747c;
}
@media (min-width: 768px) {
.bootstrap-select__custom .dropdown-menu {
left: auto !important;
right: 0;
}
}
.bootstrap-select__custom .dropdown-menu {
overflow: unset !important;
margin-bottom: 1.25rem;
min-width: 15rem;
border-radius: 2px;
}
@media (min-width: 1200px) {
.bootstrap-select__custom .dropdown-menu::after {
content: "";
display: block;
position: absolute;
bottom: -10px;
right: 24px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
}
}
.bootstrap-select__custom li {
margin: 0 2rem;
}
.bootstrap-select__custom a {
padding: 2rem 0;
}
.bootstrap-select__custom .active a span:last-child {
width: 75%;
}
.bootstrap-select__custom .active a::after {
display: inline-block;
font-family: "Font Awesome 5 Free";
font-size: 80%;
font-weight: 900;
content: "\f00c";
margin-left: -0.5rem;
}
.bootstrap-select__custom-nav .dropdown-toggle .filter-option {
position: relative;
top: 0;
left: 0;
padding-top: inherit;
padding-right: inherit;
padding-bottom: inherit;
padding-left: inherit;
height: 100%;
width: 100%;
text-align: left;
padding: 0;
margin-right: 25px;
}
[class*="u-header--bg-transparent"]:not(.js-header-fix-moment)
.dropdown-connector
> a.active:before {
position: absolute;
display: block;
pointer-events: none;
border: 10px solid transparent;
border-bottom-color: #fff;
content: "";
height: 0;
left: 50%;
width: 0;
top: 100%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
-webkit-animation-duration: 210ms;
animation-duration: 210ms;
}
[class*="u-header--bg-transparent"]:not(.js-header-fix-moment)
.dropdown-connector.shopping-cart
> a.active:before {
left: 0;
}
@media (min-width: 576px) {
[class*="u-header--bg-transparent"]:not(.js-header-fix-moment)
.dropdown-connector-sm
> a.active:before {
position: absolute;
display: block;
pointer-events: none;
border: 10px solid transparent;
border-bottom-color: #fff;
content: "";
height: 0;
left: 50%;
width: 0;
top: 100%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
-webkit-animation-duration: 210ms;
animation-duration: 210ms;
}
}
[class*="u-header--bg-transparent"]:not(.js-header-fix-moment)
.dropdown-connector-sm.shopping-cart
> a.active:before {
left: 0;
}
@media (min-width: 768px) {
[class*="u-header--bg-transparent"]:not(.js-header-fix-moment)
.dropdown-connector-md
> a.active:before {
position: absolute;
display: block;
pointer-events: none;
border: 10px solid transparent;
border-bottom-color: #fff;
content: "";
height: 0;
left: 50%;
width: 0;
top: 100%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
-webkit-animation-duration: 210ms;
animation-duration: 210ms;
}
}
[class*="u-header--bg-transparent"]:not(.js-header-fix-moment)
.dropdown-connector-md.shopping-cart
> a.active:before {
left: 0;
}
@media (min-width: 992px) {
[class*="u-header--bg-transparent"]:not(.js-header-fix-moment)
.dropdown-connector-lg
> a.active:before {
position: absolute;
display: block;
pointer-events: none;
border: 10px solid transparent;
border-bottom-color: #fff;
content: "";
height: 0;
left: 50%;
width: 0;
top: 100%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
-webkit-animation-duration: 210ms;
animation-duration: 210ms;
}
}
[class*="u-header--bg-transparent"]:not(.js-header-fix-moment)
.dropdown-connector-lg.shopping-cart
> a.active:before {
left: 0;
}
@media (min-width: 1200px) {
[class*="u-header--bg-transparent"]:not(.js-header-fix-moment)
.dropdown-connector-xl
> a.active:before {
position: absolute;
display: block;
pointer-events: none;
border: 10px solid transparent;
border-bottom-color: #fff;
content: "";
height: 0;
left: 95%;
width: 0;
top: 100%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
-webkit-animation-duration: 210ms;
animation-duration: 210ms;
}
}
[class*="u-header--bg-transparent"]:not(.js-header-fix-moment)
.dropdown-connector-xl.shopping-cart
> a.active:before {
left: 0;
}
@media (min-width: 1480px) {
[class*="u-header--bg-transparent"]:not(.js-header-fix-moment)
.dropdown-connector-wd
> a.active:before {
position: absolute;
display: block;
pointer-events: none;
border: 10px solid transparent;
border-bottom-color: #fff;
content: "";
height: 0;
left: 95%;
width: 0;
top: 100%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
-webkit-animation-duration: 210ms;
animation-duration: 210ms;
}
}
[class*="u-header--bg-transparent"]:not(.js-header-fix-moment)
.dropdown-connector-wd.shopping-cart
> a.active:before {
left: 0;
}
.tab-dropdown {
border-bottom: 2px solid #eaeaea;
}
.tab-dropdown.show {
border-bottom: 2px solid #297cbb;
}
.tab-dropdown .dropdown-toggle::after {
display: none;
}
.tab-dropdown .dropdown-toggle.bs-placeholder {
color: #3b444f;
}
.tab-dropdown .dropdown-item {
color: #67747c;
}
.tab-dropdown .dropdown-item:hover {
color: #297cbb;
}
.tab-dropdown .dropdown-menu li {
margin: 0 2rem;
}
.tab-dropdown .dropdown-menu a {
padding: 0.8rem 0;
}
.dropdown-custom .dropdown-menu {
left: auto !important;
}
.dropdown-custom .dropdown-nav-link {
border-bottom: 2px solid #eaeaea;
}
.dropdown-custom .dropdown-nav-link.active {
border-bottom: 2px solid #297cbb;
}
.dropdown-custom .dropdown-toggle::after {
margin-left: auto !important;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
font-weight: 700;
color: #000;
}
.dropdown-custom_white .dropdown-toggle::after {
color: #fff;
}
.dropdown-custom_white .dropdown-nav-link.active {
border-color: #fff;
}
.collapse_custom .collapsed .card-btn-arrow {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.custom-dropdown .dropdown-toggle {
padding: 0.475rem 1.7rem !important;
}
.custom-dropdown .dropdown-toggle::before {
display: inline-block;
font-family: "Font Awesome 5 Free";
font-size: 70%;
font-weight: 900;
content: "";
color: #3b444f;
margin-right: 0.4rem;
}
.custom-dropdown .dropdown-toggle::after {
display: none;
}
.custom-dropdown .dropdown-toggle-collapse::before {
transition: 0.3s;
}
.custom-dropdown .dropdown-toggle-collapse[aria-expanded="true"] {
border-left: 2px solid #297cbb !important;
}
.custom-dropdown .dropdown-toggle-collapse[aria-expanded="true"] span {
color: #297cbb !important;
}
.custom-dropdown .dropdown-toggle-collapse[aria-expanded="true"]::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
color: #297cbb;
}
.custom-dropdown .dropdown-item {
padding: 0.475rem 2.5rem;
}
.custom-dropdown .list-item {
margin-bottom: 0.5rem;
}
.dropdown-card {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.dropdown-card {
min-width: 25rem;
}
}
@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;
}
}
.custom-select:focus,
.form-control:focus {
box-shadow: 0 0 25px rgba(41, 124, 187, 0.1);
border-color: rgba(41, 124, 187, 0.5);
}
.form-control.text-white::-webkit-input-placeholder {
color: #fff;
}
.form-control.text-white::-moz-placeholder {
color: #fff;
}
.form-control.text-white:-ms-input-placeholder {
color: #fff;
}
.form-control.text-white::-ms-input-placeholder {
color: #fff;
}
.form-control.text-white::placeholder {
color: #fff;
}
.form-control.hero-form::-webkit-input-placeholder {
color: #3b444f;
}
.form-control.hero-form::-moz-placeholder {
color: #3b444f;
}
.form-control.hero-form:-ms-input-placeholder {
color: #3b444f;
}
.form-control.hero-form::-ms-input-placeholder {
color: #3b444f;
}
.form-control.hero-form::placeholder {
color: #3b444f;
}
.u-header__search .form-label {
display: block;
text-transform: uppercase;
font-size: 80%;
font-weight: 500;
}
.input-group-borderless .btn,
.input-group-borderless .form-control,
.input-group-borderless .input-group-text,
.input-group-borderless button {
border: none;
}
.input-group-borderless .btn:focus,
.input-group-borderless .form-control:focus,
.input-group-borderless .input-group-text:focus,
.input-group-borderless button:focus {
box-shadow: none;
}
.input-group-radiusless .btn,
.input-group-radiusless .form-control,
.input-group-radiusless .input-group-text,
.input-group-radiusless button {
border-radius: unset;
}
.input-group-tranparent .btn,
.input-group-tranparent .form-control,
.input-group-tranparent .input-group-text,
.input-group-tranparent button {
background-color: transparent;
}
.placeholder-1::-webkit-input-placeholder {
color: #5c6770;
}
.placeholder-1::-moz-placeholder {
color: #5c6770;
}
.placeholder-1:-ms-input-placeholder {
color: #5c6770;
}
.placeholder-1::-ms-input-placeholder {
color: #5c6770;
}
.placeholder-1::placeholder {
color: #5c6770;
}
.form-control {
border-radius: 0.3125rem;
font-size: 0.875rem;
}
.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 > .btn,
.input-group-pill .input-group-prepend > .input-group-text {
border-top-left-radius: 6.1875rem;
border-bottom-left-radius: 6.1875rem;
}
.input-group-pill .input-group-append > .btn,
.input-group-pill .input-group-append > .input-group-text {
border-top-right-radius: 6.1875rem;
border-bottom-right-radius: 6.1875rem;
}
.input-group.input-group-pill > .form-control:first-child {
padding-left: 1.5rem;
}
.input-group.input-group-pill .input-group-prepend > .btn,
.input-group.input-group-pill .input-group-prepend > .input-group-text {
padding-left: 1.25rem;
}
.input-group.input-group-pill .input-group-append > .btn,
.input-group.input-group-pill .input-group-append > .input-group-text {
padding-right: 1.25rem;
}
.input-group .input-group-append > .input-group-text,
.input-group .input-group-prepend > .input-group-text {
font-size: 0.875rem;
}
.input-group-xs.input-group-pill > .form-control:first-child {
padding-left: 1.375rem;
}
.input-group-xs.input-group-pill .input-group-prepend > .btn,
.input-group-xs.input-group-pill .input-group-prepend > .input-group-text {
padding-left: 1.25rem;
}
.input-group-xs.input-group-pill .input-group-append > .btn,
.input-group-xs.input-group-pill .input-group-append > .input-group-text {
padding-right: 1.25rem;
}
.input-group-xs .input-group-append > .input-group-text,
.input-group-xs .input-group-prepend > .input-group-text {
font-size: 0.625rem;
}
.form-control-xs {
height: calc(1.925rem + 1px);
padding: 0.4375rem 0.9375rem;
font-size: 0.75rem;
line-height: 1.4;
}
.input-group-sm.input-group-pill > .form-control:first-child {
padding-left: 1rem;
}
.input-group-sm.input-group-pill .input-group-prepend > .btn,
.input-group-sm.input-group-pill .input-group-prepend > .input-group-text {
padding-left: 1rem;
}
.input-group-sm.input-group-pill .input-group-append > .btn,
.input-group-sm.input-group-pill .input-group-append > .input-group-text {
padding-right: 1rem;
}
.input-group-sm .input-group-append > .input-group-text,
.input-group-sm .input-group-prepend > .input-group-text {
font-size: 0.75rem;
}
.input-group-lg.input-group-pill > .form-control:first-child {
padding-left: 2rem;
}
.input-group-lg.input-group-pill .input-group-prepend > .btn,
.input-group-lg.input-group-pill .input-group-prepend > .input-group-text {
padding-left: 1.375rem;
}
.input-group-lg.input-group-pill .input-group-append > .btn,
.input-group-lg.input-group-pill .input-group-append > .input-group-text {
padding-right: 1.5rem;
}
.input-group-lg .input-group-append > .input-group-text,
.input-group-lg .input-group-prepend > .input-group-text {
font-size: 1rem;
}
.u-focus-state .custom-select,
.u-focus-state .form-control:first-child:last-child,
.u-focus-state .form-label + .form-control,
.u-focus-state .input-group {
box-shadow: 0 0 25px rgba(41, 124, 187, 0.1);
}
.u-focus-state .input-group-text {
color: #297cbb;
}
.u-focus-state .form-control,
.u-focus-state .input-group-text,
.u-focus-state :focus,
.u-focus-state:focus {
border-color: rgba(41, 124, 187, 0.5);
}
.u-focus-state .form-control {
box-shadow: none;
}
.u-has-success .custom-select,
.u-has-success .form-control:first-child:last-child,
.u-has-success .form-label + .form-control,
.u-has-success .input-group {
box-shadow: 0 0 25px rgba(0, 201, 167, 0.1);
}
.u-has-success .input-group-text {
color: #00c9a7;
}
.u-has-success .form-control,
.u-has-success .input-group-text,
.u-has-success :focus,
.u-has-success:focus {
border-color: rgba(0, 201, 167, 0.5);
}
.u-has-error .custom-select,
.u-has-error .form-control:first-child:last-child,
.u-has-error .form-label + .form-control,
.u-has-error .input-group {
box-shadow: 0 0 25px rgba(222, 68, 55, 0.1);
}
.u-has-error .input-group-text {
color: #de4437;
}
.u-has-error .form-control,
.u-has-error .input-group-text,
.u-has-error :focus,
.u-has-error:focus {
border-color: rgba(222, 68, 55, 0.5);
}
.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%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "";
font-family: "Font Awesome 5 Free";
}
.bookmark-checkbox-input:checked ~ .bookmark-checkbox-label {
color: #fff;
background-color: #297cbb;
box-shadow: 0 3px 6px 0 rgba(41, 124, 187, 0.25);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.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: #297cbb;
}
.custom-switch {
padding-left: 4.75rem;
}
.custom-switch .custom-control-label::before {
left: -4.75rem;
height: 1.875rem;
border: none;
background-color: #e7eaf3;
border-radius: 6.1875rem;
}
.custom-switch .custom-control-label::after {
top: calc(0.3861rem);
left: calc(-4.42rem);
background-color: #fff;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
-webkit-transform: translateX(2.187rem);
transform: translateX(2.187rem);
}
.switch-custom .custom-control-input:checked ~ .custom-control-label::after {
-webkit-transform: translateX(0.9rem) !important;
transform: translateX(0.9rem) !important;
}
.switch-custom .custom-control-input:checked ~ .custom-control-label::before {
background-color: #8394ac !important;
}
.map-collapse.show + .map-collapse-hidden {
display: none;
}
.map-lable-list .map-show {
display: none;
}
.map-lable[aria-expanded="true"] + .map-lable-list .map-hide {
display: none;
}
.map-lable[aria-expanded="true"] + .map-lable-list .map-show {
display: inline;
}
.map-switch.custom-switch {
padding-left: 64px;
}
.map-switch.custom-switch .custom-control-label::before {
left: 0;
}
.map-switch.custom-switch .custom-control-label::after {
left: 5px;
}
.map-switch .custom-control-label {
position: static;
}
.map-switch .custom-control-input:checked ~ .custom-control-label::before {
border-color: #8394ac;
background-color: #8394ac;
}
.custom-checkbox
.custom-control-input:disabled:checked
~ .custom-control-label::before {
border-color: rgba(41, 124, 187, 0);
}
.u-range-slider {
height: 1.25rem;
}
.u-range-slider .irs {
height: 1.25rem;
}
.u-range-slider .irs-line {
top: 0.5rem;
height: 0.438rem;
}
.u-range-slider .irs-line-left {
left: 0;
height: 0.438rem;
background-color: #e7eaf3;
border-top-left-radius: 6.1875rem;
border-bottom-left-radius: 6.1875rem;
}
.u-range-slider .irs-line-mid {
height: 0.438rem;
background-color: #e7eaf3;
}
.u-range-slider .irs-line-right {
right: 0;
height: 0.438rem;
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.438rem;
background-color: #297cbb;
}
.u-range-slider .irs-bar-edge {
top: 0.5rem;
left: 0.0625rem;
height: 0.25rem;
width: 0.6875rem;
border-top-left-radius: 6.1875rem;
border-bottom-left-radius: 6.1875rem;
background-color: #297cbb;
}
.u-range-slider .irs-slider {
top: 3px;
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 {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.u-range-slider .irs-from,
.u-range-slider .irs-single,
.u-range-slider .irs-to {
display: inline-block;
min-width: 2.5rem;
background-color: #fff;
color: #3b444f;
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;
}
.u-range-slider-indicator {
height: 5rem;
}
.u-range-slider-indicator .irs {
height: 5rem;
}
.u-range-slider-indicator.u-range-slider-grid {
height: 8rem;
}
.u-range-slider-indicator.u-range-slider-grid .irs {
height: 8rem;
}
.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;
}
.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: #77838f;
border-radius: 6.1875rem;
padding: 0.25rem;
}
.u-range-slider-grid .irs-grid-text.current {
background: rgba(41, 124, 187, 0.1);
color: #297cbb;
}
.u-range-slider-grid .irs-grid-pol {
height: 0.75rem;
background-color: #e7eaf3;
}
.u-range-slider-grid .irs-grid-pol.small {
display: none;
}
.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 {
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 {
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);
}
.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: "";
-webkit-transform: translateX(-50%);
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;
}
.u-go-to {
display: none;
position: relative;
z-index: 100;
width: 2.5rem;
height: 2.5rem;
background-color: #297cbb;
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%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.u-go-to:focus:hover,
.u-go-to:hover {
color: #fff;
opacity: 1;
}
.u-go-to-ver-arrow {
display: inline-block;
color: #297cbb;
background-color: rgba(41, 124, 187, 0.1);
padding: 2rem 1rem;
border-radius: 6.1875rem;
}
.u-go-to-ver-arrow:hover .u-go-to-ver-arrow__inner {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
.u-go-to-ver-arrow__inner {
transition: 0.2s ease-in-out;
}
.u-go-to-modern {
position: relative;
z-index: 2;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 3.125rem;
height: 3.125rem;
font-size: 1rem;
color: #297cbb;
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 {
font-size: 1rem;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.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 {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.u-hamburger {
font-size: inherit;
line-height: 0;
padding: 0.25rem;
}
.u-hamburger:hover .u-hamburger__inner,
.u-hamburger:hover .u-hamburger__inner::after,
.u-hamburger:hover .u-hamburger__inner::before {
background-color: #297cbb;
}
.u-hamburger__box {
width: 1.5625rem;
height: 0.875rem;
display: inline-block;
position: relative;
}
.u-hamburger__inner {
display: block;
top: 0.0625rem;
margin: top, -0.0625rem;
}
.u-hamburger__inner,
.u-hamburger__inner::after,
.u-hamburger__inner::before {
width: 1.5625rem;
height: 0.125rem;
background-color: #8c98a4;
position: absolute;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.3s;
transition-timing-function: ease;
}
.u-hamburger__inner::after,
.u-hamburger__inner::before {
content: "";
display: block;
}
.u-hamburger__inner::before {
top: 0.375rem;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
transition-duration: 0.3s;
transition-timing-function: ease;
}
.u-hamburger__inner::after {
top: 0.75rem;
}
.u-hamburger .is-active .u-hamburger__inner,
.u-hamburger[aria-expanded="true"] .u-hamburger__inner {
-webkit-transform: translate3d(0, 0.375rem, 0) rotate(45deg);
transform: translate3d(0, 0.375rem, 0) rotate(45deg);
}
.u-hamburger .is-active .u-hamburger__inner::before,
.u-hamburger[aria-expanded="true"] .u-hamburger__inner::before {
-webkit-transform: rotate(-45deg) translate3d(-0.22321rem, -0.25rem, 0);
transform: rotate(-45deg) translate3d(-0.22321rem, -0.25rem, 0);
opacity: 0;
}
.u-hamburger .is-active .u-hamburger__inner::after,
.u-hamburger[aria-expanded="true"] .u-hamburger__inner::after {
-webkit-transform: translate3d(0, -0.75rem, 0) rotate(-90deg);
transform: translate3d(0, -0.75rem, 0) rotate(-90deg);
}
.u-hamburger--white .u-hamburger__inner,
.u-hamburger--white .u-hamburger__inner::after,
.u-hamburger--white .u-hamburger__inner::before {
background-color: rgba(255, 255, 255, 0.8);
}
.u-hamburger--white:hover .u-hamburger__inner,
.u-hamburger--white:hover .u-hamburger__inner::after,
.u-hamburger--white:hover .u-hamburger__inner::before {
background-color: #fff;
}
.u-hamburger--primary .u-hamburger__inner,
.u-hamburger--primary .u-hamburger__inner::after,
.u-hamburger--primary .u-hamburger__inner::before {
background-color: #297cbb;
}
.u-hamburger--primary:hover .u-hamburger__inner,
.u-hamburger--primary:hover .u-hamburger__inner::after,
.u-hamburger--primary:hover .u-hamburger__inner::before {
background-color: #297cbb;
}
.js-header-fix-moment .u-hamburger--white .u-hamburger__inner,
.js-header-fix-moment .u-hamburger--white .u-hamburger__inner::after,
.js-header-fix-moment .u-hamburger--white .u-hamburger__inner::before {
background-color: #8c98a4;
}
.js-header-fix-moment .u-hamburger--white:hover .u-hamburger__inner,
.js-header-fix-moment .u-hamburger--white:hover .u-hamburger__inner::after,
.js-header-fix-moment .u-hamburger--white:hover .u-hamburger__inner::before {
background-color: #297cbb;
}
.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(54, 85, 111, 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%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 30%;
padding-left: 3rem;
padding-right: 3rem;
}
.u-hero-v1__last-next {
color: #174567;
}
.u-hero-v1__last-prev {
color: #962319;
}
.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;
}
}
.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: "";
}
.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;
}
.u-media-player {
color: #3b444f;
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: #3b444f;
background-color: #fff;
transition: all 0.3s ease-in-out;
}
.u-media-player__icon-inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -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:focus .u-media-player__icon,
.u-media-player:hover .u-media-player__icon {
color: #297cbb;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.u-media-player:focus .u-media-player__icon--primary,
.u-media-player:hover .u-media-player__icon--primary {
background-color: #297cbb;
}
.u-media-player:focus .u-media-player__icon--success,
.u-media-player:hover .u-media-player__icon--success {
background-color: #00c9a7;
}
.u-media-player:focus .u-media-player__icon--primary,
.u-media-player:focus .u-media-player__icon--success,
.u-media-player:hover .u-media-player__icon--primary,
.u-media-player:hover .u-media-player__icon--success {
color: #fff;
}
.u-media-player__icon--primary {
color: #297cbb;
background-color: rgba(41, 124, 187, 0.1);
}
.u-media-player__icon--success {
color: #00c9a7;
background-color: rgba(0, 201, 167, 0.1);
}
.u-media-player__icon--lg {
width: 5rem;
height: 5rem;
font-size: 1rem;
}
.u-media-player__icon--xl {
width: 6.25rem;
height: 6.25rem;
font-size: 1rem;
}
.u-media-player--centered {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (min-width: 992px) {
.u-media-player--left-minus-50x-top-50x-lg {
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.u-media-viewer {
position: relative;
display: block;
}
.u-media-viewer:hover .u-media-viewer__icon {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.u-media-viewer__container {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.u-media-viewer__icon {
display: inline-block;
vertical-align: middle;
text-align: center;
width: 2.25rem;
height: 2.25rem;
font-size: 0.75rem;
color: #fff;
background-color: #297cbb;
border-radius: 50%;
opacity: 0;
-webkit-transform: scale(0.7);
transform: scale(0.7);
transition: 0.3s ease-in-out;
}
.u-media-viewer__icon:focus,
.u-media-viewer__icon:hover {
color: #fff;
}
.u-media-viewer__icon--active {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.u-media-viewer__icon-inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.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: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-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:focus .u-video-player__icon,
.u-video-player__btn:hover .u-video-player__icon {
color: #297cbb;
-webkit-transform: scale(1.1);
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: #3b444f;
background-color: #fff;
transition: all 0.3s ease-in-out;
}
.u-video-player__icon-inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin-left: 0.125rem;
}
.u-video-player__icon--lg {
width: 5rem;
height: 5rem;
font-size: 1rem;
}
.u-video-player__centered {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@-webkit-keyframes videoPlayerButton {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(1.3);
transform: translate(-50%, -50%) scale(1.3);
}
}
@keyframes videoPlayerButton {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(1.3);
transform: translate(-50%, -50%) scale(1.3);
}
}
.u-browser-v1 {
position: relative;
max-width: 53.125rem;
}
.u-browser-v1__svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -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);
}
.u-devices-v1 {
position: absolute;
top: 3rem;
left: 50%;
width: 40.625rem;
-webkit-transform: rotate(-17deg);
transform: rotate(-17deg);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.u-devices-v1__phone-svg,
.u-devices-v1__tablet-svg {
border-radius: 2.125rem;
box-shadow: 0 0 10px 6px rgba(59, 68, 79, 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;
}
.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;
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
-webkit-transform-origin: 90% -20%;
transform-origin: 90% -20%;
}
@media (max-width: 991.98px) {
.u-devices-v2__tablet {
-webkit-transform-origin: 100% -40%;
transform-origin: 100% -40%;
}
}
.u-devices-v2__tablet-svg {
border-radius: 1.85rem;
box-shadow: 0 0 0.75rem 0.5rem rgba(59, 68, 79, 0.1);
}
.u-devices-v2__phone {
position: absolute;
right: 0;
bottom: -25%;
z-index: 1;
width: 19.8125rem;
height: 41.5625rem;
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.u-devices-v2__phone--left-position {
position: absolute;
right: auto;
left: 0;
-webkit-transform-origin: 100% 40%;
transform-origin: 100% 40%;
}
@media (max-width: 1199.98px) {
.u-devices-v2__phone--left-position {
-webkit-transform-origin: 100% 65%;
transform-origin: 100% 65%;
}
}
.u-devices-v2__phone-svg {
border-radius: 3rem;
box-shadow: 0 0 0.75rem 0.5rem rgba(59, 68, 79, 0.1);
}
.u-devices-v3 {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -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);
}
.u-devices-v4 {
-webkit-transform: rotate(-25deg);
transform: rotate(-25deg);
}
.u-devices-v4__content {
position: absolute;
top: 50%;
left: 50%;
width: 700px;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: translateY(-50%);
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(59, 68, 79, 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(59, 68, 79, 0.05);
}
.u-modal-window {
display: none;
max-height: 85vh;
}
.u-modal-window-custom.u-modal-window {
display: block !important;
height: 0 !important;
opacity: 0 !important;
}
.custombox-open .u-modal-window-custom.u-modal-window {
height: auto !important;
opacity: 1 !important;
}
.u-modal--facebook {
width: 31.25rem;
border-radius: 0.3125rem;
}
.u-modal--facebook__body {
position: relative;
background-color: #395899;
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: #395899 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 {
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: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.page-link {
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;
}
.list-pagination .page-item .page-link:hover {
background-color: #297cbb;
color: #fff !important;
transition: 0.3s;
}
.list-pagination-1 .page-item .page-link:hover {
background-color: #297cbb;
color: #fff !important;
transition: 0.3s;
border-radius: 0.3125rem !important;
}
.list-pagination-1 .page-item .page-link.active {
background-color: #297cbb;
color: #fff !important;
transition: 0.3s;
border-radius: 0.3125rem !important;
}
.list-pagination-1 .page-item:first-child .page-link,
.list-pagination-1 .page-item:last-child .page-link {
display: -ms-flexbox;
display: flex;
line-height: 1.6;
}
.custom-pagination .page-link {
color: #67747c;
padding: 0.4rem;
border-radius: 3px;
}
.custom-pagination .page-link:hover {
background: #297cbb !important;
color: #fff !important;
}
.custom-pagination .page-item:first-child .page-link {
color: #3b444f;
border-right: 1px solid #e4e4e4;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.custom-pagination .page-item:last-child .page-link {
color: #3b444f;
border-left: 1px solid #e4e4e4;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.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: #297cbb;
}
.nav-classic .nav-link.active {
color: #297cbb;
border-bottom-color: #297cbb;
}
.nav-borderless {
border-color: transparent;
}
.nav-rounded {
border-radius: 1.25rem;
}
.nav-rounded .nav-item:first-child .nav-link {
border-bottom-left-radius: 1.25rem;
}
.nav-rounded .nav-item:last-child .nav-link {
border-bottom-right-radius: 1.25rem;
}
.nav-rounded-pill .nav-item .nav-link {
border-radius: 1.25rem;
}
.nav-default .nav-item .nav-link {
min-height: 2.5rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.nav-default .nav-item .nav-link:not(.active) {
color: #3b444f;
}
.nav-default .nav-item .nav-link.active {
background-color: #045cff;
}
.nav-shadow {
box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);
}
.nav-choose .nav-link .rounded-circle {
opacity: 0;
}
.nav-choose .nav-link.active {
border-color: #297cbb !important;
position: relative;
}
.nav-choose .nav-link.active .rounded-circle {
opacity: 1;
}
.nav .nav-item:not(:first-child) {
margin-left: 0.25rem;
}
.nav .nav-item:not(:last-child) {
margin-right: 0.25rem;
}
@media (max-width: 1479.98px) {
.tab-nav {
overflow-x: auto;
overflow-y: hidden;
}
}
.tab-nav-rounded .nav-link {
padding: 0.5rem 1.5rem;
}
.tab-nav-rounded .nav-link.active .icon::before {
border: 1px solid #297cbb;
border-radius: 50%;
padding: 14px;
background-color: #297cbb;
}
.tab-nav-rounded .nav-link.active .icon::after {
content: "";
display: block;
position: absolute;
bottom: -33px;
left: 24px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
@media (max-width: 767.98px) {
.tab-nav-rounded .nav-link.active .icon::after {
bottom: -16px;
}
}
.tab-nav-boxed .nav-link {
padding: 0.3rem 1.5rem;
}
.tab-nav-boxed .nav-link.active {
border: 1px solid #408fb9;
background-color: #408fb9;
border-radius: 3px;
}
.tab-nav-boxed .nav-link.active .icon::after {
content: "";
display: block;
position: absolute;
bottom: -30px;
left: 24px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
@media (max-width: 767.98px) {
.tab-nav-boxed .nav-link.active .icon::after {
left: 13px;
}
}
.tab-nav-pill .nav-link {
padding: 0.5rem 1.5rem;
}
.tab-nav-pill .nav-link.active {
background-color: #1d508d;
border-radius: 20px;
}
.tab-nav-pill .nav-link.active .tabtext {
color: #fff;
}
.tab-nav-pill .nav-item.active {
background-color: #1d508d;
border-radius: 20px;
}
.tab-nav-pill .nav-item.active .tabtext {
color: #fff;
}
.tab-nav-square .nav-link {
padding: 0.5rem 1.5rem;
}
.tab-nav-square .nav-link.active {
background-color: #297cbb;
border-radius: 3px;
}
.tab-nav-square .nav-link.active .tabtext {
color: #fff;
}
.tab-nav-line .nav-link {
padding: 0.5rem 1.5rem;
}
.tab-nav-line .nav-link.active .tabtext {
color: #297cbb;
}
.tab-nav-line .nav-link.active .tabtext::after {
display: block;
height: 0.125rem;
background-color: #377dff;
content: " ";
margin-top: 0.313rem;
}
.tab-nav-shadow .nav-link {
padding: 0.3rem 1.5rem;
}
.tab-nav-shadow .nav-link.active {
position: relative;
z-index: 1;
}
.tab-nav-shadow .nav-link.active::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
right: 0;
z-index: -1;
width: 100%;
height: 100%;
content: "";
background-color: #fff;
opacity: 0.15;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.tab-nav-inner .nav-link {
padding: 0.3rem 1rem;
}
.tab-nav-inner .nav-link.active {
border: 1px solid #fddc95;
background-color: #fddc95;
border-radius: 3px;
}
.tab-nav-shop .nav-link {
color: #67747c;
padding: 0.5rem 0.5rem;
}
.tab-nav-shop .nav-link.active {
color: #297cbb;
}
.tab-nav-list .nav-link {
padding: 0.5rem 0;
}
.tab-nav-list .nav-link.active {
border-left: 2px solid #297cbb !important;
}
.tab-nav-list .nav-link.active i,
.tab-nav-list .nav-link.active span {
color: #297cbb !important;
}
@media (max-width: 1479.98px) {
.tab-nav-1 {
overflow-x: auto;
overflow-y: hidden;
}
}
.tab-nav-1-rounded .nav-link {
padding: 0.5rem 1.5rem;
}
.tab-nav-1-rounded .nav-link.active .icon::before {
border: 1px solid #297cbb;
border-radius: 50%;
padding: 14px;
background-color: #297cbb;
}
.tab-nav-1-rounded .nav-link.active .icon::after {
content: "";
display: block;
position: absolute;
bottom: -33px;
left: 24px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
@media (max-width: 767.98px) {
.tab-nav-1-rounded .nav-link.active .icon::after {
bottom: -16px;
}
}
.tab-nav-1-boxed .nav-link {
padding: 0.3rem 1.5rem;
}
.tab-nav-1-boxed .nav-link.active {
border: 1px solid #408fb9;
background-color: #408fb9;
border-radius: 3px;
}
.tab-nav-1-boxed .nav-link.active .icon::after {
content: "";
display: block;
position: absolute;
bottom: -30px;
left: 24px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
@media (max-width: 767.98px) {
.tab-nav-1-boxed .nav-link.active .icon::after {
left: 13px;
}
}
.tab-nav-1-pill .nav-link {
padding: 0.5rem 1.5rem;
}
.tab-nav-1-pill .nav-link.active {
background-color: #1d508d;
border-radius: 20px;
}
.tab-nav-1-pill .nav-link.active .tabtext {
color: #fff;
}
.tab-nav-1-pill .nav-item.active {
background-color: #1d508d;
border-radius: 20px;
}
.tab-nav-1-pill .nav-item.active .tabtext {
color: #fff;
}
.tab-nav-1-square .nav-link {
padding: 0.5rem 1.5rem;
}
.tab-nav-1-square .nav-link.active {
background-color: #297cbb;
border-radius: 3px;
}
.tab-nav-1-square .nav-link.active .tabtext {
color: #fff;
}
.tab-nav-1-line .nav-link {
padding: 0.5rem 1.5rem;
}
.tab-nav-1-line .nav-link.active .tabtext {
color: #297cbb;
}
.tab-nav-1-line .nav-link.active .tabtext::after {
display: block;
height: 0.125rem;
background-color: #377dff;
content: " ";
margin-top: 0.313rem;
}
.tab-nav-1-shadow .nav-link {
padding: 0.3rem 1.5rem;
}
.tab-nav-1-shadow .nav-link.active {
position: relative;
z-index: 1;
}
.tab-nav-1-shadow .nav-link.active::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
right: 0;
z-index: -1;
width: 100%;
height: 100%;
content: "";
background-color: #fff;
opacity: 0.15;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.tab-nav-1-inner .nav-link {
padding: 0.3rem 1rem;
}
.tab-nav-1-inner .nav-link.active {
border: 1px solid #297cbb !important;
background-color: #297cbb !important;
border-radius: 3px;
}
.tab-nav-1-inner .nav-link.active span {
color: #fff !important;
}
.tab-nav-1-shop .nav-link {
color: #67747c;
padding: 0.5rem 0.5rem;
}
.tab-nav-1-shop .nav-link.active {
color: #297cbb;
}
.tab-nav-1-list .nav-link {
padding: 0.5rem 0;
}
.tab-nav-1-list .nav-link.active {
border-left: 2px solid #297cbb !important;
}
.tab-nav-1-list .nav-link.active i,
.tab-nav-1-list .nav-link.active span {
color: #297cbb !important;
}
.collapse-link .minus,
.collapse-link .plus {
display: none;
}
.collapse-link[aria-expanded="false"] .plus {
display: -ms-flexbox;
display: flex;
padding: 0.2rem 0.4rem;
}
.collapse-link[aria-expanded="true"] .minus {
display: -ms-flexbox;
display: flex;
padding: 0.7rem 0.4rem;
}
.nav-icon .nav-item {
color: #77838f;
}
.nav-icon .nav-item.active {
color: #297cbb;
}
.nav-icon .nav-item.active .nav-icon-action {
color: #fff;
background-color: #297cbb;
-webkit-transform: scale(1);
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;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.nav-icon-action-inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.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;
}
.progress-vertical {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-pack: end;
justify-content: flex-end;
background-color: #f8fafd;
height: 12.5rem;
}
.u-paging-modern .u-paging-modern__arrow-icon-next,
.u-paging-modern .u-paging-modern__arrow-icon-prev {
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 {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}
.u-paging-modern:hover .u-paging-modern__arrow-icon-next {
-webkit-transform: translateX(8px);
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: 2rem;
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 {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
.u-quantity {
width: 6rem;
}
.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%;
-webkit-transform: translate(0, -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: #297cbb;
}
.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;
}
}
.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;
}
.u-search-slide-down {
position: absolute;
z-index: 1003;
top: 0;
left: 0;
width: 23.75rem;
}
.u-search-slide-down-trigger.active .u-search-slide-down-trigger__icon::before {
content: "\f00d";
}
.u-search-slide-down .input-group {
background-color: #ebf0f7;
}
.u-search-slide-down .form-control {
min-height: 3.75rem;
}
.u-search-slide-down .form-control::-webkit-input-placeholder {
color: #3b444f;
}
.u-search-slide-down .form-control::-moz-placeholder {
color: #3b444f;
}
.u-search-slide-down .form-control:-ms-input-placeholder {
color: #3b444f;
}
.u-search-slide-down .form-control::-ms-input-placeholder {
color: #3b444f;
}
.u-search-slide-down .form-control::placeholder {
color: #3b444f;
}
.u-search-slide-down .btn-icon__inner {
color: #fff;
}
.u-search-slide-down .btn.btn-icon {
margin-right: 0.688rem;
cursor: pointer !important;
}
.u-search-slide-down .list-group-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0.469rem 1.438rem;
}
.u-search-slide-down .list-group-item:focus,
.u-search-slide-down .list-group-item:hover {
background-color: #f9fafc;
}
.u-search-slide-down .list-group-item-action {
color: #3b444f;
}
.u-search-slide-down-bg-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 1001;
display: none;
width: 100%;
height: 100%;
}
.u-search-slide-down .u-search-slide-down__input {
opacity: 0;
-webkit-transform: translateY(-2rem);
transform: translateY(-2rem);
transition: opacity 0.2s,
-webkit-transform 0.3s cubic-bezier(0.37, 0.41, 0.55, 0.98);
transition: transform 0.3s cubic-bezier(0.37, 0.41, 0.55, 0.98), opacity 0.2s;
transition: transform 0.3s cubic-bezier(0.37, 0.41, 0.55, 0.98), opacity 0.2s,
-webkit-transform 0.3s cubic-bezier(0.37, 0.41, 0.55, 0.98);
}
.u-search-slide-down .u-search-slide-down__suggestions {
opacity: 0;
-webkit-transform: translateY(-3rem);
transform: translateY(-3rem);
transition: opacity 0.2s,
-webkit-transform 0.4s cubic-bezier(0.37, 0.41, 0.55, 0.98);
transition: transform 0.4s cubic-bezier(0.37, 0.41, 0.55, 0.98), opacity 0.2s;
transition: transform 0.4s cubic-bezier(0.37, 0.41, 0.55, 0.98), opacity 0.2s,
-webkit-transform 0.4s cubic-bezier(0.37, 0.41, 0.55, 0.98);
}
.u-search-slide-down.active .u-search-slide-down__input,
.u-search-slide-down.active .u-search-slide-down__suggestions {
opacity: 1;
-webkit-transform: none;
transform: none;
}
.u-search-slide-down.active .u-search-slide-down__suggestions {
transition-delay: 0.2s;
}
.u-slick {
position: relative;
}
.u-slick__img-overlay .slick-slide:not(.slick-center) {
position: relative;
}
.u-slick__img-overlay .slick-slide:not(.slick-center)::before {
background-color: rgba(59, 68, 79, 0.8);
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
content: " ";
}
.u-slick__tab .tab-pane:not(.active) {
display: block !important;
height: 0 !important;
overflow: hidden;
padding: 0 !important;
}
.u-slick__tab .tab-pane.active {
height: auto !important;
}
.u-slick--transform-off.slick-transform-off .slick-track {
-webkit-transform: none !important;
transform: none !important;
}
.testimonial-quote path,
.testimonial-quote text {
fill: #ebf0f7;
}
.testimonial-quote i {
color: #ebf0f7;
}
.u-slick-bordered-primary .slick-current .card {
border-color: #297cbb !important;
}
.u-slick-bordered-primary .slick-current .card .testimonial-quote path,
.u-slick-bordered-primary .slick-current .card .testimonial-quote text {
fill: #297cbb;
}
.u-slick-bordered-primary .slick-current .card .testimonial-quote i {
color: #297cbb;
}
.u-slick-bordered-dark .slick-current .card {
border-color: #1a2b49 !important;
}
.u-slick-bordered-dark .slick-current .card .testimonial-quote path,
.u-slick-bordered-dark .slick-current .card .testimonial-quote text {
fill: #1a2b49;
}
.u-slick-bordered-dark .slick-current .card .testimonial-quote i {
color: #1a2b49;
}
.u-slick--equal-height .slick-list {
height: 100%;
}
.u-slick--equal-height .slick-track {
display: -ms-flexbox;
display: flex;
height: 100%;
}
.u-slick--equal-height .slick-track .slick-slide {
display: -ms-flexbox;
display: flex;
height: auto;
}
.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;
}
.u-slick--gutters-4 {
margin-left: -0.4rem;
margin-right: -0.4rem;
}
.u-slick--gutters-4 .slick-slide {
margin-left: 0.4rem;
margin-right: 0.4rem;
}
.u-slick-zoom .slick-slide .u-slick-zoom__slide {
-webkit-transform: scale(0.9);
transform: scale(0.9);
transition: all 0.5s ease-in-out;
}
.u-slick-zoom .slick-center .u-slick-zoom__slide {
-webkit-transform: scale(1);
transform: scale(1);
}
.u-slick__arrow {
z-index: 1;
line-height: 0;
display: inline-block;
color: #297cbb;
background-color: rgba(41, 124, 187, 0.1);
width: 2.5rem;
height: 2.5rem;
font-size: 0.875rem;
cursor: pointer;
transition: 0.3s ease-in-out;
}
.u-slick__arrow:hover {
color: #fff;
background-color: #297cbb;
}
.u-slick__arrow-inner:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.u-slick__arrow-inner--left {
left: 0;
}
.u-slick__arrow-inner--right {
right: 0;
}
.u-slick__arrow--flat {
color: #fff;
background-color: rgba(41, 124, 187, 0.8);
}
@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;
}
}
.u-slick__arrow-centered--y {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.u-slick__arrow-classic {
z-index: 1;
line-height: 0;
display: inline-block;
color: #297cbb;
background-color: #fff;
width: 2.5rem;
height: 2.5rem;
font-size: 0.875rem;
cursor: pointer;
transition: 0.3s ease-in-out;
}
.u-slick__arrow-classic:hover {
color: #fff;
background-color: #297cbb;
}
.u-slick__arrow-classic-inner:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.u-slick__arrow-classic-inner--left {
left: 0;
}
.u-slick__arrow-classic-inner--left.v1 {
left: -5px;
}
.u-slick__arrow-classic-inner--left.v4 {
left: 25px;
}
.u-slick__arrow-classic-inner--right {
right: 0;
}
.u-slick__arrow-classic-inner--right.v1 {
right: -5px;
}
.u-slick__arrow-classic-inner--right.v4 {
right: 25px;
}
.u-slick__arrow-classic--v1 {
color: #3d88c1;
background-color: #fff;
}
.u-slick__arrow-classic--v2 {
color: #297cbb;
background-color: #ebf0f7;
}
.u-slick__arrow-classic--v3 {
color: #3b444f;
background-color: transparent;
font-size: 20px;
font-weight: 800;
color: #cad4e1;
}
.u-slick__arrow-classic--v3:hover {
color: #3b444f;
background-color: transparent;
}
.u-slick__arrow-classic--v4 {
background-color: transparent;
color: #fff;
font-size: 20px;
}
.u-slick__arrow-classic--v4:hover {
background-color: transparent;
}
.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.875rem;
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.875rem;
content: "\002f";
}
.u-slick__paging .u-paging__total {
font-size: 1.5rem;
color: rgba(255, 255, 255, 0.7);
}
.u-slick__pagination {
padding-left: 0;
}
.u-slick__pagination:not(.u-slick__pagination--block) {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
pointer-events: none;
margin-top: -40px;
}
.u-slick__pagination li {
display: -ms-flexbox;
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: #cad4e1;
border: 2px solid transparent;
border-radius: 50%;
-webkit-transform: scale(0.6);
transform: scale(0.6);
transition: 0.3s ease-in-out;
}
.u-slick__pagination li.slick-active span {
background-color: transparent;
border-color: #297cbb;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.u-slick__pagination--white li span {
width: 8px;
height: 8px;
background-color: rgba(255, 255, 255, 0.4);
-webkit-transform: none;
transform: none;
border-width: 0;
}
.u-slick__pagination--white li.slick-active span {
border-color: none;
background-color: #fff;
}
.u-slick__pagination--block li {
display: block;
}
.u-slick__pagination-centered--y {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media (min-width: 992px) {
.u-slick__pagination--vertical-lg li {
display: block;
margin: 0.25rem 0;
}
.u-slick__pagination--vertical-pos-v1-lg {
position: absolute;
top: 50%;
left: -15.7%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.u-slick__pagination-dark {
padding-left: 0;
}
.u-slick__pagination-dark:not(.u-slick__pagination--block) {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
pointer-events: none;
}
.u-slick__pagination-dark li {
display: -ms-flexbox;
display: flex;
pointer-events: all;
margin: 0 0.25rem;
cursor: pointer;
}
.u-slick__pagination-dark li span {
display: inline-block;
width: 0.9375rem;
height: 0.9375rem;
box-sizing: border-box;
background-color: #cad4e1;
border: 2px solid transparent;
border-radius: 50%;
-webkit-transform: scale(0.6);
transform: scale(0.6);
transition: 0.3s ease-in-out;
}
.u-slick__pagination-dark li.slick-active span {
background-color: transparent;
border-color: #1a2b49 !important;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.u-slick--pagination-modern {
width: 100%;
max-width: 12.5rem;
}
.u-slick--pagination-modern .slick-slide {
cursor: pointer;
opacity: 0.7;
-webkit-transform: scale(0.7);
transform: scale(0.7);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: 0.3s ease-in-out;
}
.u-slick--pagination-modern .slick-current {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.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: #297cbb;
}
.u-slick--pagination-interactive
.slick-center
.u-slick--pagination-interactive__text {
color: #77838f;
}
.spinner-border,
.spinner-grow {
vertical-align: middle;
}
.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%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0;
right: 0;
padding: 2rem;
text-align: center;
}
.svg-preloader {
z-index: -1;
background: #fff 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;
}
@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-main-hero {
height: 686px;
}
.ie-soft-triangle-shape {
height: 610px;
}
.ie-browser {
height: 565px;
}
.ie-wave-1-bottom {
height: 100px;
}
.ie-easy-payment,
.ie-responsive,
.ie-vault {
height: 210px;
}
.ie-app-development,
.ie-business-analysis,
.ie-marketing-strategy {
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-buyer,
.ie-for-sale {
height: 208px;
}
.ie-data-report,
.ie-events,
.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-boy,
.ie-chatting-girl {
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-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;
}
}
.table-heighlighted thead th {
border-bottom-color: #3b444f;
border-top: none;
}
.table-heighlighted tfoot td {
border-top: 2px solid #3b444f;
}
.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: "";
}
[class*="sticky-block"] {
max-width: 100%;
}
.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(41, 124, 187, 0.05) 0,
transparent 100%
);
background-repeat: repeat-x;
}
.gradient-half-primary-v3 {
background-image: linear-gradient(
0deg,
rgba(41, 124, 187, 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, #297cbb 0, #2d1582 100%);
background-repeat: repeat-x;
}
.gradient-half-info-v1 {
background-image: linear-gradient(0deg, #297cbb 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;
}
[class*="gdot"] {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-2dot2 {
-ms-flex: 0 0 18.33333%;
flex: 0 0 18.33333%;
max-width: 18.33333%;
}
.col-xs-2dot3 {
-ms-flex: 0 0 19.16667%;
flex: 0 0 19.16667%;
max-width: 19.16667%;
}
.col-xs-2dot4 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.col-xs-2gdot8 {
-ms-flex: 0 0 23.66667%;
flex: 0 0 23.66667%;
max-width: 23.66667%;
}
.col-xs-3dot64 {
-ms-flex: 0 0 30.35833%;
flex: 0 0 30.35833%;
max-width: 30.35833%;
}
.col-xs-3dot7 {
-ms-flex: 0 0 30.83333%;
flex: 0 0 30.83333%;
max-width: 30.83333%;
}
.col-xs-3dot2 {
-ms-flex: 0 0 25.83333%;
flex: 0 0 25.83333%;
max-width: 25.83333%;
}
.col-xs-3dot1 {
-ms-flex: 0 0 25.83333%;
flex: 0 0 25.83333%;
max-width: 25.83333%;
}
.col-xs-3dot6 {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
}
.col-xs-2dot8 {
-ms-flex: 0 0 23.33333%;
flex: 0 0 23.33333%;
max-width: 23.33333%;
}
.col-xs-2dot6 {
-ms-flex: 0 0 21.66667%;
flex: 0 0 21.66667%;
max-width: 21.66667%;
}
.col-xs-2dot5 {
-ms-flex: 0 0 20.83333%;
flex: 0 0 20.83333%;
max-width: 20.83333%;
}
.col-xs-2dot7 {
-ms-flex: 0 0 22.5%;
flex: 0 0 22.5%;
max-width: 22.5%;
}
.col-xs-1dot6 {
-ms-flex: 0 0 13.33333%;
flex: 0 0 13.33333%;
max-width: 13.33333%;
}
.col-xs-1dot8 {
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
}
.col-xs-8dot4 {
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
}
.col-xs-8dot1 {
-ms-flex: 0 0 67.5%;
flex: 0 0 67.5%;
max-width: 67.5%;
}
.col-xs-8dot2 {
-ms-flex: 0 0 68.33333%;
flex: 0 0 68.33333%;
max-width: 68.33333%;
}
.col-xs-3dot5 {
-ms-flex: 0 0 29.16667%;
flex: 0 0 29.16667%;
max-width: 29.16667%;
}
.col-xs-3gdot5 {
-ms-flex: 0 0 29.16667%;
flex: 0 0 29.16667%;
max-width: 29.16667%;
}
.col-xs-6dot5 {
-ms-flex: 0 0 54.16667%;
flex: 0 0 54.16667%;
max-width: 54.16667%;
}
.col-xs-5dot4 {
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
}
.col-xs-7dot5 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.col-xs-4dot5 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.col-xs-4gdot5 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
@media (min-width: 1200px) and (max-width: 1479.98px) {
.col-xs-8dot3 {
-ms-flex: 0 0 69.16667%;
flex: 0 0 69.16667%;
max-width: 69.16667%;
}
}
.col-xs-9dot2 {
-ms-flex: 0 0 76.66667%;
flex: 0 0 76.66667%;
max-width: 76.66667%;
}
.col-xs-8dot5 {
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%;
}
.col-xs-8gdot5 {
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%;
}
.col-xs-4dot1 {
-ms-flex: 0 0 34.16667%;
flex: 0 0 34.16667%;
max-width: 34.16667%;
}
.col-xs-7dot9 {
-ms-flex: 0 0 65.83333%;
flex: 0 0 65.83333%;
max-width: 65.83333%;
}
.col-xs-5dot5 {
-ms-flex: 0 0 45.83333%;
flex: 0 0 45.83333%;
max-width: 45.83333%;
}
.col-xs-9dot5 {
-ms-flex: 0 0 79.16667%;
flex: 0 0 79.16667%;
max-width: 79.16667%;
}
@media (min-width: 576px) {
.col-sm-2dot2 {
-ms-flex: 0 0 18.33333%;
flex: 0 0 18.33333%;
max-width: 18.33333%;
}
}
@media (min-width: 576px) {
.col-sm-2dot3 {
-ms-flex: 0 0 19.16667%;
flex: 0 0 19.16667%;
max-width: 19.16667%;
}
}
@media (min-width: 576px) {
.col-sm-2dot4 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 576px) {
.col-sm-2gdot8 {
-ms-flex: 0 0 23.66667%;
flex: 0 0 23.66667%;
max-width: 23.66667%;
}
}
@media (min-width: 576px) {
.col-sm-3dot64 {
-ms-flex: 0 0 30.35833%;
flex: 0 0 30.35833%;
max-width: 30.35833%;
}
}
@media (min-width: 576px) {
.col-sm-3dot7 {
-ms-flex: 0 0 30.83333%;
flex: 0 0 30.83333%;
max-width: 30.83333%;
}
}
@media (min-width: 576px) {
.col-sm-3dot2 {
-ms-flex: 0 0 25.83333%;
flex: 0 0 25.83333%;
max-width: 25.83333%;
}
}
@media (min-width: 576px) {
.col-sm-3dot1 {
-ms-flex: 0 0 25.83333%;
flex: 0 0 25.83333%;
max-width: 25.83333%;
}
}
@media (min-width: 576px) {
.col-sm-3dot6 {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
}
}
@media (min-width: 576px) {
.col-sm-2dot8 {
-ms-flex: 0 0 23.33333%;
flex: 0 0 23.33333%;
max-width: 23.33333%;
}
}
@media (min-width: 576px) {
.col-sm-2dot6 {
-ms-flex: 0 0 21.66667%;
flex: 0 0 21.66667%;
max-width: 21.66667%;
}
}
@media (min-width: 576px) {
.col-sm-2dot5 {
-ms-flex: 0 0 20.83333%;
flex: 0 0 20.83333%;
max-width: 20.83333%;
}
}
@media (min-width: 576px) {
.col-sm-2dot7 {
-ms-flex: 0 0 22.5%;
flex: 0 0 22.5%;
max-width: 22.5%;
}
}
@media (min-width: 576px) {
.col-sm-1dot6 {
-ms-flex: 0 0 13.33333%;
flex: 0 0 13.33333%;
max-width: 13.33333%;
}
}
@media (min-width: 576px) {
.col-sm-1dot8 {
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
}
}
@media (min-width: 576px) {
.col-sm-8dot4 {
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
}
}
@media (min-width: 576px) {
.col-sm-8dot1 {
-ms-flex: 0 0 67.5%;
flex: 0 0 67.5%;
max-width: 67.5%;
}
}
@media (min-width: 576px) {
.col-sm-8dot2 {
-ms-flex: 0 0 68.33333%;
flex: 0 0 68.33333%;
max-width: 68.33333%;
}
}
@media (min-width: 576px) {
.col-sm-3dot5 {
-ms-flex: 0 0 29.16667%;
flex: 0 0 29.16667%;
max-width: 29.16667%;
}
}
@media (min-width: 576px) {
.col-sm-3gdot5 {
-ms-flex: 0 0 29.16667%;
flex: 0 0 29.16667%;
max-width: 29.16667%;
}
}
@media (min-width: 576px) {
.col-sm-6dot5 {
-ms-flex: 0 0 54.16667%;
flex: 0 0 54.16667%;
max-width: 54.16667%;
}
}
@media (min-width: 576px) {
.col-sm-5dot4 {
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
}
}
@media (min-width: 576px) {
.col-sm-7dot5 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%;
}
}
@media (min-width: 576px) {
.col-sm-4dot5 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
}
@media (min-width: 576px) {
.col-sm-4gdot5 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
}
@media (min-width: 1200px) and (max-width: 1479.98px) {
.col-sm-8dot3 {
-ms-flex: 0 0 69.16667%;
flex: 0 0 69.16667%;
max-width: 69.16667%;
}
}
@media (min-width: 576px) {
.col-sm-9dot2 {
-ms-flex: 0 0 76.66667%;
flex: 0 0 76.66667%;
max-width: 76.66667%;
}
}
@media (min-width: 576px) {
.col-sm-8dot5 {
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%;
}
}
@media (min-width: 576px) {
.col-sm-8gdot5 {
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%;
}
}
@media (min-width: 576px) {
.col-sm-4dot1 {
-ms-flex: 0 0 34.16667%;
flex: 0 0 34.16667%;
max-width: 34.16667%;
}
}
@media (min-width: 576px) {
.col-sm-7dot9 {
-ms-flex: 0 0 65.83333%;
flex: 0 0 65.83333%;
max-width: 65.83333%;
}
}
@media (min-width: 576px) {
.col-sm-5dot5 {
-ms-flex: 0 0 45.83333%;
flex: 0 0 45.83333%;
max-width: 45.83333%;
}
}
@media (min-width: 576px) {
.col-sm-9dot5 {
-ms-flex: 0 0 79.16667%;
flex: 0 0 79.16667%;
max-width: 79.16667%;
}
}
@media (min-width: 768px) {
.col-md-2dot2 {
-ms-flex: 0 0 18.33333%;
flex: 0 0 18.33333%;
max-width: 18.33333%;
}
}
@media (min-width: 768px) {
.col-md-2dot3 {
-ms-flex: 0 0 19.16667%;
flex: 0 0 19.16667%;
max-width: 19.16667%;
}
}
@media (min-width: 768px) {
.col-md-2dot4 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 768px) {
.col-md-2gdot8 {
-ms-flex: 0 0 23.66667%;
flex: 0 0 23.66667%;
max-width: 23.66667%;
}
}
@media (min-width: 768px) {
.col-md-3dot64 {
-ms-flex: 0 0 30.35833%;
flex: 0 0 30.35833%;
max-width: 30.35833%;
}
}
@media (min-width: 768px) {
.col-md-3dot7 {
-ms-flex: 0 0 30.83333%;
flex: 0 0 30.83333%;
max-width: 30.83333%;
}
}
@media (min-width: 768px) {
.col-md-3dot2 {
-ms-flex: 0 0 25.83333%;
flex: 0 0 25.83333%;
max-width: 25.83333%;
}
}
@media (min-width: 768px) {
.col-md-3dot1 {
-ms-flex: 0 0 25.83333%;
flex: 0 0 25.83333%;
max-width: 25.83333%;
}
}
@media (min-width: 768px) {
.col-md-3dot6 {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
}
}
@media (min-width: 768px) {
.col-md-2dot8 {
-ms-flex: 0 0 23.33333%;
flex: 0 0 23.33333%;
max-width: 23.33333%;
}
}
@media (min-width: 768px) {
.col-md-2dot6 {
-ms-flex: 0 0 21.66667%;
flex: 0 0 21.66667%;
max-width: 21.66667%;
}
}
@media (min-width: 768px) {
.col-md-2dot5 {
-ms-flex: 0 0 20.83333%;
flex: 0 0 20.83333%;
max-width: 20.83333%;
}
}
@media (min-width: 768px) {
.col-md-2dot7 {
-ms-flex: 0 0 22.5%;
flex: 0 0 22.5%;
max-width: 22.5%;
}
}
@media (min-width: 768px) {
.col-md-1dot6 {
-ms-flex: 0 0 13.33333%;
flex: 0 0 13.33333%;
max-width: 13.33333%;
}
}
@media (min-width: 768px) {
.col-md-1dot8 {
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
}
}
@media (min-width: 768px) {
.col-md-8dot4 {
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
}
}
@media (min-width: 768px) {
.col-md-8dot1 {
-ms-flex: 0 0 67.5%;
flex: 0 0 67.5%;
max-width: 67.5%;
}
}
@media (min-width: 768px) {
.col-md-8dot2 {
-ms-flex: 0 0 68.33333%;
flex: 0 0 68.33333%;
max-width: 68.33333%;
}
}
@media (min-width: 768px) {
.col-md-3dot5 {
-ms-flex: 0 0 29.16667%;
flex: 0 0 29.16667%;
max-width: 29.16667%;
}
}
@media (min-width: 768px) {
.col-md-3gdot5 {
-ms-flex: 0 0 29.16667%;
flex: 0 0 29.16667%;
max-width: 29.16667%;
}
}
@media (min-width: 768px) {
.col-md-6dot5 {
-ms-flex: 0 0 54.16667%;
flex: 0 0 54.16667%;
max-width: 54.16667%;
}
}
@media (min-width: 768px) {
.col-md-5dot4 {
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
}
}
@media (min-width: 768px) {
.col-md-7dot5 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%;
}
}
@media (min-width: 768px) {
.col-md-4dot5 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
}
@media (min-width: 768px) {
.col-md-4gdot5 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
}
@media (min-width: 1200px) and (max-width: 1479.98px) {
.col-md-8dot3 {
-ms-flex: 0 0 69.16667%;
flex: 0 0 69.16667%;
max-width: 69.16667%;
}
}
@media (min-width: 768px) {
.col-md-9dot2 {
-ms-flex: 0 0 76.66667%;
flex: 0 0 76.66667%;
max-width: 76.66667%;
}
}
@media (min-width: 768px) {
.col-md-8dot5 {
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%;
}
}
@media (min-width: 768px) {
.col-md-8gdot5 {
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%;
}
}
@media (min-width: 768px) {
.col-md-4dot1 {
-ms-flex: 0 0 34.16667%;
flex: 0 0 34.16667%;
max-width: 34.16667%;
}
}
@media (min-width: 768px) {
.col-md-7dot9 {
-ms-flex: 0 0 65.83333%;
flex: 0 0 65.83333%;
max-width: 65.83333%;
}
}
@media (min-width: 768px) {
.col-md-5dot5 {
-ms-flex: 0 0 45.83333%;
flex: 0 0 45.83333%;
max-width: 45.83333%;
}
}
@media (min-width: 768px) {
.col-md-9dot5 {
-ms-flex: 0 0 79.16667%;
flex: 0 0 79.16667%;
max-width: 79.16667%;
}
}
@media (min-width: 992px) {
.col-lg-2dot2 {
-ms-flex: 0 0 18.33333%;
flex: 0 0 18.33333%;
max-width: 18.33333%;
}
}
@media (min-width: 992px) {
.col-lg-2dot3 {
-ms-flex: 0 0 19.16667%;
flex: 0 0 19.16667%;
max-width: 19.16667%;
}
}
@media (min-width: 992px) {
.col-lg-2dot4 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 992px) {
.col-lg-2gdot8 {
-ms-flex: 0 0 23.66667%;
flex: 0 0 23.66667%;
max-width: 23.66667%;
}
}
@media (min-width: 992px) {
.col-lg-3dot64 {
-ms-flex: 0 0 30.35833%;
flex: 0 0 30.35833%;
max-width: 30.35833%;
}
}
@media (min-width: 992px) {
.col-lg-3dot7 {
-ms-flex: 0 0 30.83333%;
flex: 0 0 30.83333%;
max-width: 30.83333%;
}
}
@media (min-width: 992px) {
.col-lg-3dot2 {
-ms-flex: 0 0 25.83333%;
flex: 0 0 25.83333%;
max-width: 25.83333%;
}
}
@media (min-width: 992px) {
.col-lg-3dot1 {
-ms-flex: 0 0 25.83333%;
flex: 0 0 25.83333%;
max-width: 25.83333%;
}
}
@media (min-width: 992px) {
.col-lg-3dot6 {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
}
}
@media (min-width: 992px) {
.col-lg-2dot8 {
-ms-flex: 0 0 23.33333%;
flex: 0 0 23.33333%;
max-width: 23.33333%;
}
}
@media (min-width: 992px) {
.col-lg-2dot6 {
-ms-flex: 0 0 21.66667%;
flex: 0 0 21.66667%;
max-width: 21.66667%;
}
}
@media (min-width: 992px) {
.col-lg-2dot5 {
-ms-flex: 0 0 20.83333%;
flex: 0 0 20.83333%;
max-width: 20.83333%;
}
}
@media (min-width: 992px) {
.col-lg-2dot7 {
-ms-flex: 0 0 22.5%;
flex: 0 0 22.5%;
max-width: 22.5%;
}
}
@media (min-width: 992px) {
.col-lg-1dot6 {
-ms-flex: 0 0 13.33333%;
flex: 0 0 13.33333%;
max-width: 13.33333%;
}
}
@media (min-width: 992px) {
.col-lg-1dot8 {
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
}
}
@media (min-width: 992px) {
.col-lg-8dot4 {
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
}
}
@media (min-width: 992px) {
.col-lg-8dot1 {
-ms-flex: 0 0 67.5%;
flex: 0 0 67.5%;
max-width: 67.5%;
}
}
@media (min-width: 992px) {
.col-lg-8dot2 {
-ms-flex: 0 0 68.33333%;
flex: 0 0 68.33333%;
max-width: 68.33333%;
}
}
@media (min-width: 992px) {
.col-lg-3dot5 {
-ms-flex: 0 0 29.16667%;
flex: 0 0 29.16667%;
max-width: 29.16667%;
}
}
@media (min-width: 992px) {
.col-lg-3gdot5 {
-ms-flex: 0 0 29.16667%;
flex: 0 0 29.16667%;
max-width: 29.16667%;
}
}
@media (min-width: 992px) {
.col-lg-6dot5 {
-ms-flex: 0 0 54.16667%;
flex: 0 0 54.16667%;
max-width: 54.16667%;
}
}
@media (min-width: 992px) {
.col-lg-5dot4 {
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
}
}
@media (min-width: 992px) {
.col-lg-7dot5 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%;
}
}
@media (min-width: 992px) {
.col-lg-4dot5 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
}
@media (min-width: 992px) {
.col-lg-4gdot5 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
}
@media (min-width: 1200px) and (max-width: 1479.98px) {
.col-lg-8dot3 {
-ms-flex: 0 0 69.16667%;
flex: 0 0 69.16667%;
max-width: 69.16667%;
}
}
@media (min-width: 992px) {
.col-lg-9dot2 {
-ms-flex: 0 0 76.66667%;
flex: 0 0 76.66667%;
max-width: 76.66667%;
}
}
@media (min-width: 992px) {
.col-lg-8dot5 {
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%;
}
}
@media (min-width: 992px) {
.col-lg-8gdot5 {
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%;
}
}
@media (min-width: 992px) {
.col-lg-4dot1 {
-ms-flex: 0 0 34.16667%;
flex: 0 0 34.16667%;
max-width: 34.16667%;
}
}
@media (min-width: 992px) {
.col-lg-7dot9 {
-ms-flex: 0 0 65.83333%;
flex: 0 0 65.83333%;
max-width: 65.83333%;
}
}
@media (min-width: 992px) {
.col-lg-5dot5 {
-ms-flex: 0 0 45.83333%;
flex: 0 0 45.83333%;
max-width: 45.83333%;
}
}
@media (min-width: 992px) {
.col-lg-9dot5 {
-ms-flex: 0 0 79.16667%;
flex: 0 0 79.16667%;
max-width: 79.16667%;
}
}
@media (min-width: 1200px) {
.col-xl-2dot2 {
-ms-flex: 0 0 18.33333%;
flex: 0 0 18.33333%;
max-width: 18.33333%;
}
}
@media (min-width: 1200px) {
.col-xl-2dot3 {
-ms-flex: 0 0 19.16667%;
flex: 0 0 19.16667%;
max-width: 19.16667%;
}
}
@media (min-width: 1200px) {
.col-xl-2dot4 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 1200px) {
.col-xl-2gdot8 {
-ms-flex: 0 0 23.66667%;
flex: 0 0 23.66667%;
max-width: 23.66667%;
}
}
@media (min-width: 1200px) {
.col-xl-3dot64 {
-ms-flex: 0 0 30.35833%;
flex: 0 0 30.35833%;
max-width: 30.35833%;
}
}
@media (min-width: 1200px) {
.col-xl-3dot7 {
-ms-flex: 0 0 30.83333%;
flex: 0 0 30.83333%;
max-width: 30.83333%;
}
}
@media (min-width: 1200px) {
.col-xl-3dot2 {
-ms-flex: 0 0 25.83333%;
flex: 0 0 25.83333%;
max-width: 25.83333%;
}
}
@media (min-width: 1200px) {
.col-xl-3dot1 {
-ms-flex: 0 0 25.83333%;
flex: 0 0 25.83333%;
max-width: 25.83333%;
}
}
@media (min-width: 1200px) {
.col-xl-3dot6 {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
}
}
@media (min-width: 1200px) {
.col-xl-2dot8 {
-ms-flex: 0 0 23.33333%;
flex: 0 0 23.33333%;
max-width: 23.33333%;
}
}
@media (min-width: 1200px) {
.col-xl-2dot6 {
-ms-flex: 0 0 21.66667%;
flex: 0 0 21.66667%;
max-width: 21.66667%;
}
}
@media (min-width: 1200px) {
.col-xl-2dot5 {
-ms-flex: 0 0 20.83333%;
flex: 0 0 20.83333%;
max-width: 20.83333%;
}
}
@media (min-width: 1200px) {
.col-xl-2dot7 {
-ms-flex: 0 0 22.5%;
flex: 0 0 22.5%;
max-width: 22.5%;
}
}
@media (min-width: 1200px) {
.col-xl-1dot6 {
-ms-flex: 0 0 13.33333%;
flex: 0 0 13.33333%;
max-width: 13.33333%;
}
}
@media (min-width: 1200px) {
.col-xl-1dot8 {
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
}
}
@media (min-width: 1200px) {
.col-xl-8dot4 {
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
}
}
@media (min-width: 1200px) {
.col-xl-8dot1 {
-ms-flex: 0 0 67.5%;
flex: 0 0 67.5%;
max-width: 67.5%;
}
}
@media (min-width: 1200px) {
.col-xl-8dot2 {
-ms-flex: 0 0 68.33333%;
flex: 0 0 68.33333%;
max-width: 68.33333%;
}
}
@media (min-width: 1200px) {
.col-xl-3dot5 {
-ms-flex: 0 0 29.16667%;
flex: 0 0 29.16667%;
max-width: 29.16667%;
}
}
@media (min-width: 1200px) {
.col-xl-3gdot5 {
-ms-flex: 0 0 29.16667%;
flex: 0 0 29.16667%;
max-width: 29.16667%;
}
}
@media (min-width: 1200px) {
.col-xl-6dot5 {
-ms-flex: 0 0 54.16667%;
flex: 0 0 54.16667%;
max-width: 54.16667%;
}
}
@media (min-width: 1200px) {
.col-xl-5dot4 {
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
}
}
@media (min-width: 1200px) {
.col-xl-7dot5 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%;
}
}
@media (min-width: 1200px) {
.col-xl-4dot5 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
}
@media (min-width: 1200px) {
.col-xl-4gdot5 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
}
@media (min-width: 1200px) and (max-width: 1479.98px) {
.col-xl-8dot3 {
-ms-flex: 0 0 69.16667%;
flex: 0 0 69.16667%;
max-width: 69.16667%;
}
}
@media (min-width: 1200px) {
.col-xl-9dot2 {
-ms-flex: 0 0 76.66667%;
flex: 0 0 76.66667%;
max-width: 76.66667%;
}
}
@media (min-width: 1200px) {
.col-xl-8dot5 {
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%;
}
}
@media (min-width: 1200px) {
.col-xl-8gdot5 {
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%;
}
}
@media (min-width: 1200px) {
.col-xl-4dot1 {
-ms-flex: 0 0 34.16667%;
flex: 0 0 34.16667%;
max-width: 34.16667%;
}
}
@media (min-width: 1200px) {
.col-xl-7dot9 {
-ms-flex: 0 0 65.83333%;
flex: 0 0 65.83333%;
max-width: 65.83333%;
}
}
@media (min-width: 1200px) {
.col-xl-5dot5 {
-ms-flex: 0 0 45.83333%;
flex: 0 0 45.83333%;
max-width: 45.83333%;
}
}
@media (min-width: 1200px) {
.col-xl-9dot5 {
-ms-flex: 0 0 79.16667%;
flex: 0 0 79.16667%;
max-width: 79.16667%;
}
}
@media (min-width: 1480px) {
.col-wd-2dot2 {
-ms-flex: 0 0 18.33333%;
flex: 0 0 18.33333%;
max-width: 18.33333%;
}
}
@media (min-width: 1480px) {
.col-wd-2dot3 {
-ms-flex: 0 0 19.16667%;
flex: 0 0 19.16667%;
max-width: 19.16667%;
}
}
@media (min-width: 1480px) {
.col-wd-2dot4 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 1480px) {
.col-wd-2gdot8 {
-ms-flex: 0 0 23.66667%;
flex: 0 0 23.66667%;
max-width: 23.66667%;
}
}
@media (min-width: 1480px) {
.col-wd-3dot64 {
-ms-flex: 0 0 30.35833%;
flex: 0 0 30.35833%;
max-width: 30.35833%;
}
}
@media (min-width: 1480px) {
.col-wd-3dot7 {
-ms-flex: 0 0 30.83333%;
flex: 0 0 30.83333%;
max-width: 30.83333%;
}
}
@media (min-width: 1480px) {
.col-wd-3dot2 {
-ms-flex: 0 0 25.83333%;
flex: 0 0 25.83333%;
max-width: 25.83333%;
}
}
@media (min-width: 1480px) {
.col-wd-3dot1 {
-ms-flex: 0 0 25.83333%;
flex: 0 0 25.83333%;
max-width: 25.83333%;
}
}
@media (min-width: 1480px) {
.col-wd-3dot6 {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
}
}
@media (min-width: 1480px) {
.col-wd-2dot8 {
-ms-flex: 0 0 23.33333%;
flex: 0 0 23.33333%;
max-width: 23.33333%;
}
}
@media (min-width: 1480px) {
.col-wd-2dot6 {
-ms-flex: 0 0 21.66667%;
flex: 0 0 21.66667%;
max-width: 21.66667%;
}
}
@media (min-width: 1480px) {
.col-wd-2dot5 {
-ms-flex: 0 0 20.83333%;
flex: 0 0 20.83333%;
max-width: 20.83333%;
}
}
@media (min-width: 1480px) {
.col-wd-2dot7 {
-ms-flex: 0 0 22.5%;
flex: 0 0 22.5%;
max-width: 22.5%;
}
}
@media (min-width: 1480px) {
.col-wd-1dot6 {
-ms-flex: 0 0 13.33333%;
flex: 0 0 13.33333%;
max-width: 13.33333%;
}
}
@media (min-width: 1480px) {
.col-wd-1dot8 {
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
}
}
@media (min-width: 1480px) {
.col-wd-8dot4 {
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
}
}
@media (min-width: 1480px) {
.col-wd-8dot1 {
-ms-flex: 0 0 67.5%;
flex: 0 0 67.5%;
max-width: 67.5%;
}
}
@media (min-width: 1480px) {
.col-wd-8dot2 {
-ms-flex: 0 0 68.33333%;
flex: 0 0 68.33333%;
max-width: 68.33333%;
}
}
@media (min-width: 1480px) {
.col-wd-3dot5 {
-ms-flex: 0 0 29.16667%;
flex: 0 0 29.16667%;
max-width: 29.16667%;
}
}
@media (min-width: 1480px) {
.col-wd-3gdot5 {
-ms-flex: 0 0 29.16667%;
flex: 0 0 29.16667%;
max-width: 29.16667%;
}
}
@media (min-width: 1480px) {
.col-wd-6dot5 {
-ms-flex: 0 0 54.16667%;
flex: 0 0 54.16667%;
max-width: 54.16667%;
}
}
@media (min-width: 1480px) {
.col-wd-5dot4 {
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
}
}
@media (min-width: 1480px) {
.col-wd-7dot5 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%;
}
}
@media (min-width: 1480px) {
.col-wd-4dot5 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
}
@media (min-width: 1480px) {
.col-wd-4gdot5 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
}
@media (min-width: 1200px) and (max-width: 1479.98px) {
.col-wd-8dot3 {
-ms-flex: 0 0 69.16667%;
flex: 0 0 69.16667%;
max-width: 69.16667%;
}
}
@media (min-width: 1480px) {
.col-wd-9dot2 {
-ms-flex: 0 0 76.66667%;
flex: 0 0 76.66667%;
max-width: 76.66667%;
}
}
@media (min-width: 1480px) {
.col-wd-8dot5 {
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%;
}
}
@media (min-width: 1480px) {
.col-wd-8gdot5 {
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%;
}
}
@media (min-width: 1480px) {
.col-wd-4dot1 {
-ms-flex: 0 0 34.16667%;
flex: 0 0 34.16667%;
max-width: 34.16667%;
}
}
@media (min-width: 1480px) {
.col-wd-7dot9 {
-ms-flex: 0 0 65.83333%;
flex: 0 0 65.83333%;
max-width: 65.83333%;
}
}
@media (min-width: 1480px) {
.col-wd-5dot5 {
-ms-flex: 0 0 45.83333%;
flex: 0 0 45.83333%;
max-width: 45.83333%;
}
}
@media (min-width: 1480px) {
.col-wd-9dot5 {
-ms-flex: 0 0 79.16667%;
flex: 0 0 79.16667%;
max-width: 79.16667%;
}
}
@media (min-width: 1200px) {
.container-fluid {
padding-left: 3.75rem;
padding-right: 3.75rem;
}
}
[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: "";
transition: all 0.2s ease-in-out;
}
.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-info-v1::before {
background-image: linear-gradient(
0deg,
rgba(41, 124, 187, 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, #3b444f 0, transparent 75%);
background-repeat: repeat-x;
}
.gradient-overlay-half-dark-v2::before {
background-image: linear-gradient(
150deg,
rgba(56, 78, 98, 0.675) 0,
rgba(119, 131, 143, 0.3) 100%
);
background-repeat: repeat-x;
}
.gradient-overlay-half-bg-gradient::before {
background: linear-gradient(180deg, #1e2022 0, transparent 50%);
}
.gradient-overlay-half-bg-gradient:hover:before {
background: linear-gradient(180deg, #1e2022 0, transparent 75%);
}
.gradient-overlay-half-bg-gradient-v1::before {
background: linear-gradient(180deg, #484848 0, transparent 75%);
}
.gradient-overlay-half-bg-gradient-v2::before {
background-color: #20274d;
opacity: 0.4;
}
.gradient-overlay-half-bg-gradient-v2.gradient-overlay:hover:before {
background: 0 0;
}
.gradient-overlay-half-bg-gradient-v3::before {
background: linear-gradient(180deg, #1e2022 0, transparent 50%);
}
.gradient-overlay-half-bg-gradient-v4::before {
background: linear-gradient(160deg, #1e2022 -18%, transparent 90%);
}
.gradient-overlay-half-bg-gradient-v5 {
z-index: 0;
}
.gradient-overlay-half-bg-gradient-v5::before {
background: linear-gradient(
to top,
#131313 6%,
rgba(19, 19, 19, 0.2) 72%,
rgba(34, 34, 34, 0) 89%,
rgba(44, 44, 44, 0) 100%
);
z-index: 0;
}
.gradient-overlay-half-bg-gradient-v6 {
z-index: 0;
}
.gradient-overlay-half-bg-gradient-v6::before {
background: linear-gradient(
to top,
#131313 6%,
rgba(19, 19, 19, 0.2) 72%,
rgba(34, 34, 34, 0) 89%,
rgba(44, 44, 44, 0) 100%
);
z-index: 0;
border-radius: 0.188rem;
}
.gradient-overlay-half-bg-gradient-v7::before {
background: linear-gradient(
to top,
#131313 6%,
rgba(19, 19, 19, 0.2) 72%,
rgba(34, 34, 34, 0) 89%,
rgba(44, 44, 44, 0) 100%
);
z-index: inherit;
}
.gradient-overlay::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #297cbb;
opacity: 0;
}
.gradient-overlay:hover:after {
opacity: 0.4;
z-index: -1;
transition-duration: 0.5s;
}
.gradient-overlay-half-bg-orange::before {
background-color: #ff9500;
opacity: 0.85;
}
[class*="gradient-overlay-half-bg-dark"]::before {
background-color: #000;
opacity: 0.7;
}
.gradient-overlay-half-bg-dark-v1::before {
opacity: 0.6;
}
.gradient-overlay-half-bg-blue-light::before {
background-color: #297cbb;
opacity: 0.8;
}
.gradient-overlay-half-bg-grayish-blue::before {
background-color: #3b444f;
opacity: 0.8;
}
.gradient-overlay-half-bg-blue::before {
background-color: #7eadfb;
opacity: 0.4;
}
.gradient-overlay-half-bg-violet::before {
background-color: rgba(73, 16, 128, 0.64);
}
.gradient-overlay-half-black-gradient::before {
background-color: #18181a;
opacity: 0.5;
}
.gradient-overlay-half-gray-gradient::before {
background-color: #3b444f;
opacity: 0.6;
}
.gradient-overlay-half-blue-gradient::before {
background-color: #1a2b49;
opacity: 0.4;
}
.gradient-overlay-half-sapphire-gradient::before {
background-color: #002568;
opacity: 0.7;
}
.gradient-overlay-half-sapphire-gradient::before {
background-color: #002568;
opacity: 0.7;
}
.gradient-overlay-half-bg-violet-light::before {
background-color: #ac5ef1;
opacity: 0.7;
}
.gradient-overlay-half-white-gradient::before {
background-color: #fff;
opacity: 0.15;
}
.gradient-overlay-half-bg-catalina-blue:before {
background-color: #16142d;
opacity: 0.4;
}
.gradient-overlay-half-bg-charcoal-gray:before {
background-color: #484848;
opacity: 0.5;
}
.gradient-overlay-half-bg-white::before {
background-color: #fff;
opacity: 1;
}
.gradient-overlay-half-bg-white:hover:before {
opacity: 0;
}
.gradient-overlay-half-bg-white:hover h6,
.gradient-overlay-half-bg-white:hover i,
.gradient-overlay-half-bg-white:hover span {
color: #fff !important;
}
.collapsed.text-gradient::before {
content: "";
position: absolute;
left: 0;
right: 0;
background: linear-gradient(180deg, transparent 0, #fff 50%);
opacity: 0.7;
width: 100%;
height: 80px;
bottom: 30px;
}
.u-media-viewer__dark::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(11, 13, 16, 0.8);
border-radius: 3px;
}
.link {
display: inline-block;
}
.link__icon {
position: relative;
line-height: 0.7;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 1.375rem;
height: 1.375rem;
font-size: 1rem;
color: #297cbb;
background-color: rgba(41, 124, 187, 0.1);
border-radius: 50%;
transition: 0.3s;
}
.link__icon-inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.link:hover .link__icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.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 {
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 {
color: #8c98a4;
border-bottom: 1px dashed #97a4af;
}
.link-muted:hover {
border-color: #1b527c;
}
.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 {
color: #fff;
border-bottom: 1px dashed #fff;
}
.link-white:hover {
color: #fff;
}
.link-collapse-custom[aria-expanded="false"] {
position: static;
}
.link-collapse-custom[aria-expanded="false"]::before {
background-image: linear-gradient(180deg, transparent 40%, #fff 99%);
background-repeat: repeat-x;
z-index: 1;
bottom: 74px;
height: auto;
}
.fill-none {
fill: none !important;
}
.fill-white {
fill: #fff !important;
}
.fill-dark {
fill: #3b444f !important;
}
.fill-primary {
fill: #297cbb !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-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-color-white {
stop-color: #fff !important;
}
.stop-color-primary {
stop-color: #297cbb !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-white {
stroke: #fff !important;
}
.stroke-primary {
stroke: #297cbb !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;
}
.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;
}
.bg-color-1 {
background-color: #5392f9;
}
.bg-color-2 {
background-color: #ebf0f7;
}
.bg-primary-darken {
background-color: #0f2e46;
}
.rounded-pill {
border-radius: 6.1875rem;
}
.rounded-xs {
border-radius: 0.188rem;
}
.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::after,
.rounded-pseudo::before {
border-radius: 0.3125rem;
}
.rounded-top-pseudo {
border-top-left-radius: 0.3125rem;
border-top-right-radius: 0.3125rem;
}
.rounded-top-pseudo::after,
.rounded-top-pseudo::before {
border-top-left-radius: 0.3125rem;
border-top-right-radius: 0.3125rem;
}
@media (min-width: 1200px) {
.border-xl-0 {
border: 0 !important;
}
.border-xl-top-0 {
border-top: 0 !important;
}
.border-xl-right-0 {
border-right: 0 !important;
}
.border-xl-bottom-0 {
border-bottom: 0 !important;
}
.border-xl-left-0 {
border-left: 0 !important;
}
.border-xl {
border: 1px solid #e7eaf3 !important;
}
.border-xl-top {
border-top: 1px solid #e7eaf3 !important;
}
.border-xl-right {
border-right: 1px solid #e7eaf3 !important;
}
.border-xl-bottom {
border-bottom: 1px solid #e7eaf3 !important;
}
.border-xl-left {
border-left: 1px solid #e7eaf3 !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-bottom-0 {
border-bottom: 0 !important;
}
.border-lg-left-0 {
border-left: 0 !important;
}
.border-lg {
border: 1px solid #e7eaf3 !important;
}
.border-lg-top {
border-top: 1px solid #e7eaf3 !important;
}
.border-lg-right {
border-right: 1px solid #e7eaf3 !important;
}
.border-lg-bottom {
border-bottom: 1px solid #e7eaf3 !important;
}
.border-lg-left {
border-left: 1px solid #e7eaf3 !important;
}
}
.border-color-white {
border-color: rgba(255, 255, 255, 0.149) !important;
}
.border-color-3 {
border-color: #ebf0f7;
}
.border-color-1 {
border-color: #eaeaea !important;
}
.border-color-7 {
border-color: #e4e4e4 !important;
}
.border-color-8 {
border-color: #ebf0f7 !important;
}
.border-color-13 {
border-color: #b3b1ae !important;
}
.border-color-11 {
border-color: #dce3ec !important;
}
.border-color-2 {
border-color: #67747c;
}
.border-color-14 {
border-color: #3c3c3c !important;
}
@media (min-width: 992px) {
.border-lg-bottom {
border-bottom: 1px solid #ebf0f7;
}
}
.destination {
position: relative;
}
.destination::after {
content: "";
height: 1px;
width: 50px;
background-color: #fff;
position: absolute;
bottom: -2px;
left: 0;
}
.border-width-2 {
border-width: 2px !important;
}
@media (min-width: 576px) {
.border-width-2-sm {
border-width: 0 !important;
}
}
@media (min-width: 768px) {
.border-width-md {
border-width: 2px !important;
}
}
@media (min-width: 992px) {
.border-width-2-xl {
border-width: 2px !important;
}
}
.border-width-3 {
border-width: 3px !important;
}
.rounded-border {
border-radius: 0.188rem;
}
.rounded-border::after,
.rounded-border::before {
border-radius: 0.188rem;
}
.border-radius-2 {
border-radius: 2px !important;
}
.border-radius-3 {
border-radius: 3px !important;
}
.border-radius-5 {
border-radius: 5px !important;
}
.border-radius-10 {
border-radius: 10px !important;
}
.border-radius-50 {
border-radius: 50% !important;
}
.border-bottom {
border-bottom: 1px solid #ebf0f7;
}
@media (min-width: 576px) {
.border-bottom-sm {
border-bottom: 1px solid #ebf0f7;
}
}
@media (min-width: 768px) {
.border-bottom-md {
border-bottom: 1px solid #ebf0f7;
}
}
@media (min-width: 992px) {
.border-bottom-lg {
border-bottom: 1px solid #ebf0f7;
}
}
@media (min-width: 1200px) {
.border-bottom-xl {
border-bottom: 1px solid #ebf0f7;
}
}
@media (min-width: 1480px) {
.border-bottom-wd {
border-bottom: 1px solid #ebf0f7;
}
}
.border-bottom-1 {
border-bottom: 2px solid #c6cdd6 !important;
}
.top-0 {
top: 0;
}
.right-0 {
right: 0;
}
.top-90 {
top: 90%;
}
.bottom-0 {
bottom: 0;
}
.left-n100 {
left: -100%;
}
.left-0 {
left: 0;
}
.bottom-n66 {
bottom: -66px;
}
.bottom-n86 {
bottom: -86px;
}
@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;
}
}
.btn-position {
position: absolute;
bottom: 0;
right: 0;
-webkit-transform: translateX(23px);
transform: translateX(23px);
}
.content-centered-y {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media (min-width: 768px) {
.content-centered-y--md {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
@media (min-width: 992px) {
.content-centered-y--lg {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
.flex-center-between {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-content-center {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-horizontal-center {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.position-absolute-center {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (min-width: 1200px) {
.position-50-horizontal {
-webkit-transform: translate(-35%, 0);
transform: translate(-35%, 0);
transition: all 0.2s ease-in-out;
}
}
@media (min-width: 1200px) {
.position-50-hover:hover .position-50-horizontal {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.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;
}
.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-md {
opacity: 0.2;
}
.opacity-4 {
opacity: 0.4;
}
.opacity-6 {
opacity: 0.6;
}
.opacity-7 {
opacity: 0.7;
}
.opacity-9 {
opacity: 0.9;
}
@media (min-width: 992px) {
.overflow-lg-visible {
overflow: visible !important;
}
}
.shadow-primary-lg {
box-shadow: 0 0 50px rgba(41, 124, 187, 0.4) !important;
}
.shadow-soft {
box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25) !important;
}
.shadow-none {
box-shadow: none !important;
}
.shadow-hover-2:active,
.shadow-hover-2:focus,
.shadow-hover-2:hover {
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
.shadow-hover-2.tab-card:hover {
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}
.tab-shadow {
box-shadow: 0 14px 50px 0 rgba(32, 32, 32, 0.15);
}
.shadow-hover-3:hover {
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}
.slick-shadow {
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}
.shadow-5 {
box-shadow: 0 0 50px 0 rgba(32, 32, 32, 0.15);
}
.hover-shadow-none:hover {
box-shadow: none;
}
.shadow-6 {
box-shadow: 0 1px 4px 0 rgba(27, 32, 50, 0.3);
}
.min-width-3 {
min-width: 1rem !important;
}
.min-width-4 {
min-width: 1.5rem !important;
}
.min-width-200 {
min-width: 12.5rem;
}
.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-15 {
max-width: 7rem;
}
.max-width-27 {
max-width: 13rem;
}
.max-width-35 {
max-width: 17rem;
}
.max-width-40 {
max-width: 19.5rem;
}
.max-width-40 {
max-width: 2.5rem;
}
.max-width-960 {
max-width: 60rem;
}
@media (min-width: 1200px) {
.max-width-960 {
min-width: 60rem;
}
}
.min-width-112 {
min-width: 7rem;
}
.min-width-170 {
min-width: 10.625rem;
}
@media (min-width: 768px) {
.min-width-290 {
min-width: 18.125rem;
}
}
@media (min-width: 768px) {
.min-width-256 {
min-width: 16rem;
}
}
@media (min-width: 768px) {
.max-width-155 {
max-width: 9.6875rem !important;
}
}
.min-width-130 {
min-width: 8.125rem;
}
.min-width-220 {
min-width: 13.75rem;
}
.min-width-220 {
min-width: 13.75rem;
}
.min-width-250 {
min-width: 15.625rem;
}
.min-width-284 {
min-width: 17.75rem;
}
.max-width-580 {
max-width: 36.25rem;
}
.width-200 {
width: 12.5rem;
}
.width-30 {
width: 1.875rem;
}
.max-width-235 {
max-width: 14.688rem;
}
.min-width-178 {
min-width: 11.125rem;
}
.min-width-300 {
min-width: 18.75rem;
}
@media (max-width: 575.98px) {
.w-max-100 {
width: 100% !important;
}
}
@media (max-width: 767.98px) {
.w-max-sm-100 {
width: 100% !important;
}
}
@media (max-width: 991.98px) {
.w-max-md-100 {
width: 100% !important;
}
}
@media (max-width: 1199.98px) {
.w-max-lg-100 {
width: 100% !important;
}
}
@media (max-width: 1479.98px) {
.w-max-xl-100 {
width: 100% !important;
}
}
.w-max-wd-100 {
width: 100% !important;
}
.min-width-254 {
min-width: 15.875rem;
}
@media (min-width: 1200px) {
.min-width-xl-447 {
min-width: 27.938rem;
}
}
.width-51 {
width: 3.188rem;
}
.width-135 {
width: 8.438rem !important;
}
.width-25 {
width: 1.563rem;
}
.width-35 {
width: 2.188rem;
}
.width-36 {
width: 36px;
}
.width-40 {
width: 2.5rem;
}
.width-45 {
width: 2.813rem;
}
.width-50 {
width: 3.125rem;
}
.width-80 {
width: 5rem;
}
.width-90 {
width: 5.625rem;
}
.width-223 {
width: 13.875rem !important;
}
.width-100vw {
width: 100vw;
}
@media (min-width: 1200px) {
.min-width-xl-100 {
min-width: 100%;
}
}
.max-width-650 {
max-width: 38.125rem;
}
.max-width-810 {
max-width: 50.625rem;
}
.width-260 {
width: 16.25rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.width-lg-200 {
width: 12.5rem !important;
}
}
.width-60 {
width: 3.75rem;
}
.max-height-200 {
max-height: 12.5rem;
}
.width-70 {
width: 4.375rem;
}
.width-190 {
width: 11.875rem;
}
@media (min-width: 1480px) {
.width-960 {
width: 60rem;
}
}
.min-width-190 {
min-width: 11.875rem;
}
.height-30vh {
height: 30vh;
}
.height-40vh {
height: 40vh;
}
.height-60vh {
height: 60vh;
}
.height-100vh {
height: 100vh;
}
.height-570 {
height: 35.625rem;
}
.height-100vh-72 {
height: calc(100vh - 72px);
}
@media (min-width: 992px) {
.height-100vh-main {
height: calc(100vh - 194px);
}
}
@media (min-width: 1200px) {
.height-100vh-main {
height: calc(100vh - 214px);
}
}
@media (min-width: 992px) {
.height-100vh-main-1 {
height: calc(100vh - 80px);
}
}
@media (min-width: 992px) {
.height-100vh-main-2 {
height: calc(100vh - 155px);
}
}
.height-4 {
height: 0.25rem;
}
.height-25 {
height: 1.563rem;
}
.height-35 {
height: 2.188rem;
}
.height-36 {
height: 36px;
}
.height-40 {
height: 2.5rem;
}
.height-45 {
height: 2.813rem;
}
.height-50 {
height: 3.125rem;
}
.height-51 {
height: 3.188rem;
}
.height-54 {
height: 54px;
}
.height-60 {
height: 3.75rem;
}
.min-height-60 {
min-height: 3.75rem;
}
.height-380 {
height: 23.75rem;
}
@media (max-width: 991.98px) {
.height-350-md-down {
height: 21.875rem;
}
}
.height-400 {
height: 25rem;
}
.height-450 {
height: 28.125rem !important;
}
.max-height-100vh {
max-height: 100vh;
}
.min-height-100vh {
min-height: 100vh;
}
.min-height-50 {
min-height: 3.125rem;
}
.min-height-155 {
min-height: 9.6875rem;
}
.min-height-200 {
min-height: 12.5rem;
}
.min-height-230 {
min-height: 14.375rem;
}
.min-height-240 {
min-height: 15rem;
}
.min-height-350 {
min-height: 21.875rem !important;
}
.min-height-300 {
min-height: 18.75rem;
}
.min-height-380 {
min-height: 23.75rem;
}
.min-height-450 {
min-height: 28.125rem;
}
@media (min-width: 768px) {
.min-height-458 {
min-height: 28.625rem;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (min-width: 768px) {
.min-height-150 {
min-height: 9.375rem;
-o-object-fit: cover;
object-fit: cover;
}
}
.min-height-500 {
min-height: 31.25rem;
}
.min-height-550 {
min-height: 34.375rem;
}
.min-height-600 {
min-height: 37.5rem;
}
.min-height-620 {
min-height: 38.75rem;
}
@media (max-width: 1199.98px) {
.min-height-650 {
min-height: 25rem;
}
}
@media (min-width: 1200px) {
.min-height-650 {
min-height: 40.625rem;
}
}
@media (max-width: 1199.98px) {
.min-height-750 {
min-height: 30rem;
}
}
@media (min-width: 1200px) {
.min-height-750 {
min-height: 46.875rem;
}
}
@media (max-width: 1199.98px) {
.min-height-800 {
min-height: 30rem;
}
}
@media (min-width: 1200px) {
.min-height-800 {
min-height: 50rem;
}
}
@media (max-width: 991.98px) {
.min-height-720 {
min-height: 26rem;
}
}
@media (min-width: 992px) {
.min-height-720 {
min-height: 45rem;
}
}
@media (max-width: 1199.98px) {
.min-height-955 {
min-height: 30rem;
}
}
@media (min-width: 1200px) {
.min-height-955 {
min-height: 59.688rem;
}
}
.min-height-960 {
min-height: 60rem;
}
@media (max-width: 1479.98px) {
.min-height-960 {
min-height: 32rem;
}
}
.max-height-760 {
max-height: 47.5rem;
}
@media (min-width: 1480px) {
.height-760 {
height: 47.5rem;
}
}
@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;
}
}
.height-110 {
height: 110px;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 768px) {
.width-md-50 {
width: 50%;
}
}
.m-b-n1 {
margin-bottom: -1px;
}
.font-size-1 {
font-size: 0.875rem;
}
.font-size-2 {
font-size: 1.5rem;
}
.font-size-3 {
font-size: 2rem;
}
.font-size-4 {
font-size: 2.5rem;
}
.font-size-5 {
font-size: 3rem;
}
.font-size-8 {
font-size: 0.5rem;
}
.font-size-10 {
font-size: 0.625rem;
}
.font-size-11 {
font-size: 0.688rem;
}
.font-size-21 {
font-size: 1.313rem;
}
.font-size-12 {
font-size: 0.75rem;
}
.font-size-13 {
font-size: 0.813rem;
}
.font-size-14 {
font-size: 0.875rem;
}
.font-size-15 {
font-size: 0.938rem;
}
.font-size-16 {
font-size: 1rem;
}
.font-size-17 {
font-size: 1.063rem;
}
.font-size-18 {
font-size: 1.125rem;
}
.font-size-19 {
font-size: 1.188rem;
}
.font-size-20 {
font-size: 1.25rem;
}
.font-size-21 {
font-size: 1.3rem;
}
.font-size-23 {
font-size: 1.35rem;
}
.font-size-24 {
font-size: 1.5rem;
}
.font-size-27 {
font-size: 1.688rem !important;
}
.font-size-30 {
font-size: 1.875rem;
}
.font-size-35 {
font-size: 2.188rem;
}
.font-size-40 {
font-size: 2.5rem;
}
.font-size-50 {
font-size: 3.125rem;
}
.font-size-41 {
font-size: 2.563rem;
}
.font-size-60 {
font-size: 3.75rem;
}
.font-size-22 {
font-size: 1.375rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.font-size-lg-16 {
font-size: 1rem;
}
}
.font-size-25 {
font-size: 1.563rem;
}
.font-size-80 {
font-size: 5rem;
}
@media (max-width: 575.98px) {
.font-size-xs-40 {
font-size: 2.5rem !important;
}
}
@media (max-width: 575.98px) {
.font-size-xs-30 {
font-size: 1.875rem !important;
}
}
@media (max-width: 575.98px) {
.font-size-xs-20 {
font-size: 1.25rem;
}
}
@media (max-width: 575.98px) {
.font-size-xs-15 {
font-size: 1.15rem;
}
}
@media (max-width: 575.98px) {
.font-size-xs-10 {
font-size: 1.05rem;
}
}
@media (max-width: 575.98px) {
.font-size-xs-7 {
font-size: 0.8rem;
}
.font-size-xs-5 {
font-size: 0.7rem;
}
}
@media (max-width: 575.98px) {
.font-size-xs-160 {
font-size: 10rem !important;
}
}
@media (max-width: 991.98px) {
.font-size-md-down-5 {
font-size: 3rem;
}
}
@media (max-width: 1199.98px) {
.font-size-lg-15 {
font-size: 0.938rem;
}
}
.font-size-200 {
font-size: 12.5rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.font-size-lg-120 {
font-size: 7.5rem;
}
}
.font-weight-medium {
font-weight: 100 !important;
}
.font-weight-semi-bold {
font-weight: 300 !important;
}
.font-weight-bold {
font-weight: 500 !important;
}
@media (max-width: 575.98px) {
.font-size-xs-20 {
font-size: 1.25rem;
}
}
@media (max-width: 575.98px) {
.font-size-xs-28 {
font-size: 1.75rem !important;
}
}
.u-md-avatar {
width: 4rem;
height: 4rem;
}
.text-lh-sm {
line-height: 1.2;
}
.text-lh-md {
line-height: 1.8;
}
.text-lh-1 {
line-height: 1;
}
.text-lh-2 {
line-height: 2;
}
.text-lh-3 {
line-height: 3;
}
.text-lh-inherit {
line-height: 1.5;
}
.text-lh-1dot4 {
line-height: 1.4;
}
.text-lh-1dot6 {
line-height: 1.6;
}
.text-lh-1dot7 {
line-height: 1.7;
}
.text-lh-lg {
line-height: 1.9;
}
.letter-spacing-2 {
letter-spacing: 0.125rem;
}
.letter-spacing-3 {
letter-spacing: 0.188rem;
}
.section-title {
font-size: 1.875rem;
color: #3b444f;
font-weight: 500;
}
.section-title::after {
display: block;
width: 2.5rem;
height: 0.125rem;
background-color: #297cbb;
content: " ";
margin: 1.5rem auto 0;
}
.section-title-1 {
font-size: 1.875rem;
color: #fff;
font-weight: 700;
}
.section-title-1::after {
display: block;
width: 2.5rem;
height: 0.125rem;
background-color: #fff;
content: " ";
margin: 1.5rem auto 0;
}
.color-hover:hover {
background: #ceac61 !important;
}
.color-hover:hover h6,
.color-hover:hover i {
color: #fff !important;
}
.text-hover:hover {
background: #f8bd5b !important;
}
.text-hover:hover h6,
.text-hover:hover span {
color: #fff !important;
}
.text-underline {
text-decoration: underline;
}
.line-clamp {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3.5;
-webkit-box-orient: vertical;
}
.cursor-pointer {
cursor: pointer;
}
.text-white-70 {
color: rgba(255, 255, 255, 0.7);
}
.text-white-70[href]:hover {
color: #fff;
}
.text-primary-lighten {
color: #63a8dd;
}
@media (max-width: 575.98px) {
.text-primary-max {
color: #297cbb;
}
}
@media (max-width: 767.98px) {
.text-primary-max-sm {
color: #297cbb;
}
}
@media (max-width: 991.98px) {
.text-primary-max-md {
color: #297cbb;
}
}
@media (max-width: 1199.98px) {
.text-primary-max-lg {
color: #297cbb;
}
}
@media (max-width: 1479.98px) {
.text-primary-max-xl {
color: #297cbb;
}
}
.text-primary-max-wd {
color: #297cbb;
}
.card-title.text-dark:hover {
color: #297cbb !important;
}
.text-black {
color: #3b444f;
}
.text-color-1 {
color: #67747c;
}
.text-color-13 {
color: #b3b1ae;
}
.text-gray-14 {
color: #3c3c3c;
}
.green-lighter {
color: #b0d12b;
}
.text-blue-lighter-1 {
color: #5392f9;
}
.pagination-v2-arrow-color {
color: #297cbb;
}
.text-red-lighter-1 {
color: #ff5a5f;
}
.text-dark-1 {
color: #1e2022;
}
.text-gray-16 {
color: #18181b;
}
.list-tab .list-link:hover i,
.list-tab .list-link:hover span {
color: #297cbb !important;
}
.list-tab .list-link:active {
border-left: 2px solid #297cbb !important;
}
.list-tab .list-link:active i,
.list-tab .list-link:active span {
color: #297cbb !important;
}
.text-hover-primary:hover {
background-color: #fbfafa;
}
.text-hover-primary:hover h6,
.text-hover-primary:hover span {
color: #000 !important;
}
.text-hover-primary.active {
background-color: #fbfafa;
}
.text-hover-primary.active span {
color: #000 !important;
}
.hover-bg-gray-1:hover {
background-color: #ebf0f7;
transition: 0.3s;
}
.bg-soft-success {
background-color: #f7fdf7 !important;
}
.bg-soft-primary {
background-color: #e6effc !important;
}
.bg-soft-secondary {
background-color: #eef0f2 !important;
}
.bg-soft-info {
background-color: #e5f7ff !important;
}
.bg-soft-warning {
background-color: #fef0e8 !important;
}
.bg-soft-danger {
background-color: #fce7eb !important;
}
.bg-soft-light {
background-color: #fefeff !important;
}
.bg-soft-dark {
background-color: #e2e3e5 !important;
}
.bg-soft-success-1 {
border: solid 1px #d5f9d7;
background-color: #f6fff7;
}
.transform-rotate-1 {
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
-webkit-transform-origin: 30% 20%;
transform-origin: 30% 20%;
}
.transition-3d-hover {
transition: all 0.2s ease-in-out;
}
.transition-3d-hover:focus,
.transition-3d-hover:hover {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.rotate-90 {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.z-index-n1 {
z-index: -1;
}
.z-index-2 {
z-index: 2;
}
.z-index-4 {
z-index: 4;
}
.flex-shrink-md-1 {
-ms-flex-negative: 1;
flex-shrink: 1;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 25%, 0);
transform: translate3d(0, 25%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 25%, 0);
transform: translate3d(0, 25%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
.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: Rubik, 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;
}
.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: #3b444f;
}
.u-cubeportfolio .u-cubeportfolio__item.cbp-filter-item-active {
color: #297cbb;
background-color: transparent;
border: transparent;
}
.u-cubeportfolio .cbp-l-loadMore-stop {
pointer-events: none;
color: #77838f;
}
.u-cubeportfolio .cbp-caption-zoom .cbp-caption-activeWrap {
background-color: rgba(41, 124, 187, 0.9);
}
.u-cubeportfolio--reveal-v1 .cbp-l-caption-body {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
transition: 0.4s ease-in-out;
}
.u-cubeportfolio--reveal-v1 .cbp-caption:hover .cbp-l-caption-body {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.custombox-lock {
overflow: auto;
}
.u-custombox-no-scroll.custombox-lock {
margin-right: 1.0625rem;
overflow: hidden;
}
.u-datatable .dataTables_filter,
.u-datatable .dataTables_info,
.u-datatable .dataTables_length,
.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;
-webkit-transform: rotate(-180deg);
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: #297cbb;
}
.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::after,
.u-datepicker .flatpickr-calendar::before {
display: none;
}
.u-datepicker .flatpickr-months {
position: relative;
background-color: #297cbb;
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-next-month,
.u-datepicker .flatpickr-prev-month {
padding: 0;
}
.u-datepicker .flatpickr-next-month,
.u-datepicker .flatpickr-prev-month {
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.u-datepicker .flatpickr-next-month.flatpickr-prev-month,
.u-datepicker .flatpickr-prev-month.flatpickr-prev-month {
left: 0.75rem;
}
.u-datepicker .flatpickr-next-month.flatpickr-next-month,
.u-datepicker .flatpickr-prev-month.flatpickr-next-month {
right: 0.75rem;
}
.u-datepicker .flatpickr-next-month svg,
.u-datepicker .flatpickr-prev-month svg {
fill: rgba(255, 255, 255, 0.7);
}
.u-datepicker .flatpickr-next-month:hover svg,
.u-datepicker .flatpickr-prev-month:hover svg {
fill: #fff;
}
.u-datepicker .flatpickr-weekday {
color: #3b444f;
text-transform: uppercase;
font-weight: 500;
}
.u-datepicker .flatpickr-day {
color: #3b444f;
border-color: transparent;
}
.u-datepicker .flatpickr-day:focus,
.u-datepicker .flatpickr-day:hover {
color: #297cbb;
background-color: rgba(41, 124, 187, 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: #297cbb;
}
.u-datepicker .flatpickr-day.nextMonthDay,
.u-datepicker .flatpickr-day.prevMonthDay {
color: #e7eaf3;
}
.u-datepicker .flatpickr-day.nextMonthDay:focus,
.u-datepicker .flatpickr-day.nextMonthDay:hover,
.u-datepicker .flatpickr-day.prevMonthDay:focus,
.u-datepicker .flatpickr-day.prevMonthDay: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: #297cbb;
background-color: transparent;
border-color: #297cbb;
}
.u-datepicker .flatpickr-day.selected:focus.nextMonthDay,
.u-datepicker .flatpickr-day.selected:focus.prevMonthDay,
.u-datepicker .flatpickr-day.selected:hover.nextMonthDay,
.u-datepicker .flatpickr-day.selected:hover.prevMonthDay {
color: #297cbb;
background-color: transparent;
}
.u-datepicker .flatpickr-day.selected.endRange,
.u-datepicker .flatpickr-day.selected.startRange {
color: #fff;
background-color: #297cbb;
}
.u-datepicker .numInputWrapper span.arrowDown,
.u-datepicker .numInputWrapper span.arrowUp {
display: none;
}
.u-datepicker .numInputWrapper:hover {
background-color: transparent;
}
.u-datepicker--top .flatpickr-calendar {
top: auto !important;
bottom: 3.5rem !important;
}
.dzsparallaxer {
color: inherit;
}
.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: #3b444f;
}
.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 {
-webkit-filter: blur(30px);
filter: blur(30px);
}
.fileuploader {
margin-top: 0;
}
.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: #297cbb;
font-size: 2.5rem;
}
.u-fileuploader-input.fileuploader-dragging .u-fileuploader-input__icon,
.u-fileuploader-input__inner {
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 {
-webkit-transform: translateY(18px);
transform: translateY(18px);
}
.u-fileuploader-input.fileuploader-dragging .u-fileuploader-input__btn {
-webkit-transform: none;
transform: none;
opacity: 1;
}
.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: #3b444f;
text-transform: uppercase;
}
.dropdown-select .form-control {
margin-bottom: 0.5rem;
}
.nav-select .bootstrap-select button {
background-color: #fff !important;
border: none;
font-weight: 500;
padding-bottom: 14px;
}
.nav-select-1 .bootstrap-select button {
background-color: transparent !important;
}
[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: 0 0;
}
.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;
}
.note-modal-footer {
height: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
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: #297cbb;
background-color: transparent;
}
.u-summernote-editor .note-dropdown-item:hover {
background-color: #f8fafd;
}
.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: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.u-tagsinput .bootstrap-tagsinput .tag [data-role="remove"]::after {
content: "\00d7";
}
.u-tagsinput .bootstrap-tagsinput .tag [data-role="remove"]:hover {
color: #3b444f;
box-shadow: none;
}
.populer-kategori {
background: #f9f9f9;
}
.populer-kategori .pop-kategori {
background: #f2f2f2;
}
.populer-kategori .pop-kategori:hover {
background: #fff;
}
.populer-kategori .pop-kategori .kat_adi {
display: table;
}
.populer-kategori .pop-kategori .kat_adi span {
color: #40484e;
vertical-align: middle;
display: table-cell;
overflow-wrap: break-word;
word-break: break-word;
}
.populer-kategori .pop-kategori .para {
color: #358a8f;
display: inline;
}
.populer-kategori .pop-kategori .paraTL {
color: #358a8f;
display: inline;
}
.populer-kategori .pop-kategori span {
color: #bd115a;
display: block;
}
.populer-kategori .pop-kategori img {
width: 100%;
}
@media only screen and (min-width: 0px) and (max-width: 575px) {
.populer-kategori .pop-kategori .kat_adi {
height: 30px !important;
margin-top: 15px;
}
.populer-kategori .pop-kategori span {
display: block !important;
margin-bottom: 0;
}
.populer-kategori .pop-kategori img {
width: 70% !important;
float: right !important;
}
.u-header__navbar-brand-center img {
margin: 0 auto;
}
.u-header__login-form .btn-outline-dark {
border: none;
padding-right: 5px;
}
.cart-sidebar {
width: 95vw !important;
}
.cart-sidebar-body {
padding: 0 10px !important;
}
.cart-sidebar-header {
padding: 15px !important;
}
.cart-sidebar-header h3 {
margin: 0;
font-size: 20px !important;
line-height: 43px;
}
.cart-sidebar-footer h4 {
font-size: 15px !important;
margin-bottom: 15px;
line-height: 25px;
}
.cart-sidebar-footer {
display: flex !important;
width: 100%;
background-color: #f9f9f9;
padding: 20px !important;
}
.cart-sidebar-item {
position: relative;
display: block !important;
}
.popover.right.popover-product-details {
left: 0 !important;
top: -2px !important;
margin-left: -5px !important;
}
.popover.right > .arrow {
top: 50% !important;
right: -14px !important;
left: unset !important;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.popover-product-details .popover-content {
width: 90px !important;
height: 50px !important;
padding: 7px !important;
}
.popover-product-details .popover-content p {
font-size: 12px;
}
.icerikdegistir {
font-size: 12px;
}
.u-quantity {
width: 100%;
margin-bottom: 10px;
}
.urunsihirbaz .img {
-ms-grid-row-align: center;
align-self: center;
height: 50px !important;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
margin: 12px 0 auto 20px;
}
.urunsihirbaz .title h2 {
font-size: 15px;
}
.urunsihirbaz .title .text {
font-size: 12px;
}
.urunsihirbaz .btn {
padding: 5px !important;
font-size: 11px;
float: left;
min-width: auto !important;
}
.anasayfa_sagkutu .baslik {
font-size: 20px !important;
line-height: 30px !important;
}
.anasayfa_sagkutu span {
font-size: 14px !important;
}
.ymb-properteis li {
width: 48% !important;
}
.center {
width: 99%;
}
.ilk_resim .card-img-top {
width: 99.5%;
margin-left: 1px;
}
.ikinci_resim .card-img-top {
width: 99%;
margin-left: 1px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.populer-kategori .pop-kategori:nth-child(2n) {
margin-right: 0;
}
.u-quantity {
width: 100%;
margin-bottom: 10px;
}
.center {
width: 99%;
}
.ilk_resim .card-img-top {
width: 99.5%;
margin-left: 1px;
}
.ikinci_resim .card-img-top {
width: 99%;
margin-left: 1px;
}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
.populer-kategori .pop-kategori:nth-child(3n) {
margin-right: 0;
}
.urunsihirbaz {
padding: 8px !important;
}
.urunsihirbaz .title h2 {
font-size: 16px;
}
.urunsihirbaz .title .text {
font-size: 12px;
}
.urunsihirbaz .btn {
padding: 5px !important;
font-size: 11px;
float: left;
min-width: auto !important;
margin-top: 0 !important;
}
.urunsihirbaz .img {
margin: 0 0 auto 10px !important;
}
.ymb-properteis li {
width: 24% !important;
}
.center {
width: 99%;
}
.ilk_resim .card-img-top {
width: 99.5%;
margin-left: 1px;
}
.ikinci_resim .card-img-top {
width: 99%;
margin-left: 1px;
}
}
@media only screen and (min-width: 991px) and (max-width: 1201px) {
.populer-kategori .pop-kategori:nth-child(4n) {
margin-right: 0;
}
.urunsihirbaz {
padding: 7px !important;
}
.urunsihirbaz .title h2 {
font-size: 18px;
}
.urunsihirbaz .title .text {
font-size: 14px;
}
.urunsihirbaz .btn {
padding: 5px !important;
font-size: 11px;
float: left;
min-width: auto !important;
}
.urunsihirbaz .img {
margin: 3px 0 auto 20px !important;
}
.anasayfa_sagkutu .baslik {
font-size: 16px !important;
line-height: 25px !important;
}
.anasayfa_sagkutu span {
font-size: 13px !important;
line-height: 20px !important;
}
.ymb-properteis li {
width: 32% !important;
}
.center {
width: 99%;
}
.ilk_resim .card-img-top {
width: 99.5%;
margin-left: 1px;
}
.ikinci_resim .card-img-top {
width: 99%;
margin-left: 1px;
}
}
@media only screen and (min-width: 1201px) and (max-width: 1450px) {
.urunsihirbaz {
padding: 22px !important;
}
.urunsihirbaz .title h2 {
font-size: 20px;
}
.urunsihirbaz .title .text {
font-size: 16px;
}
.urunsihirbaz .btn {
padding: 8px !important;
font-size: 15px;
float: left;
min-width: auto !important;
}
.urunsihirbaz .img {
margin: 3px 0 auto 10px !important;
}
.anasayfa_sagkutu .baslik {
font-size: 20px !important;
}
.anasayfa_sagkutu span {
font-size: 14px !important;
}
.center {
width: 99%;
}
.ilk_resim .card-img-top {
width: 99.5%;
margin-left: 1px;
}
.ikinci_resim .card-img-top {
width: 99%;
margin-left: 1px;
}
}
.urunsihirbaz {
position: relative;
border-radius: 10px;
box-shadow: 0 7px 16px 0 rgba(41, 53, 108, 0.25);
background: url("/img/timer-bg-1.jpg") no-repeat;
padding: 25px 0 25px 0;
width: 100%;
margin: 15px 0 15px;
color: #f0f8ff;
font: 400 16px/20px Nunito, sans-serif;
}
.urunsihirbaz .img {
-ms-grid-row-align: center;
align-self: center;
height: 100px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
margin: 12px 0 auto 20px;
}
.urunsihirbaz .title {
font-size: 20px;
font-weight: 700;
line-height: 1.3em;
margin-top: 8px;
}
.urunsihirbaz .title .opacity-60 {
opacity: 0.6 !important;
}
.urunsihirbaz .btn-primary {
color: #303eb1;
background-color: #fff;
margin-top: 20px;
}
.btn-primary:active,
.btn-primary:focus,
.urunsihirbaz .btn-primary:hover {
color: #fff;
background: #3c3c3c;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.btn-primary.disabled:focus,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover,
.urunsihirbaz .btn-primary.disabled:hover {
background: #3c3c3c;
}
.anasayfa_sagkutu .baslik {
font-size: 23px;
font-weight: 700;
line-height: 40px;
}
.anasayfa_sagkutu span {
font-weight: 100;
color: #525252;
}
.anasayfa_sagkutu .gozat {
width: 100%;
color: #383838;
margin-top: 10px;
text-align: right;
}
.anasayfa_sagkutu .gozat a {
text-decoration: underline;
}
.sag_panel .product-price-box .offer-text {
color: #00caaa;
font-size: 20px;
text-align: center;
}
.sag_panel .product-price-box .price-text {
text-align: center;
}
.sag_panel .product-price-box .price-text .old-price {
font-size: 16px;
color: #9b9b9b;
margin-right: inherit !important;
}
.sag_panel .product-price-box .new-price {
color: #00caaa;
font-size: 25px;
padding-left: 5px;
}
.sag_panel .product-free-area span {
font-weight: 400;
color: #666459;
position: relative;
}
.sag_panel .product-price-box .product-free-area {
text-align: center;
width: 100%;
padding: 0;
position: relative;
top: 2px;
}
.sag_panel table {
margin-bottom: 0;
}
.sag_panel .product-details-bottom {
padding: 15px;
text-align: center;
height: auto;
background-color: #fcfcfc;
border: 1px solid #efefef;
font-size: 14px;
}
.ymb-op-wrapper {
float: left;
width: 100%;
margin: 8px 0;
cursor: pointer;
padding-left: 5px;
}
.ymb-op-wrapper .fabric-colours {
float: left;
display: inline-block;
}
.ymb-op-wrapper .fabric-colours ul {
margin: 0;
padding: 0;
}
.ymb-op-wrapper .fabric-colours ul li.first_colour {
bottom: 2px;
width: 30px;
height: 30px;
margin-right: 8px;
}
.ymb-op-wrapper .fabric-colours ul li {
float: left;
display: inline-block;
margin-right: 12px;
position: relative;
list-style: none;
}
.ymb-op-wrapper .fabric-colours ul li span {
width: 22px;
height: 22px;
border-radius: 50%;
display: flex;
}
.ymb-op-wrapper .fabric-colours ul li::after {
content: "";
display: inline-block;
width: 30px;
height: 30px;
background-color: transparent;
position: absolute;
left: -4px;
top: -4px;
border-radius: 50%;
border: 2px solid rgba(64, 72, 78, 0.1);
}
.ymb-op-wrapper .fabric-colours ul li.first_colour span {
height: 26px;
width: 26px;
}
.ymb-op-wrapper .fabric-colours ul li.first_colour::after {
left: -4px;
top: -4px;
width: 34px;
height: 34px;
border: 2px solid rgba(64, 72, 78, 0.8);
}
.hidden {
display: none !important;
}
.image-radio {
cursor: pointer;
outline: #e9e9e9 solid 2px;
height: 100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-align: center;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 2px;
display: grid;
border-radius: 4px;
}
label.image-radio img {
width: 100%;
max-height: 45px;
min-width: 70px;
border-radius: 8px;
}
.image-radio span {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #919191;
text-align: center;
}
.image-radio input[type="radio"] {
display: none;
}
.image-radio-checked {
color: #000;
outline: #40bbf4 solid 3px;
}
.image-radio .flaticon {
position: absolute;
color: #4a79a3;
background-color: #fff;
padding: 0 3px;
top: 3px;
right: 0;
}
.image-radio-checked .flaticon {
display: block !important;
visibility: visible !important;
}
.image-checkbox {
cursor: pointer;
outline: #e9e9e9 solid 2px;
height: 100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-align: center;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 2px;
display: grid;
border-radius: 4px;
}
.image-checkbox span {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #919191;
text-align: center;
}
.image-checkbox input[type="checkbox"] {
display: none;
}
.image-checkbox-checked {
color: #000;
outline: #40bbf4 solid 3px;
}
.image-checkbox .flaticon {
position: absolute;
color: #4a79a3;
background-color: #fff;
padding: 0 3px;
top: 3px;
right: 8px;
}
.image-checkbox-checked .flaticon {
display: block !important;
visibility: visible !important;
}
.loader {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
background-color: rgba(242, 242, 242, 0.5);
}
.ymb-properteis {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.ymb-properteis li {
box-sizing: border-box;
display: inline-block;
margin: 10px 5px 10px 0;
padding: 5px;
text-align: center;
width: 16%;
background: #f7f7f7;
}
.ymb-properteis li .tooltip-feature i {
font-size: 35px;
margin-top: 15px;
}
.popover.right.popover-product-details {
border-radius: 3px;
box-shadow: none;
display: block;
left: 90%;
top: -5px;
background-color: #bb175c;
border: hidden;
z-index: inherit;
}
.popover.right {
margin-left: 10px;
}
.popover.left.popover-product-details {
border-radius: 3px;
box-shadow: none;
display: block;
left: auto;
right: 90%;
top: 0;
background-color: #bb175c;
border: hidden;
z-index: inherit;
}
.popover.left > .arrow {
top: 40%;
right: -21px;
margin-top: -1px;
border-left-color: transparent;
border-right-width: 0;
}
.popover.left > .arrow::after {
border-left-color: #bb175c;
border-width: 5px;
}
.urun-adi {
display: flex;
align-items: center;
}
.urun-adi .urun-ikon {
flex: 0 0 auto;
width: 60px;
height: 50px;
margin-right: 5px;
}
.urun-adi .urun-adi-text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.popover.left.popover-product-details {
font-size: 12px;
}
.popover.left > .arrow {
right: -20px;
}
.popover-product-details .popover-content {
width: 90px !important;
height: 50px !important;
}
.font-size-14 {
font-size: 0.775rem;
}
.sag_parca tbody tr:not(:first-child) td:first-child {
flex: 0 0 60%;
max-width: 60%;
width: 60%;
}
.sag_parca tbody tr:not(:first-child) td:nth-child(2) {
flex: 0 0 40%;
max-width: 40%;
width: 40%;
}
.d-flex > .mb-2 {
flex: 0 0 22% !important;
max-width: 22% !important;
}
label.image-radio img {
max-height: 35px;
min-width: 55px;
border-radius: 5px;
}
.u-header__login-form .btn > span.d-none.d-lg-inline-block {
display: none !important;
}
}
@media only screen
and (max-width: 360px)
and (max-height: 800px)
and (orientation: portrait) {
.font-size-14 {
font-size: 0.73rem;
}
.urun-adi .urun-ikon {
width: 50px;
height: 40px;
}
.font-size-12 {
font-size: 0.67rem;
}
.sag_parca tbody tr:not(:first-child) td:first-child {
flex: 0 0 60%;
max-width: 60%;
width: 60%;
}
.sag_parca tbody tr:not(:first-child) td:nth-child(2) {
flex: 0 0 40%;
max-width: 40%;
width: 40%;
}
}
.components-change-custom {
position: relative;
}
.popover-product-details .popover-content {
width: 144px;
height: 54px;
padding: 7px;
}
.popover-product-details .popover-content p {
color: #fff;
line-height: inherit;
}
.popover.right > .arrow {
top: 40%;
left: -14px;
margin-top: -1px;
border-right-color: transparent;
border-left-width: 0;
}
.popover.right > .arrow::after {
border-right-color: #bb175c;
border-width: 5px;
}
.cart-open .cart-sidebar {
right: 0;
}
.cart-sidebar {
position: fixed;
top: 0;
right: -1200px;
width: 70vw;
max-width: 1200px;
height: 100%;
background-color: #fff;
z-index: 9999999991;
-webkit-transition: right 0.3s;
-o-transition: right 0.3s;
transition: right 0.3s;
}
.cart-open .cart-sidebar-overlay {
opacity: 1;
visibility: visible;
}
.cart-sidebar-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.5);
cursor: pointer;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cart-sidebar-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 40px;
text-transform: uppercase;
}
.cart-sidebar-header h3 {
margin: 0;
font-size: 35px;
line-height: 43px;
}
.close-btn {
border: 0;
background-color: transparent;
padding: 0;
width: 30px;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
outline: 0;
}
.close-btn:focus {
outline: 0;
}
.close-btn.close-dark span {
position: absolute;
width: 2px;
height: 30px;
display: block;
background-color: #fff;
opacity: 0.6;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.close-btn span {
position: absolute;
width: 2px;
height: 15px;
display: block;
background-color: #fff;
opacity: 0.6;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.close-btn.close-dark span {
background-color: #1d2228;
}
.close-btn.close-danger span {
background-color: red;
}
.close-btn span:nth-child(2) {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.close-btn:hover span {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.close-btn:hover span:nth-child(2) {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.close-btn.dark span {
background-color: #1d2228;
}
.cart-sidebar-body {
position: relative;
padding: 0 40px;
}
.cart-sidebar-body .select-css {
display: block;
font-size: 16px;
font-family: sans-serif;
font-weight: 700;
color: #444;
line-height: 1.3;
padding: 0.6em 1.4em 0.5em 0.8em;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 0;
border: 1px solid #dbdbdb;
box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
border-radius: 0.5em;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
linear-gradient(to bottom, #fff 0, #e5e5e5 100%);
background-repeat: no-repeat, repeat;
background-position: right 0.7em top 50%, 0 0;
background-size: 0.65em auto, 100%;
}
.cart-sidebar-body .select-css::-ms-expand {
display: none;
}
.cart-sidebar-body .select-css:hover {
border-color: #888;
}
.cart-sidebar-body .select-css:focus {
border-color: #dbdbdb;
box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
box-shadow: 0 0 0 3px -moz-mac-focusring;
color: #222;
outline: 0;
}
.cart-sidebar-body .select-css option {
font-weight: 400;
}
:root:lang(ar) .cart-sidebar-body .select-css,
:root:lang(iw) .cart-sidebar-body .select-css,
[dir="rtl"] .cart-sidebar-body .select-css {
background-position: left 0.7em top 50%, 0 0;
padding: 0.6em 0.8em 0.5em 1.4em;
}
.cart-sidebar-body .select-css:disabled,
.select-css[aria-disabled="true"] {
color: graytext;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
linear-gradient(to bottom, #fff 0, #e5e5e5 100%);
}
.cart-sidebar-body .select-css:disabled:hover,
.select-css[aria-disabled="true"] {
border-color: #aaa;
}
.cart-sidebar-footer {
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #f9f9f9;
padding: 40px;
}
.cart-sidebar-item {
position: relative;
padding: 25px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 2px dashed #ddd;
}
.cart-sidebar-item .media {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 360px;
}
.media {
margin-bottom: 10px;
}
.cart-sidebar-item img {
width: 90px;
}
.cart-sidebar-item .media h5 {
font-size: 14px;
}
.cart-sidebar-price {
font-weight: 400;
}
.cart-sidebar-item .close-btn {
border: 1px dashed #9f9e9e;
border-radius: 50%;
}
.cart-sidebar-item .close-btn span {
background-color: #9f9e9e;
}
.month-bar {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
border-radius: 4px;
min-height: 80px;
width: 100%;
padding: 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.month-bar__date {
position: absolute;
}
.month-bar__bg {
position: absolute;
bottom: 0;
right: 0;
background-repeat: no-repeat;
}
.month-bar__date__month {
font-size: 21px;
margin-right: 4px;
}
.month-bar--12 {
background-image: -o-linear-gradient(170deg, #dadada, #f7f7f7);
background-image: linear-gradient(280deg, #dadada, #f7f7f7);
}
.month-bar--12 .month-bar__date__month {
color: #fa3f3f;
}
.month-bar--12 .month-bar__bg {
background: url(/svg/ay/12.svg) top right no-repeat;
width: 203px;
height: 65px;
}
.month-bar--11 {
background-image: -o-linear-gradient(170deg, #5e6062, #7c7c7c);
background-image: linear-gradient(280deg, #5e6062, #7c7c7c);
}
.month-bar--11 .month-bar__date__month {
color: #fff;
}
.month-bar--11 .month-bar__bg {
background: url(/svg/ay/11.svg) top right no-repeat;
width: 203px;
height: 65px;
}
.month-bar--10 {
background-image: -o-linear-gradient(170deg, #fff7f7, #fffef7);
background-image: linear-gradient(280deg, #fff7f7, #fffef7);
}
.month-bar--10 .month-bar__date__month {
color: #663800;
}
.month-bar--10 .month-bar__bg {
background: url(/svg/ay/10.svg) top right no-repeat;
width: 203px;
height: 65px;
}
.month-bar--09 .month-bar__bg {
background: url(/svg/ay/09.svg) top right no-repeat;
width: 203px;
height: 65px;
}
.month-bar--09 {
background-image: -o-linear-gradient(170deg, #f9ebf8, #fff7fa);
background-image: linear-gradient(280deg, #f9ebf8, #fff7fa);
}
.month-bar--09 .month-bar__date__month {
color: #690000;
}
.month-bar--08 .month-bar__bg {
background: url(/svg/ay/08.svg) top right no-repeat;
width: 203px;
height: 65px;
}
.month-bar--08 .month-bar__date__month {
color: #b56400;
}
.month-bar--08 {
background-image: -o-linear-gradient(350deg, #fffbe7, #fffbd1);
background-image: linear-gradient(100deg, #fffbe7, #fffbd1);
}
.month-bar--07 .month-bar__bg {
background: url(/svg/ay/07.svg) top right no-repeat;
width: 203px;
height: 65px;
}
.month-bar--07 .month-bar__date__month {
color: #b56400;
}
.month-bar--07 {
background-image: -o-linear-gradient(350deg, #fffbf4, #fef5e9);
background-image: linear-gradient(100deg, #fffbf4, #fef5e9);
}
.month-bar--06 .month-bar__bg {
background: url(/svg/ay/06.svg) top right no-repeat;
width: 203px;
height: 65px;
}
.month-bar--06 .month-bar__date__month {
color: #3c4a8c;
}
.month-bar--06 {
background-image: -o-linear-gradient(350deg, #f4f6ff, #e9edfe);
background-image: linear-gradient(100deg, #f4f6ff, #e9edfe);
}
.month-bar--05 .month-bar__bg {
background: url(/svg/ay/05.svg) top right no-repeat;
width: 203px;
height: 65px;
}
.month-bar--05 .month-bar__date__month {
color: #5163bb;
}
.month-bar--05 {
background-image: -o-linear-gradient(170deg, #ebf1f9, #f7f9ff);
background-image: linear-gradient(280deg, #ebf1f9, #f7f9ff);
}
.month-bar--04 .month-bar__bg {
background: url(/svg/ay/04.svg) top right no-repeat;
width: 203px;
height: 65px;
}
.month-bar--04 .month-bar__date__month {
color: #90a2fb;
}
.month-bar--04 {
background-image: -o-linear-gradient(350deg, #effaff, #eaf6fa);
background-image: linear-gradient(100deg, #effaff, #eaf6fa);
}
.month-bar--03 .month-bar__bg {
background: url(/svg/ay/03.svg) top right no-repeat;
width: 203px;
height: 65px;
}
.month-bar--03 .month-bar__date__month {
color: #7c8b9a;
}
.month-bar--03 {
background-image: -o-linear-gradient(350deg, #f9fbff, #eaf3fa);
background-image: linear-gradient(100deg, #f9fbff, #eaf3fa);
}
.month-bar--02 .month-bar__bg {
background: url(/svg/ay/02.svg) top right no-repeat;
width: 203px;
height: 65px;
}
.month-bar--02 .month-bar__date__month {
color: #5d6589;
}
.month-bar--02 {
background-image: -o-linear-gradient(350deg, #f9fbff, #ecf0f3);
background-image: linear-gradient(100deg, #f9fbff, #ecf0f3);
}
.month-bar--01 .month-bar__bg {
background: url(/svg/ay/01.svg) top right no-repeat;
width: 203px;
height: 65px;
}
.month-bar--01 .month-bar__date__month {
color: #646464;
}
.month-bar--01 {
background-image: -o-linear-gradient(350deg, #f8f8f8, #e2e2e2);
background-image: linear-gradient(100deg, #f8f8f8, #e2e2e2);
}
.u-gradient-half-primary-v5 {
background-image: linear-gradient(150deg, #377dff 0, #2d1582 100%);
background-repeat: repeat-x;
}
.u-fill-white {
fill: #fff;
}
.u-info-v2.active,
.u-info-v2:hover {
border-color: rgba(55, 125, 255, 0.3);
box-shadow: 0 0 35px rgba(55, 125, 255, 0.125);
}
.u-info-v2 {
border: 1px solid #e7eaf3;
border-top-color: #e7eaf3;
border-right-color: #e7eaf3;
border-bottom-color: #e7eaf3;
border-left-color: #e7eaf3;
transition: 0.3s;
}
.u-text-light {
color: rgba(255, 255, 255, 0.7);
}
.text-height-0 {
line-height: 1 !important;
}
.text-height-1 {
line-height: 1.5 !important;
}
.text-height-2 {
line-height: 2 !important;
}
.text-height-3 {
line-height: 2.5 !important;
}
.text-height-4 {
line-height: 3 !important;
}
.text-height-5 {
line-height: 3.5 !important;
}
ul.timeline {
list-style-type: none;
position: relative;
}
ul.timeline:before {
content: " ";
background: #d4d9df;
display: inline-block;
position: absolute;
left: 28px;
width: 3px;
height: 100%;
z-index: 400;
}
ul.timeline > li {
margin: 30px 0;
padding-left: 10px;
}
ul.timeline > li:before {
content: " ";
background: #6c84fa;
display: inline-block;
position: absolute;
border-radius: 50%;
box-shadow: 0 0 0 5pt #f7f8f9;
outline-width: 5px;
outline-color: #f7f8f9;
margin-top: 1px;
left: 19px;
width: 20px;
height: 20px;
z-index: 400;
}
ul.timeline > li.ok:before {
font-family: "Font Awesome 5 Free";
content: "\f00c";
color: #fff;
font-size: 9px;
padding-left: 4px;
padding-top: 2px;
-webkit-font-smoothing: antialiased;
font-weight: 700;
background: #6c84fa;
display: inline-block;
position: absolute;
border-radius: 50%;
border: 2px solid #fff;
left: 19px;
width: 20px;
height: 20px;
z-index: 400;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 15px, 0);
transform: translate3d(0, 15px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 15px, 0);
transform: translate3d(0, 15px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes blink {
0% {
color: #616f77;
}
50% {
color: rgba(97, 111, 119, 0);
}
to {
color: #616f77;
}
}
@keyframes blink {
0% {
color: #616f77;
}
50% {
color: rgba(97, 111, 119, 0);
}
to {
color: #616f77;
}
}
@-webkit-keyframes slide {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slide {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes slide-reverse {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slide-reverse {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes story-slide {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(49px);
transform: translateX(49px);
}
}
@keyframes story-slide {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(49px);
transform: translateX(49px);
}
}
@-webkit-keyframes story-slide-reverse {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-49px);
transform: translateX(-49px);
}
}
@keyframes story-slide-reverse {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-49px);
transform: translateX(-49px);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
15% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
15% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
.frisbuy-sr-widget {
font-family: Gotham Pro, sans-serif;
border-radius: 0 16px 16px 0;
height: 512px;
position: fixed;
left: 0;
width: 80px;
top: calc(50% - 256px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: width 1s, height 1s 1s, top 1s 1s;
transition: width 1s, height 1s 1s, top 1s 1s;
z-index: 9999999999999;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-animation: slide 1s forwards;
animation: slide 1s forwards;
}
.frisbuy-sr-widget .frisbuy-title-block {
display: none;
}
.frisbuy-sr-widget.frisbuy-sr-right {
left: auto;
right: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
border-radius: 16px 0 0 16px;
-webkit-animation: slide-reverse 1s forwards;
animation: slide-reverse 1s forwards;
}
.frisbuy-sr-widget.frisbuy-sr-right .frisbuy-sr-block {
border-radius: 16px 0 0 16px;
}
.frisbuy-sr-widget.frisbuy-sr-right .frisbuy-sr-instagram.frisbuy-to-hide {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.frisbuy-sr-widget.frisbuy-sr-right
.frisbuy-sr-story-wrapper.frisbuy-sr-selected:before {
content: "";
border-width: 5px 5px 5px 0;
border-color: transparent #222 transparent transparent;
left: auto;
right: 100%;
}
.frisbuy-sr-widget.frisbuy-has-selected {
height: 656px;
top: calc(50% - 328px);
-webkit-transition: height 1s, top 1s, width 1s 1s;
transition: height 1s, top 1s, width 1s 1s;
}
.frisbuy-sr-widget.frisbuy-has-selected .frisbuy-sr-block {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: -webkit-box-shadow 2s 0s;
transition: -webkit-box-shadow 2s 0s;
transition: box-shadow 2s 0s;
transition: box-shadow 2s 0s, -webkit-box-shadow 2s 0s;
}
.frisbuy-sr-widget.frisbuy-sr-inline {
position: static;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
width: 100%;
display: block;
max-width: 100%;
height: auto;
-webkit-animation: none;
animation: none;
-webkit-transform: none;
transform: none;
}
.frisbuy-sr-widget.frisbuy-sr-inline.frisbuy-has-selected {
height: auto;
width: auto;
-webkit-transition: none;
transition: none;
-webkit-animation: none;
animation: none;
}
.frisbuy-sr-widget.frisbuy-sr-inline .frisbuy-title-block {
display: block;
}
.frisbuy-sr-widget.frisbuy-sr-inline .frisbuy-sr-block {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.frisbuy-sr-widget.frisbuy-sr-inline .frisbuy-sr-block::-webkit-scrollbar {
width: 2px;
height: 3px;
}
.frisbuy-sr-widget.frisbuy-sr-inline
.frisbuy-sr-block::-webkit-scrollbar-button {
width: 0;
height: 0;
}
.frisbuy-sr-widget.frisbuy-sr-inline
.frisbuy-sr-block::-webkit-scrollbar-thumb {
background: #717171;
border: 0 none transparent;
border-radius: 2px;
}
.frisbuy-sr-widget.frisbuy-sr-inline
.frisbuy-sr-block
.frisbuy-widget
.frisbuy-gallery
.frisbuy-scroll-wrapper::-webkit-scrollbar-thumb:active,
.frisbuy-sr-widget.frisbuy-sr-inline
.frisbuy-sr-block::-webkit-scrollbar-thumb:hover {
background: #222;
}
.frisbuy-sr-widget.frisbuy-sr-inline
.frisbuy-sr-block::-webkit-scrollbar-track {
background: 0 0;
border: none;
}
.frisbuy-sr-widget.frisbuy-sr-inline
.frisbuy-sr-block
.frisbuy-widget
.frisbuy-gallery
.frisbuy-scroll-wrapper::-webkit-scrollbar-corner,
.frisbuy-sr-widget.frisbuy-sr-inline
.frisbuy-sr-block
.frisbuy-widget
.frisbuy-gallery
.frisbuy-scroll-wrapper::-webkit-scrollbar-track:active,
.frisbuy-sr-widget.frisbuy-sr-inline
.frisbuy-sr-block::-webkit-scrollbar-track:hover {
background: 0 0;
}
.frisbuy-sr-widget.frisbuy-sr-inline .frisbuy-sr-block .frisbuy-sr-branding,
.frisbuy-sr-widget.frisbuy-sr-inline .frisbuy-sr-instagram,
.frisbuy-sr-widget.frisbuy-sr-inline .frisbuy-sr-navigation-button {
display: none;
}
.frisbuy-sr-widget.frisbuy-sr-inline .frisbuy-sr-stories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: visible;
}
.frisbuy-sr-widget.frisbuy-sr-inline .frisbuy-sr-story {
padding-top: 0;
}
.frisbuy-sr-widget.frisbuy-sr-inline .frisbuy-sr-story:not(:first-child) {
padding-left: 8px;
}
.frisbuy-sr-widget * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.frisbuy-sr-widget .frisbuy-sr-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 8px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 100%;
position: relative;
background: #fff;
border-radius: 0 16px 16px 0;
z-index: 2;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.24),
0 4px 16px rgba(0, 0, 0, 0.08);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.08);
-webkit-transition: -webkit-box-shadow 2s 0s;
transition: -webkit-box-shadow 2s 0s;
transition: box-shadow 2s 0s;
transition: box-shadow 2s 0s, -webkit-box-shadow 2s 0s;
}
.frisbuy-sr-widget .frisbuy-sr-block .frisbuy-sr-branding {
width: 64px;
height: 35px;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 8px;
line-height: 9px;
color: #000;
opacity: 0.5;
text-decoration: none;
text-align: center;
}
.frisbuy-sr-widget .frisbuy-sr-block .frisbuy-sr-branding svg {
margin-top: 4px;
}
.frisbuy-sr-widget .frisbuy-sr-instagram,
.frisbuy-sr-widget .frisbuy-sr-navigation-button {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.frisbuy-sr-widget .frisbuy-to-hide {
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.frisbuy-sr-widget .frisbuy-sr-instagram {
top: 8px;
left: 8px;
position: absolute;
-webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
transition: opacity 0.2s, -webkit-transform 0.3s;
transition: opacity 0.2s, transform 0.3s;
transition: opacity 0.2s, transform 0.3s, -webkit-transform 0.3s;
}
.frisbuy-sr-widget .frisbuy-sr-instagram.frisbuy-to-hide {
opacity: 0;
pointer-events: none;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.frisbuy-sr-widget .frisbuy-sr-navigation-button {
-webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
transition: opacity 0.2s, -webkit-transform 0.3s;
transition: opacity 0.2s, transform 0.3s;
transition: opacity 0.2s, transform 0.3s, -webkit-transform 0.3s;
width: 64px;
height: 64px;
cursor: pointer;
}
.frisbuy-sr-widget .frisbuy-sr-navigation-button.frisbuy-to-hide {
opacity: 0;
pointer-events: none;
}
.frisbuy-sr-widget .frisbuy-sr-navigation-button.frisbuy-disabled {
opacity: 0.1;
pointer-events: none;
}
.frisbuy-sr-widget .frisbuy-sr-navigation-button:hover {
opacity: 0.8;
}
.frisbuy-sr-widget .frisbuy-sr-stories {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
overflow-y: auto;
padding: 0 8px;
scroll-behavior: smooth;
-ms-overflow-style: none;
scrollbar-width: none;
overflow: -moz-scrollbars-none;
}
.frisbuy-sr-widget .frisbuy-sr-stories::-webkit-scrollbar {
display: none;
width: 0 !important;
}
.frisbuy-sr-widget .frisbuy-sr-story {
padding-top: 8px;
}
.frisbuy-sr-widget .frisbuy-sr-story:first-child .frisbuy-sr-story-wrapper {
position: relative;
}
.frisbuy-sr-widget
.frisbuy-sr-story:first-child
.frisbuy-sr-story-wrapper:after {
content: "";
position: absolute;
top: 0;
left: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACaSURBVHgB7dJBDcMwEETRdREUQsqgEMKkLZIWQhkUSiEEQiiEgbOR1pIT5ZaLR/lPsiz7NBqNGY7JOXemxkM//Yx+HqYkQmep4NH2Yqzev+ans52JVPulXb/fm/Z7lfb/EbyPd2n/Y62rQq/al+GBhwh+X6YS7XemYGcyX1NRT8bPtfxfrH23uF8ppcmUlMkAAAAAAAAAAHB2MwGEt//dwcuSAAAAAElFTkSuQmCC);
background-position: 50%;
background-size: contain;
width: 64px;
height: 64px;
border-radius: 100%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: spin 6.5s 2s infinite;
animation: spin 6.5s 2s infinite;
}
.frisbuy-sr-widget .frisbuy-sr-story-wrapper {
width: 64px;
height: 64px;
background: radial-gradient(
circle at 30% 107%,
#fdf497 0,
#fdf497 5%,
#fd5949 45%,
#d6249f 60%,
#285aeb 90%
);
border-radius: 50%;
padding: 2px;
-ms-flex-negative: 0;
flex-shrink: 0;
cursor: pointer;
}
.frisbuy-sr-widget .frisbuy-sr-story-wrapper:hover {
opacity: 0.8;
}
.frisbuy-sr-widget .frisbuy-sr-story-wrapper.frisbuy-sr-visited {
background: 0 0;
}
.frisbuy-sr-widget .frisbuy-sr-story-wrapper.frisbuy-sr-selected {
position: relative;
}
.frisbuy-sr-widget .frisbuy-sr-story-wrapper.frisbuy-sr-selected:before {
content: "";
position: absolute;
display: block;
border-width: 5px 0 5px 5px;
border-style: solid;
border-color: transparent transparent transparent #222;
left: 100%;
top: calc(50% - 5px);
}
.frisbuy-sr-widget .frisbuy-sr-story-image {
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 50%;
padding: 2px;
background-size: cover;
background-position: 50%;
border: 2px solid #fff;
overflow: hidden;
}
.frisbuy-sr-widget .frisbuy-sr-story-image img,
.frisbuy-sr-widget .frisbuy-sr-story-image video {
opacity: 0;
pointer-events: none;
}
@media (max-width: 768px) {
.frisbuy-sr-widget:not(.frisbuy-sr-mobile-fixed) {
position: static;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
width: 100%;
display: block;
max-width: 100%;
height: auto;
-webkit-animation: none;
animation: none;
-webkit-transform: none;
transform: none;
}
.frisbuy-sr-widget:not(.frisbuy-sr-mobile-fixed).frisbuy-has-selected {
height: auto;
width: auto;
-webkit-transition: none;
transition: none;
-webkit-animation: none;
animation: none;
}
.frisbuy-sr-widget:not(.frisbuy-sr-mobile-fixed) .frisbuy-title-block {
display: block;
}
.frisbuy-sr-widget:not(.frisbuy-sr-mobile-fixed) .frisbuy-sr-block {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.frisbuy-sr-widget:not(.frisbuy-sr-mobile-fixed) .frisbuy-sr-instagram,
.frisbuy-sr-widget:not(.frisbuy-sr-mobile-fixed)
.frisbuy-sr-navigation-button {
display: none;
}
.frisbuy-sr-widget:not(.frisbuy-sr-mobile-fixed) .frisbuy-sr-stories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: visible;
}
.frisbuy-sr-widget:not(.frisbuy-sr-mobile-fixed) .frisbuy-sr-story {
padding-top: 0;
}
.frisbuy-sr-widget:not(.frisbuy-sr-mobile-fixed)
.frisbuy-sr-story:not(:first-child) {
padding-left: 8px;
}
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed {
bottom: 50px;
top: auto;
height: 56px;
width: 74px;
}
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed.frisbuy-sr-right {
border-radius: 56px 0 0 56px;
}
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed.frisbuy-sr-right
.frisbuy-sr-block {
border-radius: 56px 0 0 56px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
overflow: hidden;
}
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed.frisbuy-sr-right
.frisbuy-sr-stories {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-animation: story-slide-reverse 1s 1s forwards;
animation: story-slide-reverse 1s 1s forwards;
margin-left: 0;
}
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed.frisbuy-sr-right
.frisbuy-sr-story {
padding: 0 7px 0 0;
}
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed.frisbuy-sr-right
.frisbuy-sr-instagram {
-webkit-animation: story-slide-reverse 1s 1s forwards;
animation: story-slide-reverse 1s 1s forwards;
}
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed.frisbuy-has-selected {
height: auto;
width: auto;
-webkit-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
-webkit-animation: none;
animation: none;
}
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed .frisbuy-sr-navigation-button {
display: none;
}
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed .frisbuy-sr-instagram {
position: static;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 56px;
-webkit-animation: story-slide 1s 1s forwards;
animation: story-slide 1s 1s forwards;
}
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed .frisbuy-sr-instagram svg {
height: 56px;
width: 56px;
}
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed .frisbuy-sr-block {
overflow: hidden;
height: 56px;
max-width: 74px;
border-radius: 0 56px 56px 0;
-webkit-transition: none;
transition: none;
}
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed .frisbuy-sr-block,
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed .frisbuy-sr-stories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
padding: 0;
width: 74px;
}
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed .frisbuy-sr-stories {
margin-left: -49px;
-webkit-animation: story-slide 1s 1s forwards;
animation: story-slide 1s 1s forwards;
}
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed .frisbuy-sr-story {
padding: 0 0 0 7px;
}
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed .frisbuy-sr-story-wrapper,
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed
.frisbuy-sr-story:first-child
.frisbuy-sr-story-wrapper:after {
width: 46px;
height: 46px;
}
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed .frisbuy-preview-story {
-webkit-transition: unset;
transition: unset;
}
.frisbuy-sr-widget.frisbuy-sr-mobile-fixed .frisbuy-preview-story:before {
display: none;
}
}
@media (max-height: 700px) and (min-width: 768px) {
.frisbuy-sr-widget {
height: 448px;
width: 70px;
top: calc(50% - 224px);
}
.frisbuy-sr-widget.frisbuy-has-selected {
height: 574px;
top: calc(50% - 287px);
}
.frisbuy-sr-widget .frisbuy-sr-block {
padding: 7px 0;
}
.frisbuy-sr-widget .frisbuy-sr-instagram {
top: 7px;
left: 7px;
width: 56px;
height: 56px;
}
.frisbuy-sr-widget .frisbuy-sr-instagram svg {
width: 100%;
height: 100%;
}
.frisbuy-sr-widget .frisbuy-sr-navigation-button {
width: 56px;
height: 56px;
}
.frisbuy-sr-widget .frisbuy-sr-navigation-button svg {
width: 100%;
height: 100%;
}
.frisbuy-sr-widget .frisbuy-sr-stories {
padding: 0 7px;
}
.frisbuy-sr-widget .frisbuy-sr-story {
padding-top: 7px;
}
.frisbuy-sr-widget .frisbuy-sr-story-wrapper {
width: 56px;
height: 56px;
}
}
.address_item {
position: relative;
border-radius: 8px;
border: solid 1px #e1e1e1;
background-color: #fff;
padding: 2.1rem 1.4rem 1rem 1.2rem;
min-width: 236px;
width: 236px;
min-height: 155px;
margin-bottom: 1.6rem;
margin-right: 1.6rem;
cursor: pointer;
z-index: 9;
}
.address_item h3 {
font-size: 0.9rem;
font-weight: 600;
line-height: 1.5;
letter-spacing: -0.032rem;
display: -moz-box;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.address_item p {
display: -webkit-box;
font-size: 0.8rem;
line-height: 1.2rem;
color: var(--brownish-grey);
letter-spacing: -0.024rem;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 5px;
}
.address_item span {
font-size: 0.7rem;
line-height: 1.2rem;
font-weight: 500;
}
.address_item .menu_container {
position: absolute;
right: 0;
top: 0;
height: 50px;
width: 50px;
z-index: 10;
}
.address_item .menu_container .menu_button_2KVIr,
.new_address_link_1fEiD.has_no_address_1uAWQ
.menu_container_3Rr8b
.menu_button_2KVIr {
width: 32px;
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 8px;
top: 8px;
border-radius: 50%;
z-index: 11;
}
.address_item .menu_container .menu_button_2KVIr svg {
margin-bottom: 0;
position: relative;
z-index: 10;
}
.address_item .menu_container .menu_content_2vl-L,
.new_address_link_1fEiD.has_no_address_1uAWQ
.menu_container_3Rr8b
.menu_content_2vl-L {
position: absolute;
right: 8px;
top: 48px;
display: none;
width: 160px;
border-radius: 8px;
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
border: solid 1px rgba(0, 0, 0, 0.08);
background-color: #fff;
z-index: 10;
padding: 0.8rem;
}
.address_item .menu_container .menu_content_2vl-L.ac {
display: block;
}
.address_item .menu_container .menu_content_2vl-L span,
.new_address_link_1fEiD.has_no_address_1uAWQ
.menu_container_3Rr8b
.menu_content_2vl-L
span {
display: block;
padding: 0.1rem 0.2rem;
font-size: 1rem;
margin-bottom: 0.5rem;
}
.address_item .menu_container .menu_content_2vl-L a,
.new_address_link_1fEiD.has_no_address_1uAWQ
.menu_container_3Rr8b
.menu_content_2vl-L
a {
display: block;
width: 100%;
padding: 0.2rem 0.6rem;
font-size: 0.8rem;
letter-spacing: -0.028rem;
margin-bottom: 5px;
font-weight: 600;
}
.address_item .menu_container .menu_button_2KVIr:hover {
background: #dbdbdb !important;
}
.address_item.selected,
.selected.new_address_link_1fEiD.has_no_address_1uAWQ {
border: solid 5px #6c85ff;
-webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08);
padding: 2rem 1.4rem 1rem 1.1rem;
}
.address_item .checked,
.new_address_link_1fEiD.has_no_address_1uAWQ .checked_2mVFQ {
position: absolute;
left: -2px;
top: -2px;
}
div.yorumdiv {
display: none;
}
.b_kul {
cursor: pointer;
}
.coupon-wrapper.coupon-single {
position: relative;
padding: 20px 15px;
}
.coupon-wrapper {
min-height: 160px;
margin-bottom: 30px;
padding-bottom: 20px;
}
.savings {
border: 1px dashed #ddd;
border-radius: 3px;
background: rgba(242, 242, 247, 0.17);
}
.savings .type {
padding: 5px 0;
border-top: 1px dashed #e7e7e7;
background: rgba(242, 242, 247, 0.86);
}
.coupon_code {
font-size: 21px;
position: relative;
width: 100%;
margin: 5px auto;
padding: 10px 20px;
text-align: center;
border: 3px dashed azure;
}
.coupon_code,
.report .vote-link,
.tag {
display: inline-block;
}
.coupon_code.alert-info {
color: #31708f;
background-color: #d9edf7;
}
.coupon_code {
font-size: 21px;
text-align: center;
}
.urun_kutu .ilk_resim {
max-width: 100%;
position: relative;
opacity: 1;
transition: all 0.4s cubic-bezier(0.25, 0.1, 0.23, 1.01);
}
.urun_kutu .ikinci_resim {
position: absolute;
opacity: 1;
left: 0;
right: 0;
top: 0;
text-align: center;
}
.urun_kutu .ilk_resim:hover {
opacity: 0;
transition: all 0.4s cubic-bezier(0.25, 0.1, 0.23, 1.01);
}
.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;
}
}
input::-webkit-date-and-time-value {
margin-top: 0px;
width: 100%;
}
input[type="date"] {
display: block;
width: 100%;
}
.select-checked {
color: #000;
outline: #40bbf4 solid 3px;
}
.disable {
opacity: 0.2;
border-style: dashed !important;
}
.hide {
display: none;
}
.show {
display: block;
}
.category-showcase {
max-width: 100%;
border-radius: 16px;
text-align: center;
background: #fbfff1;
padding: 10px 0;
}
.category-container {
display: flex;
justify-content: center;
padding: 10px 15px;
overflow-x: auto;
scrollbar-width: none;
margin: 0 auto;
}
.category-container::-webkit-scrollbar {
display: none;
}
.category-item {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 15px;
min-width: 140px;
transition: transform 0.3s ease;
position: relative;
}
.category-item:hover {
transform: translateY(-5px);
}
.icon-wrapper {
position: relative;
margin-bottom: 12px;
}
.icon-wrapper::after {
content: '';
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 6px;
background: rgba(255, 255, 255, 0.5);
filter: blur(3px);
border-radius: 50%;
opacity: 0.6;
}
.icon-circle {
width: 70px;
height: 70px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
border: 3px solid #ffffff;
outline: 1px solid rgba(255, 255, 255, 0.3);
}
.icon-circle::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 50%;
background: rgba(255, 255, 255, 0.15);
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
.icon-wrapper img {
width: 80px;
height: 80px;
}
.category-label {
font-size: 14px;
font-weight: 600;
color: #4a4a4a;
text-align: center;
line-height: 1.3;
margin-top: 3px;
}
.gradient-orange {
background: linear-gradient(135deg, #FF9F43, #FF6B6B);
box-shadow: 0 5px 15px rgba(255, 107, 107, 0.3);
}
.gradient-purple {
background: linear-gradient(135deg, #A06AF9, #7367F0);
box-shadow: 0 5px 15px rgba(115, 103, 240, 0.3);
}
.gradient-blue {
background: linear-gradient(135deg, #56CCF2, #2F80ED);
box-shadow: 0 5px 15px rgba(47, 128, 237, 0.3);
}
.gradient-peach {
background: linear-gradient(135deg, #FF9A84, #FF6B95);
box-shadow: 0 5px 15px rgba(255, 107, 149, 0.3);
}
.gradient-violet {
background: linear-gradient(135deg, #CE9FFC, #9F6DFF);
box-shadow: 0 5px 15px rgba(159, 109, 255, 0.3);
}
.gradient-gold {
background: linear-gradient(135deg, #FFD86F, #FFAF5F);
box-shadow: 0 5px 15px rgba(255, 175, 95, 0.3);
}
.gradient-silver {
background: linear-gradient(135deg, #B0BFCF, #8DA2B8);
box-shadow: 0 5px 15px rgba(141, 162, 184, 0.3);
}
.gradient-teal {
background: linear-gradient(135deg, #55EFC4, #00CEC9);
box-shadow: 0 5px 15px rgba(0, 206, 201, 0.3);
}
@media (max-width: 768px) {
.category-container {
justify-content: flex-start;
padding: 15px 10px;
}
.category-item {
margin: 0 10px;
}
.icon-circle {
width: 65px;
height: 65px;
}
.icon-circle i {
font-size: 26px;
}
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
.category-item:hover .icon-circle {
animation: pulse 1.5s infinite;
border-color: #f8f8f8;
}
.featured-product-horizontal {
max-width: 100%;
background: linear-gradient(135deg, #ffffff, #f8f9fa);
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
overflow: hidden;
border: 1px solid #e9ecef;
position: relative;
transition: transform 0.3s ease, box-shadow 0.3s ease;
margin: 5px 0;
height: 97%;
}
.featured-product-horizontal:hover {
transform: translateY(-3px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}
.featured-label {
display: flex;
justify-content: space-between;
align-items: center;
background: linear-gradient(90deg, #5bb739, #48b94f);
color: white;
padding: 10px 20px;
font-weight: 700;
}
.featured-label span {
font-size: 16px;
}
.timer {
display: flex;
align-items: center;
font-size: 14px;
background-color: rgba(255, 255, 255, 0.2);
padding: 3px 10px;
border-radius: 20px;
}
.timer i {
margin-right: 5px;
}
.product-content {
display: flex;
padding: 15px;
}
.product-image-container {
flex: 0 0 150px;
position: relative;
margin-right: 20px;
}
.discount-badge {
position: absolute;
top: -10px;
left: -10px;
background: linear-gradient(135deg, #26c40f, #37b34b);
color: white;
padding: 5px 10px;
font-size: 15px;
font-weight: bold;
border-radius: 25px;
box-shadow: 0 3px 10px rgba(249, 66, 58, 0.3);
z-index: 2;
transform: rotate(-5deg);
animation: pulse 2s infinite;
}
.product-image {
height: 150px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 8px;
background-color: #f8f9fa;
border: 1px dashed #dee2e6;
}
.product-image img {
max-width: 100%;
max-height: 140px;
object-fit: contain;
transition: transform 0.5s ease;
}
.product-content:hover .product-image img {
transform: scale(1.05);
}
.product-details {
flex: 1;
display: flex;
flex-direction: column;
}
.product-title {
font-size: 18px;
font-weight: 600;
color: #212529;
margin-bottom: 8px;
line-height: 1.4;
}
.product-rating {
color: #ffc107;
font-size: 14px;
margin-bottom: 10px;
}
.rating-count {
color: #6c757d;
font-size: 12px;
margin-left: 5px;
}
.product-price {
margin-bottom: 12px;
}
.old-price {
text-decoration: line-through;
color: #6c757d;
font-size: 14px;
margin-right: 10px;
}
.current-price {
color: #212529;
font-size: 22px;
font-weight: 700;
}
.product-features {
display: flex;
gap: 15px;
margin-bottom: 15px;
}
.feature {
font-size: 13px;
color: #495057;
display: flex;
align-items: center;
}
.feature i {
color: #20c997;
margin-right: 5px;
}
.feature img {
width: 40px;
height: 40px;
border-radius: 50%;
}
.stock-info {
margin-bottom: 15px;
max-width: 300px;
}
.progress-bar {
height: 6px;
background-color: #e9ecef;
border-radius: 3px;
overflow: hidden;
margin-bottom: 5px;
}
.progress {
height: 100%;
background: linear-gradient(90deg, #ff4d4d, #f9423a);
border-radius: 3px;
}
.stock-text {
font-size: 13px;
color: #6c757d;
margin: 0;
}
.stock-count {
color: #e63946;
font-weight: 700;
}
.cta-buttons {
display: flex;
gap: 10px;
margin-top: auto;
}
.add-to-cart, .view-details {
padding: 10px 20px;
border-radius: 6px;
font-weight: 600;
font-size: 14px;
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
border: none;
width: 100%;
}
.add-to-cart {
background-color: #e2ffb6;
color: #529d61;
}
.add-to-cart:hover {
background-color: #d7faa1;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgb(210, 255, 141);
}
.view-details {
background-color: #f8f9fa;
color: #4361ee;
border: 1px solid #4361ee;
}
.view-details:hover {
background-color: #e9ecef;
}
.swatch-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
list-style: none;
margin: 0;
padding: 5px 0 10px 18px;
}
.swatch {
position: relative;
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid transparent;
background-size: cover;
background-position: center;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
.swatch:hover {
transform: scale(1.15);
box-shadow: 0 6px 20px rgba(0,0,0,0.2);
z-index: 10;
}
.swatch-active {
border-color: #d7d7d7;
box-shadow: 0 0 0 2px rgba(44, 62, 80, 0.2);
transform: scale(1.1);
}
.swatch-active:hover {
transform: scale(1.2);
}
.swatch-active::after {
content: "✓";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 14px;
font-weight: bold;
text-shadow: 0 1px 2px rgba(0,0,0,0.5);
opacity: 1;
transition: opacity 0.2s;
}
.swatch-tooltip {
position: absolute;
bottom: -35px;
left: 50%;
transform: translateX(-50%);
background: #333;
color: white;
padding: 6px 12px;
border-radius: 6px;
font-size: 12px;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s;
z-index: 100;
}
.swatch-tooltip::before {
content: "";
position: absolute;
top: -4px;
left: 50%;
transform: translateX(-50%);
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid #333;
}
.swatch:hover .swatch-tooltip {
opacity: 1;
}
.ilk_resim img.center {
min-height: 290px;
}
.ikinci_resim img.center {
min-height: 290px;
}
@media (max-width: 768px) {
.swatch {
width: 35px;
height: 35px;
}
}
@keyframes pulse {
0% { transform: scale(1) rotate(-5deg); }
50% { transform: scale(1.05) rotate(-5deg); }
100% { transform: scale(1) rotate(-5deg); }
}
@media (max-width: 768px) {
.product-content {
flex-direction: column;
}
.product-image-container {
margin-right: 0;
margin-bottom: 15px;
align-self: center;
}
.product-features {
flex-direction: column;
gap: 5px;
}
.featured-product-horizontal {
max-width: 100%;
}
}
@media only screen and (min-device-width: 0px) and (max-device-width: 386px) {
.banners {
height: 90px;
}
}
@media only screen and (min-device-width: 386px) and (max-device-width: 480px) {
.banners {
height: 105px;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 820px) {
.banners {
height: 205px;
}
}
@media only screen and (min-device-width: 821px) and (max-device-width: 1025px) {
.banners {
height: 260px;
}
}
@media only screen and (min-device-width: 1026px) and (max-device-width: 1281px) {
.banners {
height: 320px;
}
.u-header__navbar-brand-center img {
width: 180px;
}
#signUpDropdownInvoker span {
display: none !important;
}
}
@media only screen and (min-device-width: 1282px) and (max-device-width: 1440px) {
.banners {
height: 360px;
}
}
@media only screen and (min-device-width: 1441px) and (max-device-width: 1921px) {
.banners {
height: 475px;
}
}
@media only screen and (min-device-width: 1922px) and (max-device-width: 3840px) {
.banners {
height: 650px;
}
}
@media (max-width: 992px) {
.galeri-ana img {
height: 400px;
}
}
@media (max-width: 768px) {
.proje-detay-header h1 {
font-size: 28px;
}
.galeri-ana img {
height: 300px;
}
.proje-nav {
flex-direction: column;
}
.proje-nav-item {
max-width: 100%;
}
.lightbox-prev {
left: 10px;
}
.lightbox-next {
right: 10px;
}
}
.no-image {
background: #f8f9fa;
height: 300px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
color: #8c98a4;
}
.no-image i {
font-size: 48px;
margin-bottom: 15px;
}
.projeler-vitrin-block {
background: #f8f9fa;
}
.projeler-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 15px;
}
.proje-vitrin-item {
position: relative;
border-radius: 12px;
overflow: hidden;
aspect-ratio: 1;
display: block;
text-decoration: none;
}
.proje-vitrin-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.proje-vitrin-item:hover img {
transform: scale(1.1);
}
.proje-vitrin-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px 15px;
background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
color: #fff;
transition: all 0.3s ease;
}
.proje-vitrin-title {
font-size: 14px;
font-weight: 700;
margin: 0 0 3px 0;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.proje-vitrin-subtitle {
font-size: 12px;
opacity: 0.8;
}
.proje-vitrin-item:hover .proje-vitrin-overlay {
background: linear-gradient(to top, rgba(41, 124, 187, 0.9) 0%, rgba(0,0,0,0) 100%);
}
@media (max-width: 1200px) {
.projeler-grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 992px) {
.projeler-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.projeler-grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.proje-vitrin-title {
font-size: 12px;
}
.proje-vitrin-subtitle {
font-size: 10px;
}
.proje-vitrin-overlay {
padding: 15px 10px;
}
}
@media (max-width: 480px) {
.projeler-grid {
grid-template-columns: repeat(2, 1fr);
}
}

/* /css/chatbot.css */
:root {
--cofis-primary: #EA580C;
--cofis-primary-hover: #C2410C;
--cofis-primary-soft: #FFF7ED;
--cofis-accent: #F59E0B;
--cofis-gradient: linear-gradient(135deg, #FFA63D 0%, #F97316 45%, #E04E0B 100%);
--cofis-gradient-deep: linear-gradient(150deg, #FB8A2E 0%, #EA580C 55%, #B83A06 120%);
--cofis-text: #2A2118;
--cofis-text-muted: #7C6F63;
--cofis-text-subtle: #A99C8E;
--cofis-bg: #FFFFFF;
--cofis-bg-soft: #FAF6F0;
--cofis-bubble-bot: #FFFFFF;
--cofis-border: #EDE3D7;
--cofis-border-soft: #F4ECE2;
--cofis-success: #10B981;
--cofis-shadow-sm: 0 1px 2px rgba(120, 72, 20, 0.06), 0 2px 8px rgba(120, 72, 20, 0.05);
--cofis-shadow-md: 0 6px 18px rgba(120, 72, 20, 0.10);
--cofis-shadow-panel:
0 0 0 1px rgba(255, 255, 255, 0.65),
0 2px 6px rgba(60, 38, 12, 0.06),
0 12px 28px rgba(60, 38, 12, 0.10),
0 32px 80px rgba(60, 38, 12, 0.18);
--cofis-shadow-btn: 0 6px 14px rgba(234, 88, 12, 0.35), 0 14px 36px rgba(234, 88, 12, 0.28);
--cofis-radius-sm: 10px;
--cofis-radius-md: 16px;
--cofis-radius-lg: 20px;
--cofis-radius-xl: 26px;
--cofis-ease: cubic-bezier(0.4, 0, 0.2, 1);
--cofis-spring: cubic-bezier(0.34, 1.45, 0.64, 1);
}
@media (prefers-color-scheme: dark) {
:root {
--cofis-text: #F3EDE6;
--cofis-text-muted: #B5A797;
--cofis-text-subtle: #8A7D6E;
--cofis-bg: #221C16;
--cofis-bg-soft: #1A1511;
--cofis-bubble-bot: #2C241D;
--cofis-border: #3B3128;
--cofis-border-soft: #332A22;
--cofis-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.30), 0 2px 8px rgba(0, 0, 0, 0.22);
--cofis-shadow-md: 0 6px 18px rgba(0, 0, 0, 0.35);
--cofis-shadow-panel:
0 0 0 1px rgba(255, 255, 255, 0.06),
0 2px 6px rgba(0, 0, 0, 0.35),
0 12px 28px rgba(0, 0, 0, 0.40),
0 32px 80px rgba(0, 0, 0, 0.55);
}
}
#cofis-chat-btn {
position: fixed;
right: 24px;
bottom: 100px;
width: 62px;
height: 62px;
border-radius: 50%;
background: var(--cofis-gradient);
cursor: pointer;
z-index: 9998;
display: grid;
place-items: center;
box-shadow: var(--cofis-shadow-btn), inset 0 1px 0 rgba(255, 255, 255, 0.35);
transition: transform 0.28s var(--cofis-spring), box-shadow 0.25s var(--cofis-ease);
}
#cofis-chat-btn::before {
content: '';
position: absolute;
inset: -5px;
border-radius: 50%;
background: var(--cofis-gradient);
opacity: 0.22;
filter: blur(12px);
z-index: -1;
transition: opacity 0.25s var(--cofis-ease);
}
#cofis-chat-btn:hover {
transform: translateY(-3px) scale(1.06);
box-shadow: 0 10px 22px rgba(234, 88, 12, 0.42), 0 20px 48px rgba(234, 88, 12, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
#cofis-chat-btn:hover::before { opacity: 0.42; }
#cofis-chat-btn:active { transform: scale(0.94); }
#cofis-chat-btn::after {
content: '';
position: absolute;
inset: 0;
border-radius: 50%;
box-shadow: 0 0 0 0 rgba(234, 88, 12, 0.45);
animation: cofisPulse 2.6s ease-out infinite;
pointer-events: none;
}
#cofis-chat-btn.open::after { animation: none; }
@keyframes cofisPulse {
0%   { box-shadow: 0 0 0 0 rgba(234, 88, 12, 0.40); }
70%  { box-shadow: 0 0 0 20px rgba(234, 88, 12, 0); }
100% { box-shadow: 0 0 0 0 rgba(234, 88, 12, 0); }
}
#cofis-chat-btn svg {
grid-area: 1 / 1;
width: 28px;
height: 28px;
fill: #FFFFFF;
stroke: none;
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.18));
transition: opacity 0.22s var(--cofis-ease), transform 0.3s var(--cofis-spring);
}
#cofis-chat-btn .ico-close {
width: 22px;
height: 22px;
fill: none;
stroke: #FFFFFF;
stroke-width: 2.6;
stroke-linecap: round;
opacity: 0;
transform: rotate(-90deg) scale(0.4);
}
#cofis-chat-btn.open .ico-chat  { opacity: 0; transform: rotate(90deg) scale(0.4); }
#cofis-chat-btn.open .ico-close { opacity: 1; transform: rotate(0deg) scale(1); }
.cofis-chat-panel {
position: fixed;
right: 24px;
bottom: 178px;
width: 408px;
max-width: calc(100vw - 32px);
height: 640px;
max-height: calc(100vh - 205px);
background: var(--cofis-bg-soft);
border-radius: var(--cofis-radius-xl);
box-shadow: var(--cofis-shadow-panel);
display: flex;
flex-direction: column;
overflow: hidden;
z-index: 9999;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
color: var(--cofis-text);
animation: cofisSlideUp 0.38s var(--cofis-spring);
transform-origin: bottom right;
}
.cofis-chat-panel[hidden] { display: none !important; }
#cofis-chat-btn svg,
.cofis-chat-panel svg {
margin: 0 !important;
vertical-align: middle !important;
display: block;
}
@keyframes cofisSlideUp {
from { opacity: 0; transform: translateY(26px) scale(0.94); }
to   { opacity: 1; transform: translateY(0) scale(1); }
}
.cofis-chat-header {
position: relative;
background: var(--cofis-gradient-deep);
color: #FFFFFF;
padding: 18px 20px 34px;
display: flex;
align-items: flex-start;
justify-content: space-between;
overflow: hidden;
flex-shrink: 0;
}
.cofis-chat-header::before {
content: '';
position: absolute;
inset: 0;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 36%),
radial-gradient(560px circle at -10% -40%, rgba(255, 255, 255, 0.28), transparent 42%),
radial-gradient(420px circle at 115% 130%, rgba(255, 214, 130, 0.25), transparent 45%);
pointer-events: none;
}
.cofis-chat-header > * { position: relative; z-index: 1; }
.cofis-chat-header .title {
display: flex;
align-items: center;
gap: 12px;
}
.cofis-chat-header .avatar {
width: 44px;
height: 44px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.18);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
display: flex;
align-items: center;
justify-content: center;
position: relative;
flex-shrink: 0;
border: 1px solid rgba(255, 255, 255, 0.40);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 4px 10px rgba(0, 0, 0, 0.12);
}
.cofis-chat-header .avatar svg {
width: 24px;
height: 24px;
stroke: #FFFFFF;
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.cofis-chat-header .avatar .status-dot {
position: absolute;
bottom: -3px;
right: -3px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #34D399;
border: 2.5px solid #E25410;
box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.55);
animation: cofisStatusPulse 2.2s ease-out infinite;
}
@keyframes cofisStatusPulse {
0%   { box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.55); }
70%  { box-shadow: 0 0 0 7px rgba(52, 211, 153, 0); }
100% { box-shadow: 0 0 0 0 rgba(52, 211, 153, 0); }
}
.cofis-chat-header .text-block {
display: flex;
flex-direction: column;
gap: 3px;
}
.cofis-chat-header .name {
font-weight: 700;
font-size: 15.5px;
letter-spacing: -0.015em;
line-height: 1.2;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
}
.cofis-chat-header .status {
font-size: 12px;
opacity: 0.92;
display: flex;
align-items: center;
gap: 6px;
font-weight: 500;
}
.cofis-chat-header .status::before {
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
background: #6EE7B7;
box-shadow: 0 0 6px rgba(110, 231, 183, 0.9);
}
.cofis-chat-header .actions {
display: flex;
gap: 6px;
}
.cofis-chat-header button {
background: rgba(255, 255, 255, 0.14);
border: 1px solid rgba(255, 255, 255, 0.18);
color: #FFFFFF;
cursor: pointer;
width: 33px;
height: 33px;
border-radius: 11px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
transition: background 0.15s var(--cofis-ease), transform 0.18s var(--cofis-spring);
}
.cofis-chat-header button:hover {
background: rgba(255, 255, 255, 0.26);
transform: scale(1.08);
}
.cofis-chat-header button:active { transform: scale(0.94); }
.cofis-chat-messages {
flex: 1;
overflow-y: auto;
padding: 22px 18px 8px;
margin-top: -18px;
position: relative;
z-index: 2;
border-radius: 22px 22px 0 0;
background: var(--cofis-bg-soft);
background-image:
radial-gradient(circle at 20% 6%, rgba(245, 158, 11, 0.05) 0%, transparent 30%),
radial-gradient(circle at 85% 90%, rgba(234, 88, 12, 0.04) 0%, transparent 30%);
box-shadow: 0 -6px 16px rgba(60, 38, 12, 0.06);
scroll-behavior: smooth;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #DCC4A8 transparent;
}
@media (prefers-color-scheme: dark) {
.cofis-chat-messages { scrollbar-color: #4A3D30 transparent; }
}
.cofis-chat-messages::-webkit-scrollbar { width: 6px; }
.cofis-chat-messages::-webkit-scrollbar-track { background: transparent; }
.cofis-chat-messages::-webkit-scrollbar-thumb { background: #DCC4A8; border-radius: 3px; }
.cofis-chat-messages::-webkit-scrollbar-thumb:hover { background: #C9A87F; }
.cofis-msg-row {
display: flex;
gap: 8px;
margin-bottom: 12px;
animation: cofisMsgIn 0.32s var(--cofis-spring);
}
.cofis-msg-row.user { justify-content: flex-end; }
.cofis-msg-row.bot .cofis-msg-avatar {
width: 28px;
height: 28px;
border-radius: 10px;
background: var(--cofis-gradient);
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
align-self: flex-end;
box-shadow: 0 3px 8px rgba(234, 88, 12, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.cofis-msg-row.bot .cofis-msg-avatar svg {
width: 14px;
height: 14px;
stroke: #FFFFFF;
fill: none;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
}
@keyframes cofisMsgIn {
from { opacity: 0; transform: translateY(10px) scale(0.97); }
to   { opacity: 1; transform: translateY(0) scale(1); }
}
.cofis-msg {
max-width: 78%;
padding: 11px 15px;
border-radius: 18px;
font-size: 14px;
line-height: 1.55;
word-wrap: break-word;
overflow-wrap: anywhere;
letter-spacing: -0.005em;
}
.cofis-msg.bot {
background: var(--cofis-bubble-bot);
color: var(--cofis-text);
border: 1px solid var(--cofis-border-soft);
border-bottom-left-radius: 6px;
box-shadow: var(--cofis-shadow-sm);
}
.cofis-msg.user {
background: var(--cofis-gradient);
color: #FFFFFF;
border-bottom-right-radius: 6px;
box-shadow: 0 5px 14px rgba(234, 88, 12, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.28);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
}
.cofis-msg a {
color: var(--cofis-primary);
text-decoration: underline;
text-decoration-color: rgba(234, 88, 12, 0.4);
text-underline-offset: 2px;
font-weight: 600;
transition: color 0.15s, text-decoration-color 0.15s;
}
.cofis-msg a:hover {
color: var(--cofis-primary-hover);
text-decoration-color: var(--cofis-primary-hover);
}
@media (prefers-color-scheme: dark) {
.cofis-msg a { color: #FFA63D; text-decoration-color: rgba(255, 166, 61, 0.45); }
.cofis-msg a:hover { color: #FFC078; text-decoration-color: #FFC078; }
}
.cofis-msg.user a { color: #FFFFFF; text-decoration-color: rgba(255, 255, 255, 0.6); }
.cofis-msg.user a:hover { text-decoration-color: #FFFFFF; }
.cofis-msg strong { font-weight: 700; letter-spacing: -0.01em; }
.cofis-msg ul,
.cofis-msg ol { padding-left: 18px; margin: 6px 0; }
.cofis-msg li { margin: 4px 0; }
.cofis-msg p { margin: 0 0 6px; }
.cofis-msg p:last-child { margin: 0; }
.cofis-lead-form {
background: var(--cofis-bubble-bot);
border: 1px solid var(--cofis-border-soft);
border-radius: var(--cofis-radius-md);
padding: 14px;
margin: 4px 0 12px 36px;
display: flex;
flex-direction: column;
gap: 9px;
animation: cofisMsgIn 0.34s var(--cofis-spring);
box-shadow: var(--cofis-shadow-md);
position: relative;
overflow: hidden;
}
.cofis-lead-form::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 3px;
background: var(--cofis-gradient);
}
.cofis-lead-title {
font-size: 13px;
font-weight: 700;
color: var(--cofis-text);
letter-spacing: -0.01em;
margin-bottom: 2px;
}
.cofis-lead-form input {
width: 100%;
padding: 10px 13px;
border: 1.5px solid var(--cofis-border);
border-radius: 11px;
background: var(--cofis-bg-soft);
font-size: 13px;
font-family: inherit;
color: var(--cofis-text);
outline: none;
transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
box-sizing: border-box;
}
.cofis-lead-form input::placeholder { color: var(--cofis-text-subtle); }
.cofis-lead-form input:focus {
border-color: var(--cofis-primary);
background: var(--cofis-bg);
box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.12);
}
.cofis-lead-form button {
background: var(--cofis-gradient);
color: #FFFFFF;
border: 0;
padding: 11px 16px;
border-radius: 11px;
font-size: 13px;
font-weight: 700;
font-family: inherit;
cursor: pointer;
transition: transform 0.18s var(--cofis-spring), box-shadow 0.15s;
box-shadow: 0 4px 12px rgba(234, 88, 12, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.cofis-lead-form button:hover:not(:disabled) {
transform: translateY(-1px);
box-shadow: 0 7px 18px rgba(234, 88, 12, 0.38);
}
.cofis-lead-form button:disabled { opacity: 0.6; cursor: not-allowed; }
.cofis-lead-status {
font-size: 12px;
color: var(--cofis-text-muted);
text-align: center;
}
.cofis-lead-status.error {
color: #DC2626;
background: rgba(220, 38, 38, 0.08);
padding: 6px 10px;
border-radius: 8px;
}
.cofis-lead-success {
font-size: 13px;
color: #047857;
background: rgba(16, 185, 129, 0.10);
border: 1px solid rgba(16, 185, 129, 0.35);
border-radius: 11px;
padding: 12px;
text-align: center;
font-weight: 600;
}
@media (prefers-color-scheme: dark) {
.cofis-lead-success { color: #6EE7B7; }
}
@media (max-width: 575px) {
.cofis-lead-form { margin-left: 0; }
}
.cofis-products {
display: flex;
flex-direction: column;
gap: 8px;
margin: 4px 0 12px 36px;
}
.cofis-product-card {
display: flex;
gap: 12px;
background: var(--cofis-bubble-bot);
border: 1px solid var(--cofis-border-soft);
border-radius: var(--cofis-radius-md);
padding: 10px;
text-decoration: none;
color: var(--cofis-text);
transition: transform 0.2s var(--cofis-spring), box-shadow 0.2s var(--cofis-ease), border-color 0.2s;
position: relative;
overflow: hidden;
}
.cofis-product-card::before {
content: '';
position: absolute;
left: 0; top: 0; bottom: 0;
width: 3px;
background: var(--cofis-gradient);
opacity: 0;
transition: opacity 0.2s var(--cofis-ease);
}
.cofis-product-card:hover {
border-color: rgba(234, 88, 12, 0.30);
transform: translateY(-2px);
box-shadow: var(--cofis-shadow-md);
color: var(--cofis-text);
text-decoration: none;
}
.cofis-product-card:hover::before { opacity: 1; }
.cofis-product-card img {
width: 62px;
height: 62px;
object-fit: cover;
border-radius: var(--cofis-radius-sm);
background: var(--cofis-bg-soft);
flex-shrink: 0;
}
.cofis-product-card .info {
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
flex: 1;
}
.cofis-product-card .name {
font-weight: 600;
font-size: 13px;
letter-spacing: -0.01em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--cofis-text);
}
.cofis-product-card .price {
font-size: 13.5px;
font-weight: 800;
background: var(--cofis-gradient);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
margin-top: 3px;
}
.cofis-msg-row.typing-row { align-items: flex-end; }
.cofis-typing {
display: inline-flex;
gap: 5px;
padding: 13px 16px;
background: var(--cofis-bubble-bot);
border: 1px solid var(--cofis-border-soft);
border-radius: 18px;
border-bottom-left-radius: 6px;
box-shadow: var(--cofis-shadow-sm);
}
.cofis-typing span {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--cofis-primary);
opacity: 0.4;
animation: cofisDot 1.2s infinite ease-in-out;
}
.cofis-typing span:nth-child(2) { animation-delay: 0.15s; }
.cofis-typing span:nth-child(3) { animation-delay: 0.3s; }
@keyframes cofisDot {
0%, 80%, 100% { transform: scale(0.6) translateY(0); opacity: 0.35; }
40%           { transform: scale(1) translateY(-2px); opacity: 1; }
}
.cofis-chat-form {
display: flex;
align-items: flex-end;
gap: 9px;
padding: 12px 14px 10px;
background: var(--cofis-bg-soft);
position: relative;
flex-shrink: 0;
}
.cofis-chat-form::before {
content: '';
position: absolute;
top: -14px; left: 0; right: 0;
height: 14px;
background: linear-gradient(180deg, rgba(60, 38, 12, 0) 0%, rgba(60, 38, 12, 0.045) 100%);
pointer-events: none;
}
.cofis-input-wrap {
flex: 1;
display: flex;
align-items: center;
background: var(--cofis-bg);
border: 1.5px solid var(--cofis-border);
border-radius: 24px;
padding: 2px 6px 2px 4px;
box-shadow: var(--cofis-shadow-sm);
transition: border-color 0.15s var(--cofis-ease), box-shadow 0.18s var(--cofis-ease);
}
.cofis-input-wrap:focus-within {
border-color: var(--cofis-primary);
box-shadow: 0 0 0 4px rgba(234, 88, 12, 0.12), var(--cofis-shadow-sm);
}
.cofis-chat-form textarea {
flex: 1;
box-sizing: border-box;
border: 0;
outline: none;
resize: none;
background: transparent;
color: var(--cofis-text);
font-size: 14px;
font-family: inherit;
line-height: 1.45;
padding: 9px 12px;
max-height: 120px;
overflow-y: hidden;
height: 40px;
}
.cofis-chat-form textarea::placeholder { color: var(--cofis-text-subtle); }
.cofis-chat-form textarea::-webkit-scrollbar { width: 5px; }
.cofis-chat-form textarea::-webkit-scrollbar-thumb { background: #DCC4A8; border-radius: 4px; }
.cofis-chat-form button {
background: var(--cofis-gradient);
color: #FFFFFF;
border: 0;
width: 45px;
height: 45px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 6px 16px rgba(234, 88, 12, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.35);
transition: transform 0.2s var(--cofis-spring), box-shadow 0.18s var(--cofis-ease), filter 0.15s var(--cofis-ease);
}
.cofis-chat-form button:hover {
transform: translateY(-1px) scale(1.08);
box-shadow: 0 9px 24px rgba(234, 88, 12, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.4);
filter: brightness(1.06);
}
.cofis-chat-form button:active { transform: scale(0.92); }
.cofis-chat-form button:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none;
}
.cofis-chat-form button svg {
width: 19px;
height: 19px;
fill: #FFFFFF;
transform: translateX(1px);
}
.cofis-quick-replies {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 4px 0 6px 36px;
animation: cofisMsgIn 0.45s var(--cofis-spring) both;
}
.cofis-quick-chip {
background:
linear-gradient(var(--cofis-bubble-bot), var(--cofis-bubble-bot)) padding-box,
var(--cofis-gradient) border-box;
border: 1.5px solid transparent;
color: var(--cofis-primary);
font-size: 12.5px;
font-weight: 600;
font-family: inherit;
padding: 8px 14px;
border-radius: 999px;
cursor: pointer;
white-space: nowrap;
box-shadow: var(--cofis-shadow-sm);
transition: transform 0.2s var(--cofis-spring), box-shadow 0.16s var(--cofis-ease),
background 0.16s var(--cofis-ease), color 0.16s var(--cofis-ease);
}
@media (prefers-color-scheme: dark) {
.cofis-quick-chip { color: #FFA63D; }
}
.cofis-quick-chip:hover {
background: var(--cofis-gradient);
color: #FFFFFF;
transform: translateY(-2px);
box-shadow: 0 7px 18px rgba(234, 88, 12, 0.34);
}
.cofis-quick-chip:active { transform: translateY(0) scale(0.96); }
.cofis-chat-footer-note {
font-size: 10.5px;
text-align: center;
color: var(--cofis-text-subtle);
padding: 0 12px 9px;
background: var(--cofis-bg-soft);
letter-spacing: -0.005em;
flex-shrink: 0;
}
.cofis-chat-footer-note::before {
content: '✨';
margin-right: 4px;
filter: saturate(0.7);
}
@media (max-width: 575px), (max-height: 480px) and (max-width: 920px) {
#cofis-chat-btn {
right: 16px;
bottom: calc(96px + env(safe-area-inset-bottom, 0px));
width: 56px;
height: 56px;
-webkit-tap-highlight-color: transparent;
}
#cofis-chat-btn svg { width: 26px; height: 26px; }
body.cofis-chat-open {
position: fixed;
left: 0;
right: 0;
width: 100%;
overflow: hidden;
}
body.cofis-chat-open #cofis-chat-btn,
body.cofis-chat-open .product-price-box,
body.cofis-chat-open .wc-style1,
body.cofis-chat-open .js-go-to { display: none !important; }
.cofis-chat-panel {
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
max-width: none;
height: 100vh;
height: 100dvh;
max-height: none;
border-radius: 0;
z-index: 2147483647;
animation: cofisSheetUp 0.32s var(--cofis-ease);
transform-origin: bottom center;
}
@keyframes cofisSheetUp {
from { opacity: 0; transform: translateY(28px); }
to   { opacity: 1; transform: translateY(0); }
}
.cofis-chat-header {
padding: calc(12px + env(safe-area-inset-top, 0px)) 14px 30px;
}
.cofis-chat-header .avatar { width: 40px; height: 40px; border-radius: 14px; }
.cofis-chat-header .name { font-size: 16px; }
.cofis-chat-header .status { font-size: 12.5px; }
.cofis-chat-header button {
width: 40px;
height: 40px;
border-radius: 13px;
-webkit-tap-highlight-color: transparent;
}
.cofis-chat-messages { padding: 20px 14px 8px; }
.cofis-msg { max-width: 86%; font-size: 14.5px; }
.cofis-products { margin-left: 0; }
.cofis-quick-replies { margin-left: 0; }
.cofis-quick-chip {
font-size: 13px;
padding: 10px 15px;
-webkit-tap-highlight-color: transparent;
}
.cofis-chat-form { padding: 10px 12px 8px; }
.cofis-chat-form textarea {
font-size: 16px;
height: 42px;
}
.cofis-chat-form button {
width: 46px;
height: 46px;
-webkit-tap-highlight-color: transparent;
}
.cofis-chat-footer-note {
padding: 0 12px calc(8px + env(safe-area-inset-bottom, 0px));
}
.cofis-chat-header,
.cofis-chat-header button,
.cofis-chat-form button {
transition: all 0.22s var(--cofis-ease);
}
.cofis-chat-panel.kb-open .cofis-chat-header {
padding: calc(4px + env(safe-area-inset-top, 0px)) 10px 22px;
align-items: center;
}
.cofis-chat-panel.kb-open .cofis-chat-header .avatar { display: none; }
.cofis-chat-panel.kb-open .cofis-chat-header .name { font-size: 14px; }
.cofis-chat-panel.kb-open .cofis-chat-header .status { display: none; }
.cofis-chat-panel.kb-open .cofis-chat-header button {
width: 30px;
height: 30px;
border-radius: 9px;
}
.cofis-chat-panel.kb-open .cofis-chat-messages { padding: 12px 12px 4px; }
.cofis-chat-panel.kb-open .cofis-msg-row { margin-bottom: 8px; }
.cofis-chat-panel.kb-open .cofis-msg { padding: 9px 13px; font-size: 14px; }
.cofis-chat-panel.kb-open .cofis-chat-form { padding: 6px 8px; gap: 7px; }
.cofis-chat-panel.kb-open .cofis-chat-form button { width: 40px; height: 40px; }
.cofis-chat-panel.kb-open .cofis-chat-form button svg { width: 17px; height: 17px; }
.cofis-chat-panel.kb-open .cofis-chat-form textarea {
padding: 7px 10px;
max-height: 88px;
}
.cofis-chat-panel.kb-open .cofis-lead-form { padding: 10px; gap: 7px; }
.cofis-chat-panel.kb-open .cofis-lead-form input { padding: 8px 11px; }
.cofis-chat-panel.kb-open .cofis-chat-footer-note { display: none; }
}
@media (prefers-reduced-motion: reduce) {
#cofis-chat-btn::after,
.cofis-chat-header .avatar .status-dot { animation: none; }
.cofis-chat-panel,
.cofis-msg-row,
.cofis-lead-form,
.cofis-quick-replies { animation-duration: 0.01ms; }
#cofis-chat-btn,
#cofis-chat-btn svg,
.cofis-quick-chip,
.cofis-product-card,
.cofis-chat-form button { transition-duration: 0.01ms; }
}
.cofis-teaser {
position: fixed;
right: 100px;
bottom: 100px;
width: 320px;
max-width: calc(100vw - 124px);
padding: 16px 16px 14px;
background: var(--cofis-bg);
color: var(--cofis-text);
border: 1px solid var(--cofis-border);
border-radius: 22px 22px 6px 22px;
box-shadow: var(--cofis-shadow-panel);
z-index: 9997;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
opacity: 0;
transform: translateX(14px) translateY(8px) scale(0.92);
transform-origin: bottom right;
transition: opacity 0.3s var(--cofis-ease), transform 0.45s var(--cofis-spring);
}
.cofis-teaser.in  { opacity: 1; transform: none; }
.cofis-teaser.out { opacity: 0; transform: translateX(10px) scale(0.94); transition-duration: 0.25s; }
.cofis-teaser svg { margin: 0 !important; vertical-align: middle !important; display: block; }
.cofis-teaser-close {
position: absolute;
top: 10px;
right: 10px;
width: 26px;
height: 26px;
padding: 0;
border: 0;
border-radius: 50%;
background: var(--cofis-bg-soft);
color: var(--cofis-text-muted);
display: grid;
place-items: center;
cursor: pointer;
transition: background 0.2s var(--cofis-ease), color 0.2s var(--cofis-ease);
}
.cofis-teaser-close:hover { background: var(--cofis-border-soft); color: var(--cofis-text); }
.cofis-teaser-close svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
.cofis-teaser-head { display: flex; align-items: center; gap: 11px; padding-right: 26px; }
.cofis-teaser-bot {
position: relative;
flex: 0 0 46px;
width: 46px;
height: 46px;
border-radius: 16px;
background: var(--cofis-gradient);
display: grid;
place-items: center;
box-shadow: 0 6px 14px rgba(234, 88, 12, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.35);
animation: cofisBotBob 3.2s ease-in-out infinite;
}
.cofis-teaser-bot svg { width: 36px; height: 36px; overflow: visible; }
.cofis-teaser-bot .kafa   { fill: #FFFFFF; }
.cofis-teaser-bot .kulak  { fill: #FFE3C7; }
.cofis-teaser-bot .yuz    { fill: #3A2A1E; }
.cofis-teaser-bot .gozler { fill: #FFB35C; transform-box: fill-box; transform-origin: center; animation: cofisBlink 4.2s infinite; }
.cofis-teaser-bot .agiz   { fill: none; stroke: #FFB35C; stroke-width: 1.5; stroke-linecap: round; }
.cofis-teaser-bot .anten  { stroke: #FFFFFF; stroke-width: 1.8; stroke-linecap: round; }
.cofis-teaser-bot .anten-isik { fill: #FFF3B0; animation: cofisAntenna 1.6s ease-in-out infinite; }
.cofis-teaser-dot {
position: absolute;
right: -2px;
bottom: -2px;
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--cofis-success);
border: 2px solid var(--cofis-bg);
}
.cofis-teaser-who { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.cofis-teaser-who strong { font-size: 14px; font-weight: 700; color: var(--cofis-text); }
.cofis-teaser-who span { font-size: 12px; color: var(--cofis-text-muted); }
.cofis-teaser-body {
margin-top: 12px;
font-size: 14px;
line-height: 1.5;
color: var(--cofis-text);
cursor: pointer;
min-height: 22px;
}
.cofis-teaser-body p { margin: 0; animation: cofisTzFade 0.35s var(--cofis-ease); }
.cofis-teaser-body strong { color: var(--cofis-primary); font-weight: 700; }
.cofis-teaser-dots { display: inline-flex; gap: 5px; padding: 8px 12px; border-radius: 14px; background: var(--cofis-bg-soft); }
.cofis-teaser-dots i {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--cofis-primary);
opacity: 0.35;
animation: cofisTzDot 1s infinite ease-in-out;
}
.cofis-teaser-dots i:nth-child(2) { animation-delay: 0.15s; }
.cofis-teaser-dots i:nth-child(3) { animation-delay: 0.3s; }
.cofis-teaser-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.cofis-teaser.yazildi .cofis-teaser-chips { margin-top: 12px; }
.cofis-teaser-chip {
padding: 7px 12px;
font-family: inherit;
font-size: 12.5px;
font-weight: 600;
line-height: 1.2;
color: var(--cofis-text);
background: linear-gradient(var(--cofis-bubble-bot), var(--cofis-bubble-bot)) padding-box, var(--cofis-gradient) border-box;
border: 1.5px solid transparent;
border-radius: 999px;
cursor: pointer;
opacity: 0;
animation: cofisTzFade 0.3s var(--cofis-ease) forwards;
transition: transform 0.2s var(--cofis-spring), box-shadow 0.2s var(--cofis-ease);
}
.cofis-teaser-chip:hover { transform: translateY(-2px); box-shadow: var(--cofis-shadow-md); }
.cofis-wave { display: inline-block; transform-origin: 70% 80%; animation: cofisWave 1.8s ease-in-out 0.3s 2; }
#cofis-chat-btn.cofis-nudge { animation: cofisNudge 0.9s var(--cofis-ease); }
.cofis-fab-badge {
position: absolute;
top: -3px;
right: -3px;
min-width: 22px;
height: 22px;
padding: 0 6px;
border-radius: 11px;
background: #DC2626;
color: #FFFFFF;
font: 700 12px/22px 'Inter', -apple-system, sans-serif;
text-align: center;
border: 2px solid #FFFFFF;
box-shadow: 0 2px 6px rgba(220, 38, 38, 0.4);
animation: cofisBadgePop 0.45s var(--cofis-spring);
pointer-events: none;
}
@keyframes cofisBlink    { 0%, 44%, 50%, 100% { transform: scaleY(1); } 47% { transform: scaleY(0.12); } }
@keyframes cofisAntenna  { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
@keyframes cofisBotBob   { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2px) rotate(-3deg); } }
@keyframes cofisTzDot    { 0%, 80%, 100% { transform: translateY(0); opacity: 0.35; } 40% { transform: translateY(-4px); opacity: 1; } }
@keyframes cofisTzFade   { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@keyframes cofisWave     { 0%, 60%, 100% { transform: rotate(0); } 10%, 30% { transform: rotate(16deg); } 20%, 40% { transform: rotate(-10deg); } }
@keyframes cofisNudge    { 0%, 100% { transform: rotate(0); } 20% { transform: rotate(-12deg) scale(1.06); } 40% { transform: rotate(10deg) scale(1.06); } 60% { transform: rotate(-6deg); } 80% { transform: rotate(3deg); } }
@keyframes cofisBadgePop { from { transform: scale(0); } to { transform: scale(1); } }
@media (max-width: 575px), (max-height: 480px) and (max-width: 920px) {
.cofis-teaser {
left: 12px;
right: 82px;
bottom: calc(96px + env(safe-area-inset-bottom, 0px));
width: auto;
max-width: none;
padding: 13px 13px 12px;
}
.cofis-teaser-bot { flex-basis: 40px; width: 40px; height: 40px; border-radius: 14px; }
.cofis-teaser-bot svg { width: 31px; height: 31px; }
.cofis-teaser-body { font-size: 13.5px; margin-top: 10px; }
.cofis-teaser-chip { font-size: 12px; padding: 6px 10px; }
body.cofis-chat-open .cofis-teaser { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
.cofis-teaser-bot,
.cofis-teaser-bot .gozler,
.cofis-teaser-bot .anten-isik,
.cofis-teaser-dots i,
.cofis-wave,
#cofis-chat-btn.cofis-nudge { animation: none; }
.cofis-teaser { transition-duration: 0.01ms; }
.cofis-teaser-chip { animation-duration: 0.01ms; }
}

/* /css/mobile-fixes.css */
.u-slick:not(.slick-initialized) .js-slide:first-child {
visibility: visible;
height: auto;
overflow: visible;
}
.banners { min-height: 25vw; }
@media (max-width: 1199.98px) {
.u-header .navbar .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
flex: 1 1 auto;
width: auto !important;
min-width: 0 !important;
margin-right: 8px !important;
}
.u-header .navbar .bootstrap-select > .dropdown-toggle {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 9px;
padding-bottom: 9px;
font-size: 14px;
}
.u-header .navbar .btn-text-secondary.py-4 {
padding-top: .5rem !important;
padding-bottom: .5rem !important;
}
.u-header .navbar .navbar-toggler {
margin-left: 6px;
}
.u-header .navbar .u-header__login-form .btn {
white-space: nowrap;
}
}
@media (max-width: 400px) {
.u-header .navbar .u-header__login-form {
padding-left: .25rem !important;
}
}
@media (max-width: 991.98px) {
.sag_panel .product-price-box.position-fixed {
box-shadow: 0 -4px 14px rgba(0, 0, 0, .08);
}
.sag_panel .product-price-box.position-fixed .offer-text {
font-size: 14px;
line-height: 1.1;
}
.sag_panel .product-price-box.position-fixed .price-text .old-price del {
line-height: 1.1;
}
.sag_panel .product-price-box.position-fixed .product-free-area {
line-height: 1.2;
font-size: 12px;
}
.sag_panel .product-price-box.position-fixed .hteslimat {
font-size: 11px;
line-height: 1.2;
}
.ilk_resim img.center,
.ikinci_resim img.center {
min-height: auto !important;
}
}
@media (min-width: 992px) and (max-width: 1599.98px) {
.ilk_resim img.center,
.ikinci_resim img.center { min-height: 260px !important; }
}
@media (min-width: 1600px) {
.ilk_resim img.center,
.ikinci_resim img.center { min-height: 280px !important; }
}

/* /css/redesign.css */
:root {
--co-primary:       #16211f;
--co-primary-soft:  #24332f;
--co-primary-line:  #35473f;
--co-accent:        #c8a35d;
--co-accent-dark:   #a3823f;
--co-accent-soft:   #f3ecdd;
--co-ink:           #121817;
--co-muted:         #65706d;
--co-surface:       #f7f4ed;
--co-line:          #e6dfd2;
--co-white:         #ffffff;
--co-radius:        12px;
--co-radius-sm:     8px;
--co-shadow:        0 10px 30px rgba(30, 39, 50, .08);
--co-shadow-soft:   0 4px 14px rgba(30, 39, 50, .06);
--co-font:          "Rubik", "Lato", sans-serif;
--co-font-display:  "Playfair Display", Georgia, "Times New Roman", serif;
}
::selection { background: var(--co-accent); color: var(--co-primary); }
.section-title {
font-family: var(--co-font-display);
font-weight: 600 !important;
letter-spacing: 0;
color: var(--co-ink);
}
.cofis-banner .cofis-baslik,
.cofis-banner .cofis-yan-baslik {
font-family: var(--co-font-display) !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
}
.btn-primary {
background-color: var(--co-primary);
border-color: var(--co-primary);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
background-color: var(--co-primary-soft);
border-color: var(--co-primary-soft);
box-shadow: var(--co-shadow-soft);
}
.btn-outline-primary {
color: var(--co-primary);
border-color: var(--co-primary);
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active {
background-color: var(--co-primary);
border-color: var(--co-primary);
color: #fff;
}
.btn-success {
background-color: var(--co-accent);
border-color: var(--co-accent);
color: var(--co-primary);
font-weight: 600;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled):active {
background-color: var(--co-accent-dark);
border-color: var(--co-accent-dark);
color: #fff;
}
.cofis-banner .cofis-banner-main { position: relative; }
.cofis-banner-dots {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
left: 0;
right: 0;
bottom: 14px;
display: flex;
justify-content: center;
gap: 8px;
z-index: 5;
}
.cofis-banner-dots li { margin: 0; line-height: 0; }
.cofis-banner-dots li button {
font-size: 0;
line-height: 0;
width: 9px;
height: 9px;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(30, 39, 50, .25);
cursor: pointer;
transition: all .2s ease;
}
.cofis-banner-dots li.slick-active button {
background: var(--co-accent-dark);
width: 22px;
border-radius: 50rem;
}
.co-eyebrow {
display: inline-block;
font-family: var(--co-font);
font-size: 12px;
font-weight: 600;
letter-spacing: .18em;
text-transform: uppercase;
color: var(--co-accent-dark);
margin-bottom: 10px;
}
.co-eyebrow::after {
content: "";
display: inline-block;
width: 34px;
height: 1px;
background: var(--co-accent);
vertical-align: middle;
margin-left: 12px;
opacity: .6;
}
.co-eyebrow--merkez::after { display: none; }
.co-btn-accent {
display: inline-block;
background: var(--co-accent);
color: var(--co-primary) !important;
font-family: var(--co-font);
font-size: 14px;
font-weight: 600;
letter-spacing: .02em;
padding: 13px 30px;
border-radius: 50rem;
transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.co-btn-accent:hover {
background: #d8b56e;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(200, 163, 93, .38);
text-decoration: none;
}
.co-btn-outline {
display: inline-block;
color: var(--co-primary) !important;
border: 1.5px solid var(--co-primary);
background: transparent;
font-family: var(--co-font);
font-size: 14px;
font-weight: 600;
padding: 12px 28px;
border-radius: 50rem;
transition: background .2s ease, color .2s ease, transform .2s ease;
}
.co-btn-outline:hover {
background: var(--co-primary);
color: #fff !important;
transform: translateY(-2px);
text-decoration: none;
}
.co-btn-ghost {
display: inline-block;
color: #fff !important;
border: 1px solid rgba(255, 255, 255, .45);
font-family: var(--co-font);
font-size: 14px;
font-weight: 500;
padding: 12px 28px;
border-radius: 50rem;
transition: border-color .2s ease, background .2s ease;
}
.co-btn-ghost:hover {
border-color: #fff;
background: rgba(255, 255, 255, .08);
text-decoration: none;
}
#co-uretim {
--co-geo: Futura, "Futura PT", "Century Gothic", "Twentieth Century", "Tw Cen MT", "Avenir Next", Avenir, Arial, sans-serif;
}
.co-fab-head {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 24px;
margin-bottom: 28px;
}
.co-fab-eyebrow {
display: block;
font-family: var(--co-geo);
font-size: 11px;
font-weight: 600;
letter-spacing: .16em;
text-transform: uppercase;
color: #8f887d;
margin-bottom: 8px;
}
.co-fab-head h2 {
font-family: var(--co-geo);
font-size: clamp(30px, 3vw, 50px);
font-weight: 300;
letter-spacing: -.01em;
color: var(--co-ink);
line-height: 1.05;
margin: 0;
}
.co-fab-head p {
margin: 34px 0 0;
max-width: 460px;
color: var(--co-muted);
font-family: var(--co-geo);
font-size: 13px;
line-height: 1.5;
text-align: right;
}
.co-fab-grid {
display: grid;
grid-template-columns: 1.1fr .9fr;
gap: 22px;
align-items: stretch;
}
.co-fab-media {
position: relative;
min-height: 560px;
border-radius: 14px;
overflow: hidden;
background: var(--co-primary);
}
.co-fab-media > a {
position: absolute;
inset: 0;
display: block;
}
.co-fab-media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.co-fab-media > a::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, .06) 34%, rgba(0, 0, 0, .62) 100%);
}
.co-fab-media .co-play {
position: absolute;
top: 42%;
left: 50%;
transform: translate(-50%, -50%);
width: 64px;
height: 64px;
border-radius: 50%;
background: rgba(22, 19, 15, .72);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
transition: transform .2s ease, background .2s ease;
}
.co-fab-media .co-play::after {
content: "";
border-style: solid;
border-width: 10px 0 10px 17px;
border-color: transparent transparent transparent #fff;
margin-left: 5px;
}
.co-fab-media a:hover .co-play {
background: rgba(22, 19, 15, .92);
transform: translate(-50%, -50%) scale(1.07);
}
.co-fab-pill {
position: absolute;
top: 20px;
left: 20px;
z-index: 2;
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(22, 19, 15, .78);
backdrop-filter: blur(6px);
color: #f4efe7;
font-family: var(--co-geo);
font-size: 10.5px;
font-weight: 600;
letter-spacing: .14em;
text-transform: uppercase;
padding: 9px 14px;
border-radius: 999px;
pointer-events: none;
}
.co-fab-pill i {
width: 7px;
height: 7px;
border-radius: 50%;
background: #e0402e;
animation: coFabNabiz 1.6s ease-in-out infinite;
}
@keyframes coFabNabiz {
0%, 100% { opacity: 1; }
50% { opacity: .35; }
}
.co-fab-rozet {
position: absolute;
left: 30px;
right: 30px;
bottom: 26px;
max-width: 520px;
background: transparent;
border-radius: 0;
padding: 0;
box-shadow: none;
pointer-events: none;
z-index: 2;
}
.co-fab-rozet-kicker {
display: block;
font-family: var(--co-geo);
font-size: 10.5px;
font-weight: 600;
letter-spacing: .16em;
text-transform: uppercase;
color: rgba(244, 239, 229, .72);
margin-bottom: 10px;
}
.co-fab-rozet h3 {
font-family: var(--co-geo);
font-size: clamp(24px, 2.2vw, 34px);
font-weight: 300;
letter-spacing: 0;
color: #fff;
line-height: 1.18;
margin: 0 0 10px;
}
.co-fab-rozet p {
margin: 0;
color: rgba(244, 239, 229, .78);
font-family: var(--co-geo);
font-size: 13px;
line-height: 1.5;
}
.co-fab-kartlar {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
.co-fab-kart {
position: relative;
display: flex;
flex-direction: column;
align-items: stretch;
background: #efece5;
border-radius: 14px;
padding: 22px;
min-height: 268px;
box-shadow: none;
transition: transform .2s ease, box-shadow .2s ease;
}
.co-fab-kart:hover {
transform: translateY(-3px);
box-shadow: 0 14px 30px rgba(47, 44, 40, .09);
text-decoration: none;
}
.co-fab-kart--1 { background: #efe5d8; }
.co-fab-kart--2 { background: #ececea; }
.co-fab-kart--3 { background: #eae5e2; }
.co-fab-kart--4 { background: #e4e9e0; }
.co-fab-ust {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: auto;
}
.co-fab-ikon {
flex: 0 0 auto;
width: 46px;
height: 46px;
border-radius: 14px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
color: var(--co-ink);
line-height: 0;
}
.co-fab-ikon .co-line-icon {
display: block;
width: 21px;
height: 21px;
stroke-width: 1.5;
margin: 0;
}
.co-line-icon {
width: 34px;
height: 34px;
stroke: currentColor;
stroke-width: 1.45;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
}
.co-fab-no {
font-family: var(--co-geo);
font-size: 11px;
letter-spacing: .08em;
color: #a49d92;
}
.co-fab-govde { padding-right: 42px; }
.co-fab-kart h3 {
font-family: var(--co-geo);
font-size: 17px;
font-weight: 600;
letter-spacing: 0;
color: var(--co-ink);
line-height: 1.2;
margin: 18px 0 7px;
}
.co-fab-kart p {
color: var(--co-muted);
font-family: var(--co-geo);
font-size: 12.5px;
line-height: 1.5;
margin: 0;
}
.co-fab-ok {
position: absolute;
right: 20px;
bottom: 20px;
width: 31px;
height: 31px;
border: 1px solid rgba(47, 44, 40, .18);
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 13px;
color: var(--co-ink);
transition: transform .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}
.co-fab-kart:hover .co-fab-ok {
transform: rotate(45deg);
background: var(--co-ink);
color: #fff;
border-color: var(--co-ink);
}
@media (max-width: 1199px) {
.co-fab-media { min-height: 460px; }
.co-fab-kart { min-height: 236px; }
}
@media (max-width: 991px) {
.co-fab-head { display: block; }
.co-fab-head p { text-align: left; margin: 10px 0 0; }
.co-fab-grid { grid-template-columns: 1fr; }
.co-fab-media { min-height: 360px; }
.co-fab-kart { min-height: 0; }
.co-fab-govde { padding-right: 0; }
.co-fab-kart h3 { margin-top: 26px; }
}
@media (max-width: 640px) {
.co-fab-kartlar { grid-template-columns: 1fr; }
.co-fab-media { min-height: 280px; }
.co-fab-rozet {
left: 14px;
right: 14px;
bottom: 14px;
max-width: none;
padding: 16px 18px;
}
.co-fab-rozet h3 { font-size: 18px; }
}
#co-uretim {
width: 100%;
max-width: none !important;
margin-bottom: 0 !important;
padding: 86px 4.5vw 96px;
background: #f5f4f2;
box-sizing: border-box;
}
#co-uretim .co-fab-head {
max-width: 1720px;
margin: 0 auto 34px;
align-items: flex-end;
gap: 50px;
}
#co-uretim .co-fab-eyebrow {
margin-bottom: 12px;
font-size: 10px;
letter-spacing: .16em;
color: #8b857d;
}
#co-uretim .co-fab-head h2 {
margin: 0;
color: #2f2c28;
font-size: clamp(38px, 4.2vw, 66px);
line-height: .95;
letter-spacing: -.05em;
font-weight: 500;
}
#co-uretim .co-fab-head p {
max-width: 470px;
margin: 0 0 6px;
color: #777169;
font-size: 13px;
line-height: 1.55;
text-align: right;
}
#co-uretim .co-fab-grid {
max-width: 1720px;
min-height: 600px;
margin: 0 auto;
grid-template-columns: minmax(0, 1.18fr) minmax(430px, .82fr);
gap: 18px;
}
#co-uretim .co-fab-media {
min-height: 600px;
overflow: hidden;
border-radius: 26px;
background: #211e1b;
}
#co-uretim .co-fab-media img {
object-position: center center;
}
#co-uretim .co-fab-media > a::after {
background: linear-gradient(0deg, rgba(24, 22, 20, .72) 0%, rgba(24, 22, 20, .08) 52%, rgba(24, 22, 20, 0) 100%);
}
#co-uretim .co-play {
display: none;
}
#co-uretim .co-fab-pill {
top: 24px;
left: 24px;
min-height: 38px;
padding: 0 14px;
gap: 9px;
border: 1px solid rgba(255, 255, 255, .28);
background: rgba(30, 28, 25, .38);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
color: #fff;
font-size: 9px;
letter-spacing: .14em;
}
#co-uretim .co-fab-pill i {
width: 7px;
height: 7px;
background: #d71920;
box-shadow: 0 0 0 4px rgba(215, 25, 32, .18);
}
#co-uretim .co-fab-rozet {
left: 30px;
right: 30px;
bottom: 28px;
max-width: 590px;
padding: 0;
}
#co-uretim .co-fab-rozet-kicker {
margin-bottom: 9px;
color: rgba(255, 255, 255, .68);
font-size: 9px;
letter-spacing: .15em;
}
#co-uretim .co-fab-rozet h3 {
max-width: 560px;
margin: 0 0 11px;
font-size: clamp(25px, 2.3vw, 39px);
line-height: 1.02;
letter-spacing: -.04em;
font-weight: 500;
}
#co-uretim .co-fab-rozet p {
max-width: 520px;
color: rgba(255, 255, 255, .72);
font-size: 12px;
line-height: 1.55;
}
#co-uretim .co-fab-kartlar {
grid-template-columns: 1fr 1fr;
gap: 14px;
}
#co-uretim .co-fab-kart {
height: 293px;
min-height: 293px;
padding: 0 23px 20px;
overflow: visible;
border-radius: 24px;
box-sizing: border-box;
transition: transform .24s ease, box-shadow .24s ease;
}
#co-uretim .co-fab-kart:hover,
#co-uretim .co-fab-kart:focus-visible {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(47, 44, 40, .10);
outline: none;
}
#co-uretim .co-fab-kart--1 { background: #e9e2d8; }
#co-uretim .co-fab-kart--2 { background: #e4e8e7; }
#co-uretim .co-fab-kart--3 { background: #e8e3e5; }
#co-uretim .co-fab-kart--4 { background: #e1e7df; }
#co-uretim .co-fab-medya {
position: absolute;
top: 18px;
left: 18px;
right: 18px;
height: 166px;
overflow: hidden;
border-radius: 17px;
background: #d8d4ce;
}
#co-uretim .co-fab-medya img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
#co-uretim .co-fab-ust {
display: none;
}
#co-uretim .co-fab-govde {
position: absolute;
left: 23px;
right: 58px;
bottom: 22px;
padding: 0;
}
#co-uretim .co-fab-kart h3 {
margin: 0 0 7px;
color: #2f2c28;
font-size: 18px;
line-height: 1.18;
letter-spacing: -.025em;
}
#co-uretim .co-fab-kart p {
max-width: 100%;
margin: 0;
color: #706a62;
font-size: 11.5px;
line-height: 1.55;
}
#co-uretim .co-fab-ok {
right: 20px;
bottom: 20px;
width: 31px;
height: 31px;
color: #2f2c28;
}
#co-uretim .co-fab-kart:hover .co-fab-ok,
#co-uretim .co-fab-kart:focus-visible .co-fab-ok {
transform: rotate(45deg);
background: #2f2c28;
color: #fff;
border-color: #2f2c28;
}
@media (max-width: 1100px) {
#co-uretim .co-fab-grid { grid-template-columns: 1fr; }
#co-uretim .co-fab-media { min-height: 520px; }
}
@media (max-width: 720px) {
#co-uretim { padding: 58px 20px 68px; }
#co-uretim .co-fab-head { display: block; }
#co-uretim .co-fab-head p { margin-top: 13px; text-align: left; }
#co-uretim .co-fab-media { min-height: 430px; }
#co-uretim .co-fab-kartlar { grid-template-columns: 1fr; }
#co-uretim .co-fab-kart { height: 260px; min-height: 260px; }
#co-uretim .co-fab-medya { height: 142px; }
}
.priced-category-section {
padding: 74px 4.4vw 88px;
background: #F5F4F2;
font-family: Futura, "Futura PT", "Avenir Next", Avenir, "Century Gothic", "Tw Cen MT", Arial, sans-serif;
}
.priced-category-inner {
max-width: 97%;
margin: 0 auto;
}
.priced-category-heading {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
align-items: end;
gap: 48px;
margin-bottom: 50px;
}
.priced-category-kicker {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 13px;
color: #8B857D;
font-size: 10px;
font-weight: 700;
letter-spacing: .17em;
}
.priced-category-kicker::before {
content: "";
width: 34px;
height: 1px;
background: #D71920;
}
.priced-category-heading h2 {
margin: 0;
color: #2F2C28;
font-family: inherit;
font-size: clamp(36px, 3.2vw, 52px);
line-height: 1.02;
font-weight: 500;
letter-spacing: -.048em;
text-transform: none;
}
.priced-category-heading > p {
max-width: 500px;
margin: 0 0 3px auto;
color: #746F67;
font-size: 13px;
line-height: 1.7;
}
.priced-category-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
.priced-category-card {
position: relative;
min-width: 0;
min-height: 205px;
padding: 24px 20px 20px;
border: 1px solid rgba(47, 44, 40, .055);
border-radius: 20px;
overflow: hidden;
color: #2F2C28;
display: grid;
grid-template-columns: minmax(138px, .9fr) minmax(150px, 1.1fr);
align-items: center;
text-decoration: none;
transition: transform .28s ease, box-shadow .28s ease, background .28s ease;
}
.priced-category-card:hover,
.priced-category-card:focus {
transform: translateY(-5px);
box-shadow: 0 20px 42px rgba(47, 44, 40, .09);
text-decoration: none;
color: #2F2C28;
}
.priced-category-card.tone-sage  { background: #E9EEE9; }
.priced-category-card.tone-cream { background: #EFEDE7; }
.priced-category-card.tone-blush { background: #F0E9E6; }
.priced-category-card.tone-stone { background: #ECECE9; }
.priced-category-card.tone-sand  { background: #EEE9E1; }
.priced-card-copy {
position: relative;
z-index: 3;
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: center;
}
.priced-card-copy h3 {
max-width: 180px;
margin: 0 0 23px;
font-family: inherit;
font-size: 15px;
line-height: 1.2;
font-weight: 700;
letter-spacing: -.02em;
text-transform: uppercase;
color: inherit;
}
.priced-card-price {
display: flex;
align-items: baseline;
gap: 4px;
color: #5F7066;
}
.priced-card-price strong {
font-size: 21px;
line-height: 1;
font-weight: 500;
letter-spacing: -.035em;
}
.priced-card-price span {
font-size: 11px;
font-weight: 600;
}
.priced-card-copy small {
display: block;
margin-top: 8px;
color: #8A7766;
font-size: 10.5px;
line-height: 1.25;
font-weight: 700;
letter-spacing: .025em;
}
.priced-card-visual {
position: relative;
z-index: 2;
width: 100%;
height: 160px;
display: flex;
align-items: center;
justify-content: center;
}
.priced-card-visual img {
width: 112%;
height: 112%;
max-width: none;
object-fit: contain;
object-position: center;
mix-blend-mode: multiply;
filter: saturate(.88) contrast(.98);
transition: transform .32s ease;
}
.priced-category-card:hover .priced-card-visual img {
transform: scale(1.045);
}
.priced-card-arrow {
position: absolute;
z-index: 4;
right: 15px;
top: 15px;
width: 28px;
height: 28px;
border-radius: 50%;
border: 1px solid rgba(47, 44, 40, .16);
display: grid;
place-items: center;
font-size: 12px;
font-style: normal;
transition: background .22s ease, color .22s ease, transform .22s ease;
}
.priced-category-card:hover .priced-card-arrow {
background: #2F2C28;
color: #fff;
transform: rotate(45deg);
}
.discount-card-special {
background: linear-gradient(135deg, #F2ECE6 0%, #EDE7DD 100%);
}
.discount-visual {
align-items: center;
justify-content: center;
}
.discount-tag {
width: 154px;
height: 126px;
padding: 14px;
border-radius: 24px 24px 24px 8px;
background: #FFF7EF;
color: #2F2C28;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transform: rotate(5deg);
box-shadow: 0 16px 32px rgba(47, 44, 40, .09);
}
.discount-tag::before {
content: "";
position: absolute;
width: 14px;
height: 14px;
border-radius: 50%;
background: #E6DED3;
left: 15px;
top: 15px;
}
.discount-tag span {
font-size: 7px;
letter-spacing: .12em;
font-weight: 700;
}
.discount-tag strong {
color: #75A02F;
font-size: 48px;
line-height: .9;
font-weight: 700;
}
.discount-tag b {
color: #29366F;
font-size: 13px;
letter-spacing: .08em;
}
.partnership-category-card-v336 {
background:
radial-gradient(circle at 82% 50%, rgba(214, 183, 123, .18) 0 1px, transparent 2px 34px, rgba(214, 183, 123, .11) 35px, transparent 36px 69px, rgba(214, 183, 123, .07) 70px, transparent 71px),
linear-gradient(135deg, #202220 0%, #34312C 55%, #171817 100%);
color: #F5F0E8;
border-color: rgba(255, 255, 255, .10);
overflow: hidden;
isolation: isolate;
}
.partnership-category-card-v336::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background: linear-gradient(115deg, transparent 0 58%, rgba(255, 255, 255, .045) 58.2%, transparent 58.5% 100%);
}
.partnership-category-card-v336:hover,
.partnership-category-card-v336:focus {
color: #F5F0E8;
}
.partnership-category-card-v336 .priced-card-copy { z-index: 3; }
.partnership-category-kicker-v336 {
display: block;
margin: 0 0 10px;
color: #CBB89A;
font-size: 8px;
line-height: 1.2;
font-weight: 700;
letter-spacing: .13em;
}
.partnership-category-card-v336 .priced-card-copy h3 {
max-width: 172px;
margin: 0 0 15px;
color: #F7F2E9;
line-height: 1.16;
}
.partnership-card-tiers-v336 {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.partnership-card-tiers-v336 span {
display: inline-flex;
align-items: center;
min-height: 20px;
padding: 0 7px;
border: 1px solid rgba(255, 255, 255, .17);
border-radius: 999px;
color: rgba(255, 255, 255, .76);
font-size: 7px;
line-height: 1;
font-weight: 700;
letter-spacing: .08em;
}
.partnership-program-visual-v336 {
z-index: 2;
height: 170px;
overflow: visible;
}
.partnership-mini-stack-v336 {
position: relative;
width: 186px;
height: 160px;
transform: translateX(3px);
}
.partnership-mini-card-v336 {
--print: #4F220D;
--print-hi: rgba(255, 224, 194, .48);
--print-lo: rgba(55, 16, 3, .82);
position: absolute;
width: 126px;
aspect-ratio: 1464 / 752;
padding: 8px 9px;
border: 0;
border-radius: 6px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: 103% 108%;
box-shadow: none;
filter: drop-shadow(0 3px 2px rgba(0, 0, 0, .32)) drop-shadow(0 11px 13px rgba(0, 0, 0, .34));
}
.partnership-mini-card-v336 > * { position: relative; z-index: 2; }
.partnership-mini-card-v336 > div {
display: flex;
justify-content: space-between;
gap: 5px;
align-items: start;
}
.partnership-mini-card-v336 b,
.partnership-mini-card-v336 b em,
.partnership-mini-card-v336 small,
.partnership-mini-card-v336 strong,
.partnership-mini-card-v336 > span {
color: var(--print);
-webkit-text-fill-color: var(--print);
text-shadow: 0 .5px 0 var(--print-hi), 0 -.5px 0 var(--print-lo);
}
.partnership-mini-card-v336 b {
font-size: 4.5px;
line-height: 1;
letter-spacing: .10em;
white-space: nowrap;
}
.partnership-mini-card-v336 b em { font-style: normal; }
.partnership-mini-card-v336 small {
font-size: 3.5px;
line-height: 1;
letter-spacing: .15em;
padding: 1px 0 2px;
border: 0;
border-bottom: 1px solid color-mix(in srgb, var(--print) 30%, transparent);
background: none;
}
.partnership-mini-card-v336 strong {
font-size: clamp(8px, .86vw, 12px);
line-height: .84;
font-weight: 750;
letter-spacing: .03em;
}
.partnership-mini-card-v336 > span {
max-width: 78px;
white-space: normal;
font-size: 2.7px;
line-height: 1.25;
letter-spacing: .035em;
}
.partnership-mini-silver-v336 {
left: 2px;
top: 5px;
z-index: 3;
transform: rotate(-8deg);
background-image: url("/img/ortaklik-mini-bronz.webp");
}
.partnership-mini-gold-v336 {
--print: #5B3605;
--print-hi: rgba(255, 235, 174, .46);
--print-lo: rgba(61, 31, 2, .84);
left: 29px;
top: 40px;
z-index: 4;
transform: rotate(1deg);
background-image: url("/img/ortaklik-mini-gold.webp");
}
.partnership-mini-platinum-v336 {
--print: #050505;
--print-hi: rgba(255, 255, 255, .28);
--print-lo: rgba(0, 0, 0, .95);
left: 56px;
top: 75px;
z-index: 5;
transform: rotate(8deg);
background-image: url("/img/ortaklik-mini-black.webp");
}
.partnership-category-card-v336 .priced-card-arrow {
color: #F5F0E8;
border-color: rgba(255, 255, 255, .28);
}
.partnership-category-card-v336:hover .priced-card-arrow {
background: #F5F0E8;
color: #242522;
border-color: #F5F0E8;
}
@media (max-width: 640px) {
.partnership-mini-stack-v336 { transform: translateX(0) scale(.94); }
}
@media (max-width: 1320px) {
.priced-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
.priced-category-heading { grid-template-columns: 1fr; gap: 16px; }
.priced-category-heading > p { margin-left: 0; }
.priced-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
.priced-category-section { padding: 56px 16px 66px; }
.priced-category-heading h2 { font-size: 36px; }
.priced-category-grid { grid-template-columns: 1fr; gap: 12px; }
.priced-category-card { min-height: 190px; }
.partnership-category-card-v336 { grid-template-columns: minmax(140px, 1fr) minmax(130px, 1fr); }
}
.discount-hero {
background: #F5F4F2;
font-family: Futura, "Futura PT", "Avenir Next", Avenir, "Century Gothic", "Tw Cen MT", Arial, sans-serif;
}
.discount-hero-wrap {
margin: 0 auto;
display: grid;
grid-template-columns: 1.12fr .88fr;
gap: 20px;
min-height: 560px;
}
.discount-main {
position: relative;
background: #C9D3C7;
height: 560px;
min-height: 560px;
display: grid;
grid-template-columns: 160px 1fr;
overflow: hidden;
}
.discount-side-accent {
background: #B4C2B2;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 34px;
}
.discount-side-accent .accent-bar {
width: 72px;
height: 190px;
border-radius: 34px;
background: #E4ECE1;
transform-origin: center bottom;
}
.discount-side-accent .accent-dot {
width: 72px;
height: 72px;
border-radius: 50%;
background: #E4ECE1;
transform-origin: center top;
}
@keyframes coUnlemKalp {
0%, 100% { transform: scale(1); }
12%      { transform: scale(1.14); }
24%      { transform: scale(.98); }
36%      { transform: scale(1.09); }
50%      { transform: scale(1); }
}
.discount-main:hover .accent-bar,
.discount-main:hover .accent-dot {
animation: coUnlemKalp 1.25s cubic-bezier(.36, .07, .19, .97) infinite;
}
.discount-main:hover .accent-dot { animation-delay: .09s; }
@media (prefers-reduced-motion: reduce) {
.discount-main:hover .accent-bar,
.discount-main:hover .accent-dot { animation: none; }
}
.discount-main-copy {
display: flex;
flex-direction: column;
justify-content: center;
padding: 38px 42px 38px 34px;
}
.discount-kicker {
font-size: 12px;
font-weight: 500;
letter-spacing: .14em;
color: #2F2C28;
margin-bottom: 18px;
}
.discount-main-copy h2 {
margin: 0 0 14px;
font-family: inherit;
font-size: clamp(42px, 4.2vw, 68px);
line-height: .95;
letter-spacing: -.05em;
font-weight: 600;
color: #2F2C28;
text-transform: none;
}
.discount-main-copy p {
margin: 0 0 22px;
max-width: 520px;
font-size: 15px;
line-height: 1.5;
color: #415142;
}
.discount-main-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 54px;
padding: 0 26px;
border-radius: 999px;
background: #2F2C28;
color: #F5F4F2;
font-size: 14px;
font-weight: 500;
letter-spacing: .04em;
width: max-content;
transition: background .22s ease, transform .22s ease;
}
.discount-main-btn:hover,
.discount-main-btn:focus {
background: #1d1b18;
color: #fff;
transform: translateY(-2px);
text-decoration: none;
}
.discount-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: 1fr;
gap: 20px;
height: 560px;
min-height: 560px;
}
.discount-card {
position: relative;
overflow: hidden;
height: 560px;
min-height: 560px;
background: #D9DED6;
display: block;
}
.discount-card,
.discount-card:hover { text-decoration: none; }
.discount-card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .5s ease;
}
.discount-card:hover img { transform: scale(1.045); }
.discount-overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, .02) 18%, rgba(0, 0, 0, .48) 100%);
}
.discount-card-copy {
position: absolute;
left: 24px;
right: 24px;
bottom: 22px;
z-index: 2;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 18px;
}
.discount-card-copy h3 {
margin: 0;
font-family: inherit;
font-size: clamp(22px, 2vw, 34px);
line-height: 1.02;
letter-spacing: -.03em;
font-weight: 600;
color: #fff;
max-width: 82%;
}
.discount-card-copy span {
font-size: 18px;
font-weight: 500;
color: #fff;
white-space: nowrap;
transform: translateY(-2px);
}
@media (max-width: 1280px) {
.discount-hero-wrap { grid-template-columns: 1fr; }
}
@media (max-width: 980px) {
.discount-main {
grid-template-columns: 110px 1fr;
height: auto;
min-height: 560px;
}
.discount-side-accent .accent-bar { width: 54px; height: 180px; }
.discount-side-accent .accent-dot { width: 54px; height: 54px; }
.discount-main-copy { padding: 42px 28px 42px 26px; }
.discount-main-copy h2 { font-size: clamp(42px, 9vw, 64px); }
.discount-grid {
grid-template-columns: 1fr;
grid-template-rows: auto;
height: auto;
min-height: 0;
}
.discount-card { min-height: 320px; height: 320px; }
.discount-card-copy {
flex-direction: column;
align-items: flex-start;
gap: 6px;
left: 20px;
right: 20px;
bottom: 20px;
}
.discount-card-copy h3 { max-width: 100%; }
}
@media (max-width: 680px) {
.discount-main {
grid-template-columns: 66px 1fr;
min-height: 480px;
}
.discount-side-accent { gap: 22px; }
.discount-side-accent .accent-bar { width: 34px; height: 120px; }
.discount-side-accent .accent-dot { width: 34px; height: 34px; }
.discount-main-copy { padding: 34px 22px 34px 20px; }
.discount-main-copy h2 { font-size: clamp(32px, 8.5vw, 52px); }
}
.urun_kutu.card {
border-radius: var(--co-radius);
overflow: hidden;
}
.urun_kutu .text-warning {
color: var(--co-accent-dark) !important;
}
.projeler-vitrin-block {
background: var(--co-surface);
}
.proje-vitrin-item { border-radius: var(--co-radius); }
.proje-vitrin-item:hover .proje-vitrin-overlay {
background: linear-gradient(to top, rgba(30, 39, 50, .92) 0%, rgba(0, 0, 0, 0) 100%);
}
.testimonial-block.bg-gray-2 { background: var(--co-surface) !important; }
.testimonial-block .card { border-radius: var(--co-radius); border-color: var(--co-line) !important; }
.testimonial-block .card p {
font-family: var(--co-font-display);
font-style: italic;
font-size: 14px !important;
line-height: 1.7 !important;
color: var(--co-muted) !important;
}
.co-steps-section {
background:
radial-gradient(560px 340px at 10% 15%, rgba(200, 163, 93, .12), transparent 70%),
radial-gradient(640px 400px at 90% 88%, rgba(22, 33, 31, .06), transparent 70%),
var(--co-surface);
padding: 62px 0 56px;
margin-bottom: 34px;
position: relative;
overflow: hidden;
}
.co-steps-section::before {
content: "";
position: absolute;
top: -150px;
right: -110px;
width: 430px;
height: 430px;
border: 1px solid rgba(163, 130, 63, .22);
border-radius: 50%;
box-shadow: 0 0 0 52px rgba(163, 130, 63, .05);
pointer-events: none;
}
.co-steps-section::after {
content: "";
position: absolute;
bottom: -130px;
left: -100px;
width: 300px;
height: 300px;
border: 1px solid rgba(163, 130, 63, .18);
border-radius: 30px;
transform: rotate(45deg);
pointer-events: none;
}
.co-steps-section .container { position: relative; z-index: 1; }
.co-steps-head { text-align: center; margin-bottom: 32px; }
.co-steps-head h2 {
font-family: var(--co-font-display);
font-size: 32px;
font-weight: 600;
letter-spacing: 0;
color: var(--co-ink);
margin: 0 0 8px;
}
.co-steps-head p { color: var(--co-muted); font-size: 14.5px; margin: 0; }
.co-flow {
position: relative;
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 16px;
}
.co-flow-step {
display: flex;
flex-direction: column;
align-items: center;
}
.co-flow-head {
position: relative;
width: 100%;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
}
.co-flow-head::before {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 2px;
transform: translateY(-50%);
background: linear-gradient(90deg, rgba(200, 163, 93, .30), rgba(200, 163, 93, .62));
z-index: 0;
}
.co-flow-step:first-child .co-flow-head::before { left: 50%; }
.co-flow-step:last-child  .co-flow-head::before { right: 50%; }
.co-flow-node {
position: relative;
z-index: 1;
width: 52px;
height: 52px;
border-radius: 50%;
background: radial-gradient(circle at 32% 28%, #e7ce8f, var(--co-accent) 58%, var(--co-accent-dark));
color: var(--co-primary);
font-family: var(--co-font-display);
font-size: 20px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
border: 4px solid var(--co-surface);
box-shadow: 0 6px 16px rgba(200, 163, 93, .40);
transition: transform .22s ease, box-shadow .22s ease;
}
.co-flow-body {
position: relative;
width: 100%;
flex: 1;
margin-top: 10px;
background: var(--co-white);
border: 1px solid var(--co-line);
border-radius: 16px;
padding: 20px 16px 18px;
text-align: center;
box-shadow: 0 2px 10px rgba(30, 39, 50, .04);
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.co-flow-ikon {
width: 30px;
height: 30px;
margin: 0 auto 10px;
color: var(--co-accent-dark);
display: flex;
align-items: center;
justify-content: center;
transition: color .22s ease;
}
.co-flow-ikon .co-line-icon { width: 30px; height: 30px; stroke-width: 1.4; }
.co-flow-body h3 {
font-family: var(--co-font);
font-size: 16px;
font-weight: 600;
color: var(--co-ink);
margin: 0 0 5px;
letter-spacing: -.01em;
}
.co-flow-body p { font-size: 12.5px; color: var(--co-muted); margin: 0; line-height: 1.5; }
.co-flow-step:hover .co-flow-body {
transform: translateY(-4px);
box-shadow: var(--co-shadow);
border-color: rgba(200, 163, 93, .5);
}
.co-flow-step:hover .co-flow-node {
transform: scale(1.08);
box-shadow: 0 9px 22px rgba(200, 163, 93, .55);
}
.co-flow-step:hover .co-flow-ikon { color: var(--co-primary); }
.co-steps-cta {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
flex-wrap: wrap;
margin-top: 30px;
}
.co-steps-cta .not {
flex-basis: 100%;
text-align: center;
font-size: 13px;
color: var(--co-muted);
margin-top: 10px;
}
@media (max-width: 991px) {
.co-flow { grid-template-columns: repeat(3, 1fr); row-gap: 24px; }
.co-flow-head::before { display: none; }
}
@media (max-width: 575px) {
.co-flow { grid-template-columns: repeat(2, 1fr); }
.co-steps-head h2 { font-size: 24px; }
}
.co-rooms-section {
--co-geo: Futura, "Futura PT", "Century Gothic", "Twentieth Century", "Tw Cen MT", "Avenir Next", Avenir, Arial, sans-serif;
padding: 86px 4.5vw 96px;
background: #f5f4f2;
}
.co-rooms-section > .container {
width: 100%;
max-width: 1720px !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.co-rooms-section .co-section-head {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 40px;
margin-bottom: 38px;
}
.co-rooms-section .co-eyebrow {
display: block;
margin-bottom: 13px;
font-family: var(--co-geo);
font-size: 10px;
line-height: 1;
font-weight: 600;
letter-spacing: .18em;
color: #8b857d;
}
.co-rooms-section .co-eyebrow::after {
display: none;
}
.co-rooms-section .co-section-head h2 {
font-family: var(--co-geo);
font-size: clamp(38px, 4vw, 64px);
font-weight: 500;
letter-spacing: -.052em;
color: #2f2c28;
margin: 0;
line-height: .96;
}
.co-rooms-section .co-section-head p {
position: relative;
margin: 0 0 6px;
padding-bottom: 7px;
color: #7c776f;
font-family: var(--co-geo);
font-size: 13px;
white-space: nowrap;
}
.co-rooms-section .co-section-head p::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: #2f2c28;
opacity: .38;
transform: scaleX(.42);
transform-origin: left;
transition: transform .35s ease, opacity .35s ease;
}
.co-rooms-section:hover .co-section-head p::after {
opacity: .72;
transform: scaleX(1);
}
.co-sol-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
.co-sol-card {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
min-height: auto;
padding: 18px 20px 22px;
overflow: visible;
isolation: isolate;
background: #efeeea;
border: 1px solid rgba(47, 44, 40, .045);
border-radius: 24px;
color: #2f2c28;
transition: transform .34s cubic-bezier(.2, .7, .2, 1), background .34s ease, border-color .34s ease, box-shadow .34s ease;
}
.co-sol-card:nth-child(2n) {
background: #eceae6;
}
.co-sol-card::before {
content: "";
position: absolute;
z-index: -1;
top: -82px;
right: -72px;
width: 170px;
height: 170px;
border-radius: 50%;
background: radial-gradient(circle, rgba(255, 255, 255, .82) 0%, rgba(255, 255, 255, 0) 72%);
opacity: 0;
transform: scale(.7);
transition: opacity .38s ease, transform .5s cubic-bezier(.2, .8, .2, 1);
}
.co-sol-card::after {
content: "";
position: absolute;
left: 24px;
right: 24px;
bottom: 0;
height: 2px;
border-radius: 999px;
background: #b8ab98;
transform: scaleX(0);
transform-origin: left;
transition: transform .42s cubic-bezier(.2, .8, .2, 1);
}
.co-sol-card:hover,
.co-sol-card:focus-visible {
transform: translateY(-7px) scale(1.008);
background: #fff;
border-color: rgba(47, 44, 40, .12);
box-shadow: 0 22px 48px rgba(47, 44, 40, .095);
outline: none;
text-decoration: none;
}
.co-sol-card:hover::before,
.co-sol-card:focus-visible::before {
opacity: 1;
transform: scale(1);
}
.co-sol-card:hover::after,
.co-sol-card:focus-visible::after {
transform: scaleX(1);
}
.co-sol-gorsel {
position: relative;
flex: 0 0 auto;
width: 100%;
aspect-ratio: 1 / 1;
margin: 0 0 18px;
overflow: hidden;
border-radius: 24px;
background: #f6f3ee;
box-shadow: inset 0 0 0 1px rgba(47, 44, 40, .035);
transition: transform .34s cubic-bezier(.2, .8, .2, 1), box-shadow .34s ease;
}
.co-sol-gorsel img {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
object-position: center;
border-radius: 24px;
}
.co-sol-gorsel-hover {
position: absolute;
inset: 0;
z-index: 2;
opacity: 0;
transition: opacity .32s ease;
}
.co-sol-gorsel-ana {
position: relative;
z-index: 1;
opacity: 1;
transition: opacity .32s ease;
}
.co-sol-card--hover-image .co-sol-gorsel:hover .co-sol-gorsel-ana,
.co-sol-card--hover-image:focus-visible .co-sol-gorsel-ana {
opacity: 0;
}
.co-sol-card--hover-image .co-sol-gorsel:hover .co-sol-gorsel-hover,
.co-sol-card--hover-image:focus-visible .co-sol-gorsel-hover {
opacity: 1;
}
.co-sol-card:hover .co-sol-gorsel,
.co-sol-card:focus-visible .co-sol-gorsel {
transform: translateY(-2px);
}
.co-sol-metin {
margin-top: 0;
padding: 0 4px 38px;
transition: transform .34s cubic-bezier(.2, .8, .2, 1);
}
.co-sol-card:hover .co-sol-metin,
.co-sol-card:focus-visible .co-sol-metin {
transform: translateY(-2px);
}
.co-sol-kicker {
display: block;
font-family: var(--co-geo);
font-size: 9px;
font-weight: 600;
letter-spacing: .14em;
text-transform: uppercase;
color: rgba(255, 255, 255, .56);
margin-bottom: 7px;
}
.co-sol-card h3 {
font-family: var(--co-geo);
font-size: 17px;
font-weight: 600;
color: #2f2c28;
margin: 0 0 9px;
letter-spacing: -.025em;
line-height: 1.2;
}
.co-sol-card p {
font-family: var(--co-geo);
max-width: 280px;
font-size: 11.5px;
color: #777169;
margin: 0;
line-height: 1.55;
}
.co-sol-ok {
position: absolute;
right: 20px;
bottom: 18px;
width: 32px;
height: 32px;
border: 1px solid rgba(47, 44, 40, .18);
border-radius: 50%;
display: grid;
place-items: center;
font-size: 13px;
color: inherit;
background: transparent;
transition: transform .34s cubic-bezier(.2, .8, .2, 1), background .24s ease, color .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.co-sol-card:hover .co-sol-ok,
.co-sol-card:focus-visible .co-sol-ok {
transform: translate(2px, -2px) rotate(45deg) scale(1.06);
background: #2f2c28;
color: #fff;
border-color: #2f2c28;
box-shadow: 0 8px 18px rgba(47, 44, 40, .16);
}
.co-sol-card.co-sol-cta {
background: radial-gradient(circle at 88% 18%, rgba(255, 255, 255, .06), transparent 28%), linear-gradient(145deg, #292622, #211e1b);
color: #fff;
}
.co-sol-cta::before {
top: -95px;
right: -75px;
width: 220px;
height: 220px;
background: repeating-radial-gradient(circle at center, rgba(255, 255, 255, .08) 0 1px, transparent 1px 7px);
opacity: .36;
transform: scale(.9) rotate(-12deg);
}
.co-sol-cta::after {
background: #c2b49e;
}
.co-sol-card.co-sol-cta:hover,
.co-sol-card.co-sol-cta:focus-visible {
background: radial-gradient(circle at 88% 18%, rgba(255, 255, 255, .09), transparent 32%), linear-gradient(145deg, #302c28, #201d1a);
border-color: rgba(255, 255, 255, .14);
box-shadow: 0 24px 52px rgba(31, 28, 24, .24);
}
.co-sol-card.co-sol-cta:hover::before,
.co-sol-card.co-sol-cta:focus-visible::before {
opacity: .62;
transform: scale(1.06) rotate(0deg);
}
.co-sol-cta .co-sol-gorsel {
background: rgba(255, 255, 255, .06);
}
.co-sol-cta .co-sol-gorsel img {
filter: brightness(.88) contrast(1.06) saturate(.92);
}
.co-sol-cta h3 { color: #fff; }
.co-sol-cta p { color: rgba(255, 255, 255, .68); }
.co-sol-cta .co-sol-ok { border-color: rgba(255, 255, 255, .28); color: #fff; }
.co-sol-cta:hover .co-sol-ok,
.co-sol-cta:focus-visible .co-sol-ok { background: #fff; color: #24211e; border-color: #fff; }
@media (max-width: 1200px) {
.co-sol-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
.co-rooms-section { padding: 58px 20px 68px; }
.co-rooms-section .co-section-head { display: block; }
.co-rooms-section .co-section-head p { display: inline-block; margin-top: 12px; white-space: normal; }
.co-sol-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
.co-rooms-section *,
.co-rooms-section *::before,
.co-rooms-section *::after {
transition: none !important;
}
}
.co-footer-cta {
background: linear-gradient(180deg, var(--co-white), var(--co-surface));
padding: 50px 0;
}
.co-footer-cta h2 {
font-family: var(--co-font-display);
font-size: 30px;
font-weight: 600;
letter-spacing: 0;
color: var(--co-ink);
margin: 0 0 8px;
}
.co-footer-cta p { color: var(--co-muted); font-size: 15px; margin: 0; }
.co-footer-cta .co-cta-butonlar {
display: flex;
gap: 12px;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.co-btn-dark {
display: inline-block;
background: var(--co-primary);
color: #fff !important;
font-family: var(--co-font);
font-size: 14px;
font-weight: 600;
padding: 13px 30px;
border-radius: 50rem;
transition: background .2s ease, transform .2s ease;
}
.co-btn-dark:hover {
background: var(--co-primary-soft);
transform: translateY(-2px);
text-decoration: none;
}
@media (max-width: 767px) {
.co-footer-cta { text-align: center; }
.co-footer-cta .co-cta-butonlar { justify-content: center; margin-top: 18px; }
.co-footer-cta h2 { font-size: 22px; }
}
.cofis-banner .cofis-etiket {
background: var(--co-accent-soft) !important;
color: var(--co-accent-dark) !important;
letter-spacing: .14em !important;
}
.cofis-banner .cofis-btn,
.cofis-banner .cofis-yan-btn {
background: var(--co-accent) !important;
color: var(--co-primary) !important;
border-radius: 50rem !important;
font-weight: 600 !important;
letter-spacing: .02em;
}
.cofis-banner .cofis-btn:hover,
.cofis-banner .cofis-yan-btn:hover {
background: #d8b56e !important;
filter: none !important;
}
.cofis-banner .cofis-yan-pill {
background: rgba(200, 163, 93, .18) !important;
color: var(--co-accent) !important;
letter-spacing: .12em !important;
}
footer.footer {
background: var(--co-primary);
margin-top: 0 !important;
}
footer.footer > .bg-light,
footer.footer > .space-1 { background: transparent !important; }
footer.footer > div h4 { color: #fff; }
footer.footer > div .text-gray-1,
footer.footer > div address span,
footer.footer > div p { color: rgba(255, 255, 255, .6) !important; }
footer.footer > div .text-primary { color: var(--co-accent) !important; }
footer.footer > div .fill-primary { fill: var(--co-accent) !important; }
footer.footer > div .list-group-item {
background: transparent !important;
color: rgba(255, 255, 255, .72) !important;
}
footer.footer > div a.list-group-item:hover { color: var(--co-accent) !important; }
footer.footer > div .btn-social .btn-icon__inner { color: rgba(255, 255, 255, .8); }
footer.footer > div .btn-social:hover .btn-icon__inner { color: var(--co-accent); }
footer.footer > div .border-color-8,
footer.footer > .border-top,
footer.footer > .border-bottom { border-color: rgba(255, 255, 255, .12) !important; }
footer.footer > div .form-control {
background: rgba(255, 255, 255, .07) !important;
border-color: rgba(255, 255, 255, .22) !important;
color: #fff !important;
}
footer.footer > div .form-control::placeholder { color: rgba(255, 255, 255, .4); }
footer.footer > div .btn-primary {
background: var(--co-accent) !important;
border-color: var(--co-accent) !important;
color: var(--co-primary) !important;
font-weight: 600;
}
footer.footer > div img[alt*="Logo"] {
filter: brightness(0) invert(1);
opacity: .92;
}
footer.footer > div .max-width-40 {
background: #fff;
border-radius: 6px;
padding: 3px;
}
footer.footer > div .bootstrap-select .btn {
background: rgba(255, 255, 255, .07) !important;
color: #fff !important;
border-color: rgba(255, 255, 255, .22) !important;
}
.co-planner {
display: flex;
align-items: center;
gap: 24px;
background: var(--co-white);
background-image:
linear-gradient(rgba(163, 130, 63, .06) 1px, transparent 1px),
linear-gradient(90deg, rgba(163, 130, 63, .06) 1px, transparent 1px);
background-size: 24px 24px;
border: 1px solid var(--co-line);
border-radius: var(--co-radius);
box-shadow: var(--co-shadow-soft);
padding: 30px 34px;
}
.co-planner-ikon {
flex: 0 0 auto;
width: 62px;
height: 62px;
border-radius: 50%;
background: var(--co-accent-soft);
color: var(--co-accent-dark);
display: flex;
align-items: center;
justify-content: center;
}
.co-planner-ikon svg { width: 30px; height: 30px; }
.co-planner-metin { flex: 1 1 auto; min-width: 0; }
.co-planner-metin .rozet {
display: inline-block;
font-family: var(--co-font);
font-size: 11px;
font-weight: 600;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--co-accent-dark);
margin-bottom: 6px;
}
.co-planner-metin h3 {
font-family: var(--co-font-display);
font-size: 24px;
font-weight: 600;
color: var(--co-ink);
margin: 0 0 5px;
line-height: 1.25;
}
.co-planner-metin p {
font-size: 14px;
color: var(--co-muted);
margin: 0;
line-height: 1.6;
}
.co-planner > .co-btn-accent { flex: 0 0 auto; white-space: nowrap; }
@media (max-width: 767px) {
.co-planner {
flex-direction: column;
text-align: center;
gap: 16px;
padding: 28px 22px;
}
.co-planner-metin h3 { font-size: 20px; }
}
#co-kategoriler, #co-uretim { scroll-margin-top: 110px; }
.urun_kutu .card-img-top { transition: transform .35s ease; }
.urun_kutu:hover .card-img-top { transform: scale(1.03); }
.badge-soft-success {
background: var(--co-accent-soft) !important;
color: var(--co-accent-dark) !important;
letter-spacing: .04em;
}
.testimonial-block .card-img .rounded-circle {
border: 2px solid var(--co-accent);
padding: 2px;
background: #fff;
}
.co-hero {
position: relative;
display: grid;
grid-template-columns: 1fr minmax(400px, 34%);
min-height: 40vh;
background: var(--co-primary);
overflow: hidden;
}
.co-hero-media { position: relative; }
.co-hero-gorsel {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 1.1s ease;
will-change: opacity;
}
.co-hero-gorsel.aktif {
opacity: 1;
}
.co-hero-media::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(8, 12, 11, .42), rgba(8, 12, 11, 0) 32%);
pointer-events: none;
}
.co-hero-panel {
position: relative;
display: grid;
align-items: center;
justify-items: center;
text-align: center;
padding: 170px 44px 100px;
color: #efe9dd;
}
.co-hero-icerik {
grid-area: 1 / 1;
display: flex;
flex-direction: column;
align-items: center;
opacity: 0;
transform: translateY(20px);
transition: opacity .65s ease, transform .65s ease;
pointer-events: none;
visibility: hidden;
}
.co-hero-icerik.aktif {
opacity: 1;
transform: translateY(0);
transition-delay: .25s;
pointer-events: auto;
visibility: visible;
}
.co-hero-eyebrow {
font-family: var(--co-font);
font-size: 12px;
font-weight: 500;
letter-spacing: .34em;
text-transform: uppercase;
color: rgba(239, 233, 221, .5);
margin-bottom: 22px;
}
.co-hero-baslik {
font-family: var(--co-font-display);
font-size: clamp(40px, 3.6vw, 58px);
color: #f3eee4;
line-height: 1.08;
letter-spacing: 0;
margin: 0 0 18px;
}
.co-hero-baslik em { font-style: italic; font-weight: 600; }
.co-hero-baslik span { font-weight: 300; }
.co-hero-metin {
font-family: var(--co-font);
font-size: 15px;
color: rgba(239, 233, 221, .64);
line-height: 1.65;
max-width: 340px;
margin: 0 0 32px;
}
.co-hero-cta {
display: inline-block;
background: var(--co-accent);
color: var(--co-primary);
font-family: var(--co-font);
font-size: 12.5px;
font-weight: 600;
letter-spacing: .16em;
text-transform: uppercase;
padding: 16px 32px;
border-radius: 2px;
transition: background .2s ease, transform .2s ease;
}
.co-hero-cta:hover {
background: #d9bb77;
color: var(--co-primary);
text-decoration: none;
transform: translateY(-2px);
}
.co-hero-sayac {
position: absolute;
left: 42px;
bottom: 34px;
display: flex;
align-items: center;
gap: 12px;
}
.co-hero-dial {
width: 20px;
height: 20px;
transform: rotate(-90deg);
}
.co-hero-dial circle {
fill: none;
stroke-width: 1.8;
}
.co-hero-dial .zemin { stroke: rgba(239, 233, 221, .25); }
.co-hero-dial .ilerleme {
stroke: var(--co-accent);
stroke-linecap: round;
stroke-dasharray: 56.55;
stroke-dashoffset: 56.55;
animation: co-dial-akis 6.5s linear forwards;
}
@keyframes co-dial-akis {
from { stroke-dashoffset: 56.55; }
to   { stroke-dashoffset: 0; }
}
.co-hero-no {
background: none;
border: 0;
padding: 4px 2px;
cursor: pointer;
font-family: var(--co-font);
font-size: 13px;
font-weight: 500;
letter-spacing: .14em;
color: rgba(239, 233, 221, .38);
transition: color .25s ease;
}
.co-hero-no:hover { color: rgba(239, 233, 221, .75); }
.co-hero-no.aktif { color: #f3eee4; font-weight: 600; }
.u-header .bootstrap-select > .btn {
border-color: transparent !important;
background: transparent !important;
box-shadow: none !important;
outline: none !important;
transition: color .2s ease;
}
.u-header .bootstrap-select > .btn:hover,
.u-header .bootstrap-select > .btn:focus,
.u-header .bootstrap-select > .btn:active,
.u-header .bootstrap-select.show > .btn {
border-color: transparent !important;
background: transparent !important;
box-shadow: none !important;
outline: none !important;
}
.u-header .u-search-slide-down {
z-index: 1080 !important;
background: #fff;
box-shadow: 0 18px 44px rgba(18, 24, 23, .16);
border-radius: 6px;
overflow: hidden;
}
.u-header .co-arama {
--ara-ink:   #2f2c28;
--ara-muted: #6e6961;
--ara-line:  #e4e0d8;
--ara-soft:  #f5f4f2;
--ara-gold:  #a3823f;
--ara-font:  Futura, "Futura PT", "Avenir Next", Avenir, "Century Gothic", "Tw Cen MT", Arial, sans-serif;
width: min(560px, calc(100vw - 32px)) !important;
border-radius: 2px;
border: 1px solid var(--ara-line);
box-shadow: 0 26px 64px rgba(18, 24, 23, .20);
font-family: var(--ara-font);
color: var(--ara-ink);
}
.co-arama .co-arama__form { display: flex; flex-direction: column; max-height: min(78vh, 680px); }
.co-arama__bar {
display: flex;
align-items: center;
gap: 10px;
padding: 0 12px 0 16px;
border-bottom: 1px solid var(--ara-line);
background: #fff;
}
.co-arama__ikon { font-size: 17px; color: var(--ara-muted); flex: none; }
.co-arama__input {
flex: 1 1 auto;
min-width: 0;
height: 60px;
border: 0;
background: transparent;
font-family: var(--ara-font);
font-size: 15px;
color: var(--ara-ink);
outline: none;
-webkit-appearance: none;
appearance: none;
}
.co-arama__input::placeholder { color: #a8a29a; }
.co-arama__input::-webkit-search-cancel-button { display: none; }
.co-arama__temizle {
flex: none;
width: 26px;
height: 26px;
border: 0;
border-radius: 50%;
background: var(--ara-soft);
color: var(--ara-muted);
font-size: 16px;
line-height: 1;
cursor: pointer;
}
.co-arama__temizle:hover { background: #ebe8e1; color: var(--ara-ink); }
.co-arama__gonder {
flex: none;
height: 38px;
padding: 0 18px;
border: 0;
border-radius: 2px;
background: var(--ara-ink);
color: #fff;
font-family: var(--ara-font);
font-size: 10.5px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
cursor: pointer;
transition: background .18s ease;
}
.co-arama__gonder:hover { background: #16130f; }
.co-arama__govde { overflow-y: auto; overscroll-behavior: contain; padding: 6px 0 4px; }
.co-arama__blok { padding: 10px 0 6px; }
.co-arama__blok + .co-arama__blok { border-top: 1px solid var(--ara-line); }
.co-arama__blok-bas {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
padding: 4px 16px 10px;
font-size: 9.5px;
font-weight: 700;
letter-spacing: .13em;
text-transform: uppercase;
color: var(--ara-muted);
}
.co-arama__blok-bas em { font-style: normal; letter-spacing: .06em; color: var(--ara-gold); }
.co-arama__blok-bas button {
border: 0;
background: transparent;
padding: 0;
font-family: var(--ara-font);
font-size: 9.5px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--ara-muted);
cursor: pointer;
}
.co-arama__blok-bas button:hover { color: var(--ara-ink); text-decoration: underline; }
.co-arama__satir {
display: grid;
grid-template-columns: 48px minmax(0, 1fr) 18px;
align-items: center;
gap: 13px;
padding: 9px 16px;
color: var(--ara-ink);
transition: background .14s ease;
}
.co-arama__satir:hover,
.co-arama__satir.is-aktif { background: var(--ara-soft); text-decoration: none; color: var(--ara-ink); }
.co-arama__gorsel {
width: 48px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #f0efec;
border: 1px solid var(--ara-line);
border-radius: 2px;
overflow: hidden;
}
.co-arama__gorsel img { width: 100%; height: 100%; object-fit: contain; }
.co-arama__metin { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.co-arama__metin strong {
font-size: 13px;
font-weight: 600;
line-height: 1.25;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.co-arama__metin small {
font-size: 9.5px;
font-weight: 600;
letter-spacing: .09em;
text-transform: uppercase;
color: var(--ara-muted);
}
.co-arama__metin mark { background: rgba(200, 163, 93, .32); color: inherit; padding: 0 1px; border-radius: 2px; }
.co-arama__ok { font-size: 13px; color: var(--ara-muted); opacity: 0; transition: opacity .14s ease, transform .14s ease; }
.co-arama__satir:hover .co-arama__ok,
.co-arama__satir.is-aktif .co-arama__ok { opacity: 1; transform: translateX(2px); }
.co-arama__cipler { display: flex; flex-wrap: wrap; gap: 7px; padding: 0 16px 6px; }
.co-arama__cip {
display: inline-flex;
align-items: center;
padding: 8px 13px;
border: 1px solid var(--ara-line);
border-radius: 999px;
background: #fff;
font-family: var(--ara-font);
font-size: 11.5px;
font-weight: 600;
color: var(--ara-ink);
cursor: pointer;
transition: background .16s ease, border-color .16s ease, color .16s ease;
}
.co-arama__cip:hover,
.co-arama__cip.is-aktif {
background: var(--ara-ink);
border-color: var(--ara-ink);
color: #fff;
text-decoration: none;
}
.co-arama__cip mark { background: rgba(200, 163, 93, .32); color: inherit; }
.co-arama__cip:hover mark, .co-arama__cip.is-aktif mark { background: rgba(200, 163, 93, .5); }
.co-arama__iskelet { padding: 14px 16px; display: flex; flex-direction: column; gap: 11px; }
.co-arama__iskelet span {
display: block;
height: 40px;
border-radius: 2px;
background: linear-gradient(90deg, #f2f0ec 25%, #e9e6e0 37%, #f2f0ec 63%);
background-size: 400% 100%;
animation: coAraParilti 1.2s ease infinite;
}
.co-arama__iskelet span:nth-child(2) { width: 88%; }
.co-arama__iskelet span:nth-child(3) { width: 72%; }
@keyframes coAraParilti { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }
@media (prefers-reduced-motion: reduce) { .co-arama__iskelet span { animation: none; } }
.co-arama__bos { padding: 26px 16px 22px; text-align: center; }
.co-arama__bos strong { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 600; }
.co-arama__bos span { display: block; font-size: 12px; line-height: 1.55; color: var(--ara-muted); }
.co-arama__alt {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 12px 10px 16px;
border-top: 1px solid var(--ara-line);
background: var(--ara-soft);
}
.co-arama__ipucu { font-size: 9.5px; letter-spacing: .06em; color: var(--ara-muted); }
.co-arama__ipucu b {
display: inline-block;
padding: 2px 5px;
border: 1px solid var(--ara-line);
border-radius: 3px;
background: #fff;
font-weight: 700;
}
.co-arama__ipucu i { font-style: normal; opacity: .5; margin: 0 3px; }
.co-arama__tumu {
display: inline-flex;
align-items: center;
gap: 7px;
height: 36px;
padding: 0 15px;
border: 1px solid var(--ara-ink);
border-radius: 2px;
background: var(--ara-ink);
color: #fff;
font-family: var(--ara-font);
font-size: 10px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
transition: background .18s ease;
}
.co-arama__tumu:hover { background: #16130f; }
@media (max-width: 767px) {
.u-header .co-arama { width: calc(100vw - 24px) !important; }
.co-arama__input { height: 54px; font-size: 14px; }
.co-arama__ipucu { display: none; }
.co-arama__alt { justify-content: flex-end; }
}
@media (min-width: 1200px) {
.co-hero-header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1001;
}
.co-hero-header .u-header__section {
background: transparent !important;
box-shadow: none !important;
border: none !important;
transition: background-color .25s ease;
}
.co-hero-header .u-header__topbar {
position: relative;
z-index: 20;
background: rgba(8, 13, 12, .5);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
}
.co-hero-header .u-header__topbar .text-dark,
.co-hero-header .u-header__topbar .u-header__navbar-link {
color: #ece7db !important;
}
.co-hero-header .u-header__topbar .u-header__navbar-link[style*="whitesmoke"] {
background: rgba(255, 255, 255, .1) !important;
}
.co-hero-header .navbar-brand img { transition: filter .25s ease; }
.co-hero-header .u-header__nav-link,
.co-hero-header .flaticon-shopping-basket,
.co-hero-header .btn-ghost-primary,
.co-hero-header .bootstrap-select > .btn { transition: color .25s ease; }
.co-hero-header:not(.co-beyaz) .navbar-brand img {
filter: brightness(0) invert(1);
}
.co-hero-header:not(.co-beyaz) .u-header__nav-link,
.co-hero-header:not(.co-beyaz) .u-header__navbar-nav > .nav-item > .nav-link {
color: #fff !important;
}
.co-hero-header:not(.co-beyaz) .u-header__nav-link:hover {
color: var(--co-accent) !important;
}
.co-hero-header:not(.co-beyaz) .flaticon-shopping-basket,
.co-hero-header:not(.co-beyaz) .btn-ghost-primary,
.co-hero-header:not(.co-beyaz) .btn-ghost-primary .text-primary-max-lg {
color: #fff !important;
}
.co-hero-header:not(.co-beyaz) .btn-ghost-primary:hover {
color: var(--co-accent) !important;
background: transparent !important;
}
.co-hero-header:not(.co-beyaz) .bootstrap-select > .btn {
color: #fff !important;
background: transparent !important;
}
.co-hero-header:not(.co-beyaz) .bootstrap-select > .btn:hover,
.co-hero-header:not(.co-beyaz) .bootstrap-select > .btn:focus,
.co-hero-header:not(.co-beyaz) .bootstrap-select.show > .btn {
color: var(--co-accent) !important;
}
.co-hero-header.co-beyaz .u-header__section {
background: #fff !important;
}
.co-hero-header.co-beyaz .u-header__nav-link,
.co-hero-header.co-beyaz .u-header__navbar-nav > .nav-item > .nav-link {
color: var(--co-ink) !important;
}
.co-hero-header.co-beyaz .u-header__nav-link:hover {
color: var(--co-accent-dark) !important;
}
.co-hero-header.co-beyaz .flaticon-shopping-basket,
.co-hero-header.co-beyaz .btn-ghost-primary,
.co-hero-header.co-beyaz .btn-ghost-primary .text-primary-max-lg {
color: var(--co-ink) !important;
}
.co-hero-header.co-beyaz .btn-ghost-primary:hover {
color: var(--co-accent-dark) !important;
background: transparent !important;
}
.co-hero-header.co-beyaz .bootstrap-select > .btn {
color: var(--co-ink) !important;
background: transparent !important;
}
.co-hero-header.co-beyaz .bootstrap-select > .btn:hover,
.co-hero-header.co-beyaz .bootstrap-select > .btn:focus,
.co-hero-header.co-beyaz .bootstrap-select.show > .btn {
color: var(--co-accent-dark) !important;
}
.co-hero-header.co-sabit {
position: fixed;
animation: co-header-in .35s ease;
}
.co-hero-header.co-sabit .u-header__section {
box-shadow: 0 8px 28px rgba(18, 24, 23, .1) !important;
}
.co-hero-header.co-sabit .u-header__topbar { display: none; }
}
@keyframes co-header-in {
from { transform: translateY(-100%); }
to   { transform: translateY(0); }
}
@media (min-width: 1200px) {
.u-header.co-sabit-alt {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1001;
animation: co-header-in .35s ease;
}
.u-header.co-sabit-alt .u-header__section {
background-color: rgba(245, 244, 242, .97) !important;
box-shadow: 0 8px 28px rgba(18, 24, 23, .08) !important;
}
.u-header.co-sabit-alt .u-header__topbar { display: none; }
}
@media (max-width: 1199px) {
.co-hero { grid-template-columns: 1fr; min-height: 0; }
.co-hero-media { min-height: 46vh; }
.co-hero-panel { padding: 56px 24px 84px; }
}
@media (max-width: 575px) {
.co-hero-media { min-height: 38vh; }
.co-hero-baslik { font-size: 34px; }
.co-hero-sayac { left: 24px; bottom: 22px; }
}
.co-cat-hero {
--cath-bg:      #3a342d;
--cath-bg1:     #3a342d;
--cath-title:   #f5f1e9;
--cath-eyebrow: rgba(244, 239, 229, .62);
--cath-text:    rgba(244, 239, 229, .72);
--cath-dot:     #e0402e;
--cath-feat:    rgba(244, 239, 229, .88);
--cath-font:    Futura, "Futura PT", "Century Gothic", "Twentieth Century", "Tw Cen MT", "Avenir Next", Avenir, Arial, sans-serif;
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 650px;
background: var(--cath-bg);
overflow: hidden;
}
.co-cat-hero__copy {
display: flex;
flex-direction: column;
justify-content: center;
padding: 84px clamp(32px, 4vw, 72px) 84px clamp(28px, 7vw, 132px);
}
.co-cat-hero__eyebrow {
font-family: var(--cath-font);
font-size: 13px;
font-weight: 400;
letter-spacing: .24em;
text-transform: uppercase;
color: var(--cath-eyebrow);
margin: 0 0 28px;
}
.co-cat-hero__title {
font-family: var(--cath-font);
font-weight: 300;
font-size: clamp(44px, 4.8vw, 92px);
line-height: 1;
letter-spacing: .01em;
color: var(--cath-title);
max-width: 13ch;
margin: 0 0 26px;
}
.co-cat-hero__desc {
font-family: var(--cath-font);
font-size: 19px;
line-height: 1.65;
color: var(--cath-text);
max-width: 100%;
margin: 0 0 38px;
}
.co-cat-hero__features {
display: flex;
flex-wrap: wrap;
gap: 14px 36px;
padding: 0;
margin: 0;
list-style: none;
}
.co-cat-hero__features li {
display: flex;
align-items: center;
gap: 12px;
font-family: var(--cath-font);
font-size: 15.5px;
color: var(--cath-feat);
}
.co-cat-hero__features li::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--cath-dot);
flex: 0 0 auto;
}
.co-cat-hero__media { position: relative; }
.co-cat-hero__media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom;
}
@media (max-width: 991px) {
.co-cat-hero { grid-template-columns: 1fr; min-height: 0; }
.co-cat-hero__copy { padding: 44px 24px 40px; order: 2; }
.co-cat-hero__media { order: 1; min-height: 240px; }
.co-cat-hero__title { max-width: none; }
.co-cat-hero__media::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(0deg, var(--cath-bg1, #3a342d) 0%, rgba(0,0,0,0) 22%);
}
}
@media (max-width: 575px) {
.co-cat-hero__media { min-height: 200px; }
.co-cat-hero__title { font-size: 40px; }
.co-cat-hero__desc { font-size: 16px; }
.co-cat-hero__features { gap: 10px 22px; }
}
.co-bg-soft { background-color: #f4f4f4 !important; }
.co-plp-zemin { --plp-font: Futura, "Futura PT", "Century Gothic", "Twentieth Century", "Tw Cen MT", "Avenir Next", Avenir, Arial, sans-serif; }
.co-plp-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
margin: 34px 0 30px;
}
.co-plp-title {
font-family: var(--plp-font);
font-weight: 300;
font-size: clamp(30px, 2.6vw, 44px);
line-height: 1.1;
color: #1d1a16;
margin: 0 0 8px;
}
.co-plp-alt {
font-family: var(--plp-font);
font-size: 14.5px;
color: #8a857c;
margin: 0;
}
.co-plp-sort {
-webkit-appearance: none;
appearance: none;
font-family: var(--plp-font);
font-size: 14px;
color: #1d1a16;
background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' fill='none' stroke='%231d1a16' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 16px center;
border: 1px solid #d8d3ca;
border-radius: 2px;
padding: 12px 44px 12px 16px;
cursor: pointer;
min-width: 180px;
}
.co-plp-sort:focus { outline: none; border-color: #1d1a16; }
.co-plp-wrap {
display: grid;
grid-template-columns: 250px minmax(0, 1fr);
gap: 44px;
align-items: start;
}
.co-plp-main { min-width: 0; }
.co-plp-filtre {
border-top: 1px solid #e2e0dc;
padding: 20px 0 22px;
}
.co-plp-filtre:first-child { border-top: 0; padding-top: 2px; }
.co-plp-filtre__baslik {
display: flex;
align-items: center;
justify-content: space-between;
font-family: var(--plp-font);
font-size: 15px;
font-weight: 600;
color: #1d1a16;
margin: 0 0 16px;
}
.co-plp-filtre__baslik span { font-weight: 400; color: #8a857c; }
.co-plp-filtre__item {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 13px;
}
.co-plp-filtre__item:last-child { margin-bottom: 0; }
.co-plp-filtre__adet {
font-family: var(--plp-font);
font-size: 11.5px;
color: #b9b4aa;
}
.co-plp-side .custom-control { min-height: 0; }
.co-plp-side .custom-control-label {
font-family: var(--plp-font);
font-size: 14.5px;
color: #4a463f;
cursor: pointer;
}
.co-plp-side .custom-control-label::before {
width: 18px;
height: 18px;
top: 1px;
border: 1.5px solid #c9c3b9;
border-radius: 2px;
background: #fff;
box-shadow: none !important;
}
.co-plp-side .custom-control-label::after {
width: 18px;
height: 18px;
top: 1px;
}
.co-plp-side .custom-control-input:checked ~ .custom-control-label::before {
background: #1d1a16;
border-color: #1d1a16;
}
.co-plp-fiyat {
display: grid;
grid-template-columns: 1fr 1fr 40px;
gap: 8px;
}
.co-plp-fiyat input {
font-family: var(--plp-font);
font-size: 13.5px;
color: #1d1a16;
border: 1px solid #d8d3ca;
border-radius: 2px;
padding: 9px 10px;
min-width: 0;
-moz-appearance: textfield;
}
.co-plp-fiyat input::-webkit-outer-spin-button,
.co-plp-fiyat input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.co-plp-fiyat input:focus { outline: none; border-color: #1d1a16; }
.co-plp-fiyat button {
border: 1px solid #1d1a16;
border-radius: 2px;
background: #1d1a16;
color: #fff;
font-size: 15px;
cursor: pointer;
transition: background .2s ease;
}
.co-plp-fiyat button:hover { background: #3a342d; }
.co-plp-temizle {
display: inline-block;
font-family: var(--plp-font);
font-size: 13.5px;
color: #d0402e;
text-decoration: underline;
margin-top: 20px;
}
.co-plp-temizle:hover { color: #a92f20; text-decoration: underline; }
.co-plp-card { display: flex; flex-direction: column; }
.co-plp-card__media {
position: relative;
background: #fff;
border: 1px solid #e6e5e3;
aspect-ratio: 4 / 3;
min-height: 260px;
overflow: hidden;
}
.co-plp-card__media a.d-block {
position: absolute;
inset: 0;
}
.co-plp-card__media .ilk_resim,
.co-plp-card__media .ikinci_resim {
position: absolute !important;
inset: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
max-width: none;
}
.co-plp-card__media .ilk_resim { z-index: 2; background: #fff; }
.co-plp-card__media .ikinci_resim { z-index: 1; }
.co-plp-card__media img.center {
display: block;
width: 100%;
min-height: 0 !important;
max-height: none;
object-fit: contain;
}
.co-plp-card__media a.d-block > img.center {
position: absolute;
inset: 0;
}
.co-plp-card__rozet {
position: absolute;
top: 14px;
left: 14px;
z-index: 2;
background: #16130f;
color: #fff;
font-family: var(--plp-font);
font-size: 10.5px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
padding: 7px 11px;
}
.co-plp-card__body {
display: flex;
flex-direction: column;
flex: 1 1 auto;
padding: 16px 2px 0;
}
.co-plp-card__ad {
font-family: var(--plp-font);
font-size: 17px;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
color: #1d1a16;
margin: 0 0 4px;
display: block;
}
.co-plp-card__ad:hover { color: #1d1a16; text-decoration: none; opacity: .75; }
.co-plp-card__meta {
font-family: var(--plp-font);
font-size: 13.5px;
color: #8a857c;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.co-plp-card__alt {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-top: auto;
padding-top: 16px;
}
.co-plp-card__fiyat {
font-family: var(--plp-font);
font-size: 20px;
font-weight: 700;
color: #1d1a16;
line-height: 1.2;
}
.co-plp-card__fiyat del {
display: block;
font-size: 12.5px;
font-weight: 400;
color: #b3aea6;
}
.co-plp-card__btn {
flex: 0 0 auto;
font-family: var(--plp-font);
font-size: 12.5px;
font-weight: 600;
letter-spacing: .04em;
color: #1d1a16;
border: 1px solid #1d1a16;
border-radius: 2px;
background: transparent;
padding: 10px 18px;
transition: background .2s ease, color .2s ease;
}
.co-plp-card__btn:hover {
background: #1d1a16;
color: #fff;
text-decoration: none;
}
@media (max-width: 1199px) {
.co-plp-wrap { grid-template-columns: 220px minmax(0, 1fr); gap: 32px; }
}
@media (max-width: 991px) {
.co-plp-wrap { grid-template-columns: 1fr; }
.co-plp-side {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 24px;
border-bottom: 1px solid #e7e2d9;
margin-bottom: 8px;
}
.co-plp-side .co-plp-temizle,
.co-plp-side script { grid-column: 1 / -1; }
.co-plp-temizle { margin: 4px 0 18px; }
}
@media (max-width: 575px) {
.co-plp-side { grid-template-columns: 1fr; }
.co-plp-head { margin: 24px 0 20px; }
.co-plp-card__media { min-height: 220px; }
}
.co-plp-main .pagination-area { margin: 10px 0 26px; }
.co-plp-main .pagination {
gap: 8px;
align-items: center;
}
.co-plp-main .page-item { margin: 0; }
.co-plp-main .page-link {
display: flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
padding: 0 15px;
font-family: var(--plp-font);
font-size: 14px;
font-weight: 500;
color: #1d1a16;
background: #fff;
border: 1px solid #d8d3ca;
border-radius: 2px !important;
box-shadow: none !important;
transition: border-color .2s ease, background .2s ease, color .2s ease;
}
.co-plp-main .page-link:hover {
border-color: #1d1a16;
color: #1d1a16;
background: #fff;
text-decoration: none;
}
.co-plp-main .page-item.active .page-link {
background: #1d1a16;
border-color: #1d1a16;
color: #fff;
}
.co-plp-main .page-link .fa {
font-size: 13px;
line-height: 1;
}
.co-plp-secili {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin: 0 0 24px;
}
.co-plp-secili__etiket {
font-family: var(--plp-font);
font-size: 13.5px;
color: #8a857c;
margin-right: 4px;
}
.co-plp-cip {
display: flex;
align-items: center;
gap: 11px;
background: #fff;
border: 1px solid #d8d3ca;
border-radius: 2px;
padding: 7px 13px;
}
.co-plp-cip__kapat {
cursor: pointer;
color: #1d1a16;
font-size: 13px;
line-height: 1;
transition: color .2s ease;
}
.co-plp-cip__kapat:hover { color: #d0402e; }
.co-plp-cip__grup {
display: block;
font-family: var(--plp-font);
font-size: 10px;
letter-spacing: .07em;
text-transform: uppercase;
color: #b9b4aa;
line-height: 1.3;
}
.co-plp-cip__deger {
display: block;
font-family: var(--plp-font);
font-size: 13.5px;
font-weight: 600;
color: #1d1a16;
line-height: 1.3;
}
.co-pdp-hero {
--pdph-bg:      #3a342d;
--pdph-title:   #f5f1e9;
--pdph-eyebrow: rgba(244, 239, 229, .62);
--pdph-text:    rgba(244, 239, 229, .72);
--pdph-font:    Futura, "Futura PT", "Century Gothic", "Twentieth Century", "Tw Cen MT", "Avenir Next", Avenir, Arial, sans-serif;
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 620px;
background: var(--pdph-bg);
overflow: hidden;
}
.co-pdp-hero__media { position: relative; background: #fff; }
.co-pdp-hero__media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.co-pdp-hero__copy {
display: flex;
flex-direction: column;
justify-content: center;
padding: 84px clamp(28px, 6vw, 120px) 84px clamp(32px, 4vw, 72px);
}
.co-pdp-hero__eyebrow {
font-family: var(--pdph-font);
font-size: 13px;
font-weight: 400;
letter-spacing: .24em;
text-transform: uppercase;
color: var(--pdph-eyebrow);
margin: 0 0 26px;
}
.co-pdp-hero__title {
font-family: var(--pdph-font);
font-weight: 300;
font-size: clamp(40px, 4.4vw, 84px);
line-height: 1.12;
letter-spacing: .01em;
color: var(--pdph-title);
max-width: 12ch;
margin: 0 0 24px;
}
.co-pdp-hero__desc {
font-family: var(--pdph-font);
font-size: 17.5px;
line-height: 1.65;
color: var(--pdph-text);
max-width: 520px;
margin: 0 0 30px;
}
.co-pdp-hero__fiyat {
font-family: var(--pdph-font);
font-size: 27px;
font-weight: 700;
color: var(--pdph-title);
margin: 0 0 28px;
}
.co-pdp-hero__fiyat span {
font-size: 13.5px;
font-weight: 400;
color: var(--pdph-text);
margin-left: 6px;
}
.co-pdp-hero__fiyat del {
font-size: 15px;
font-weight: 400;
color: rgba(244, 239, 229, .45);
margin-left: 12px;
}
.co-firsat {
--cf-vurgu: #c8a35d;
--cf-canli: #d9483b;
--cf-krem: #f5f1e9;
--cf-soluk: rgba(244, 239, 229, .62);
--cf-cizgi: rgba(244, 239, 229, .18);
max-width: 500px;
margin: -6px 0 28px;
padding: 18px 20px 16px;
border: 1px solid var(--cf-cizgi);
border-left: 3px solid var(--cf-vurgu);
border-radius: 4px;
font-family: var(--pdph-font, Futura, "Century Gothic", Arial, sans-serif);
color: var(--cf-krem);
}
.co-firsat__ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 14px; margin-bottom: 12px; }
.co-firsat__rozet {
display: inline-flex;
align-items: center;
gap: 9px;
font-size: 11.5px;
font-weight: 500;
letter-spacing: .22em;
text-transform: uppercase;
color: var(--cf-vurgu);
}
.co-firsat__nokta {
position: relative;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--cf-canli);
}
.co-firsat__nokta::after {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
background: var(--cf-canli);
animation: coFirsatNabiz 1.6s ease-out infinite;
}
.co-firsat__kazanc {
font-size: 12.5px;
letter-spacing: .04em;
color: var(--cf-krem);
padding-bottom: 1px;
border-bottom: 1px solid var(--cf-vurgu);
}
.co-firsat__baslik {
margin: 0 0 4px;
font-size: 22px;
font-weight: 400;
line-height: 1.25;
letter-spacing: .01em;
color: var(--cf-krem);
}
.co-firsat__alt { margin: 0 0 14px; font-size: 13px; color: var(--cf-soluk); }
.co-firsat__alt s { color: var(--cf-krem); text-decoration-color: var(--cf-canli); text-decoration-thickness: 1.5px; }
.co-firsat__sayac { display: flex; align-items: flex-start; gap: 4px; margin: 0 0 14px; }
.co-firsat__kutu {
display: inline-flex;
flex-direction: column;
align-items: center;
min-width: 62px;
padding: 8px 4px 6px;
border: 1px solid var(--cf-cizgi);
border-radius: 3px;
background: rgba(0, 0, 0, .14);
}
.co-firsat__kutu b {
display: block;
font-size: 30px;
font-weight: 400;
line-height: 1;
color: var(--cf-krem);
font-variant-numeric: tabular-nums;
}
.co-firsat__kutu b.co-tik { animation: coFirsatTik .5s ease-out; }
.co-firsat__kutu small { margin-top: 6px; font-size: 9.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--cf-soluk); }
.co-firsat__ayrac { align-self: center; margin: -16px 1px 0; font-size: 20px; color: var(--cf-vurgu); }
.co-firsat__cubuk { height: 2px; background: var(--cf-cizgi); overflow: hidden; }
.co-firsat__cubuk span { display: block; height: 100%; width: 0; background: var(--cf-vurgu); transition: width .6s ease; }
.co-firsat__bitis { display: block; margin-top: 9px; font-size: 11px; letter-spacing: .06em; color: var(--cf-soluk); }
.co-firsat--son { --cf-vurgu: #d9483b; }
.co-firsat--son .co-firsat__kutu b { color: #ffd9d3; }
.co-firsat--acik {
max-width: none;
margin: 18px 0 6px;
border: 0;
border-left: 3px solid var(--cf-vurgu);
background: var(--pdph-bg, #3a342d);
box-shadow: 0 10px 26px rgba(43, 37, 33, .16);
}
.co-firsat-fiyat--kart { align-self: flex-start; margin: auto 0 0; }
.co-plp-card__body .co-firsat-fiyat--kart { margin-top: auto; }
.co-plp-card__body .co-firsat-fiyat--kart + .co-plp-card__alt { margin-top: 0; padding-top: 10px; }
.co-yeni__bilgi .co-firsat-fiyat--kart { margin: 2px 0 8px; }
.co-firsat-fiyat {
--cf-canli: #e0533f;
display: inline-flex;
align-items: stretch;
border: 1px solid #1d1a16;
border-radius: 2px;
background: #1d1a16;
font-family: var(--plp-font, inherit);
font-size: 10.5px;
line-height: 1;
white-space: nowrap;
vertical-align: middle;
box-shadow: 0 2px 6px rgba(29, 26, 22, .14);
}
.co-firsat-fiyat__etiket {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 8px 4px 7px;
font-weight: 600;
letter-spacing: .2em;
color: #c8a35d;
}
.co-firsat-fiyat .co-firsat__nokta { width: 6px; height: 6px; }
.co-firsat-fiyat__sure {
display: inline-flex;
align-items: center;
padding: 5px 8px 4px;
background: #fbf8f2;
color: #1d1a16;
font-weight: 700;
letter-spacing: .03em;
font-variant-numeric: tabular-nums;
}
.co-firsat-fiyat__sure:empty { display: none; }
.co-firsat-fiyat--son { border-color: #b3302a; background: #b3302a; }
.co-firsat-fiyat--son .co-firsat-fiyat__etiket { color: #fff; }
.co-firsat-fiyat--son .co-firsat__nokta,
.co-firsat-fiyat--son .co-firsat__nokta::after { background: #fff; }
.co-firsat-fiyat--son .co-firsat-fiyat__sure { color: #b3302a; }
.co-firsat-fiyat--bitti { opacity: .45; box-shadow: none; }
.co-firsat-fiyat--bitti .co-firsat__nokta { display: none; }
.co-kart-firsat { position: relative; }
.co-kart-firsat::after {
content: "";
position: absolute;
inset: -10px -10px -12px;
border: 1px solid rgba(200, 163, 93, .55);
border-radius: 3px;
pointer-events: none;
animation: coKartFirsat 2.6s ease-in-out infinite;
}
.co-kart-firsat--son::after { animation-name: coKartFirsatSon; }
.co-yeni__kart.co-kart-firsat::after { inset: 0; }
@keyframes coKartFirsat {
0%, 100% { border-color: rgba(200, 163, 93, .35); box-shadow: 0 0 0 0 rgba(200, 163, 93, 0); }
50%      { border-color: rgba(200, 163, 93, 1);   box-shadow: 0 0 0 3px rgba(200, 163, 93, .16), 0 10px 26px rgba(200, 163, 93, .18); }
}
@keyframes coKartFirsatSon {
0%, 100% { border-color: rgba(192, 57, 43, .35); box-shadow: 0 0 0 0 rgba(192, 57, 43, 0); }
50%      { border-color: rgba(192, 57, 43, 1);   box-shadow: 0 0 0 3px rgba(192, 57, 43, .14), 0 10px 26px rgba(192, 57, 43, .16); }
}
@media (prefers-reduced-motion: reduce) { .co-kart-firsat::after { animation: none; border-color: #c8a35d; } }
@keyframes coFirsatNabiz { 0% { transform: scale(1); opacity: .7; } 100% { transform: scale(2.8); opacity: 0; } }
@keyframes coFirsatTik { 0% { opacity: .2; transform: translateY(-4px); } 100% { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
.co-firsat, .co-firsat *, .co-firsat *::after { animation: none !important; transition: none !important; }
}
.co-pdp-hero__etiketler {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 0;
margin: 0 0 6px;
list-style: none;
}
.co-pdp-hero__etiketler li {
font-family: var(--pdph-font);
font-size: 12.5px;
color: rgba(244, 239, 229, .85);
border: 1px solid rgba(244, 239, 229, .32);
border-radius: 2px;
padding: 9px 14px;
}
.co-pdp-hero__btnler {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 32px;
}
.co-pdp-hero__btn {
display: inline-block;
font-family: var(--pdph-font);
font-size: 13px;
font-weight: 600;
letter-spacing: .03em;
color: #f4efe7;
border: 1px solid rgba(244, 239, 229, .55);
border-radius: 2px;
padding: 15px 26px;
transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.co-pdp-hero__btn:hover {
background: rgba(244, 239, 229, .12);
color: #fff;
text-decoration: none;
}
.co-pdp-hero__btn--dolu {
background: #f4efe7;
border-color: #f4efe7;
color: #1d1a16;
}
.co-pdp-hero__btn--dolu:hover {
background: #fff;
border-color: #fff;
color: #1d1a16;
}
@media (max-width: 991px) {
.co-pdp-hero { grid-template-columns: 1fr; min-height: 0; }
.co-pdp-hero__media { min-height: 260px; }
.co-pdp-hero__copy { padding: 40px 24px 44px; }
.co-pdp-hero__title { max-width: none; }
}
@media (max-width: 575px) {
.co-pdp-hero__media { min-height: 210px; }
.co-pdp-hero__title { font-size: 38px; }
.co-pdp-hero__fiyat { font-size: 23px; }
.co-pdp-hero__btnler { width: 100%; }
.co-pdp-hero__btn { flex: 1 1 auto; text-align: center; }
}
.co-pdpm {
--pm-bg:#F5F4F2; --pm-surface:#ECEAE6; --pm-ink:#2F2C28;
--pm-muted:#6E6961; --pm-line:#D4D0C8;
--pm-font: Futura, "Futura PT", "Century Gothic", "Twentieth Century", "Tw Cen MT", "Avenir Next", Avenir, Arial, sans-serif;
display: grid;
grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
gap: 36px;
align-items: start;
background: var(--pm-bg);
margin-inline: calc(50% - 50vw);
padding: 48px 5vw 56px;
font-family: var(--pm-font);
}
.co-pdpm__gallery {
position: sticky; top: 96px; height: min(80vh, 760px); min-width: 0;
display: flex; flex-direction: column;
background: #fff; border: 1px solid #ebe9e5;
}
.co-pdpm__gviewport { position: relative; flex: 1 1 auto; min-height: 0; background: #fff; overflow: hidden; isolation: isolate; }
.co-pdpm__gscroll {
height: 100%;
display: flex; gap: 0 !important;
overflow-x: auto; overflow-y: hidden;
scroll-snap-type: x mandatory; scroll-behavior: smooth;
overscroll-behavior-x: contain;
scrollbar-width: none; -ms-overflow-style: none;
outline: none; cursor: grab; background: #fff;
}
.co-pdpm__gscroll::-webkit-scrollbar { display: none; }
.co-pdpm__gscroll.surukleniyor { scroll-snap-type: none; scroll-behavior: auto; cursor: grabbing; user-select: none; }
.co-pdpm__gscroll:focus-visible { box-shadow: inset 0 0 0 2px rgba(47,44,40,.25); }
.co-pdpm__gslide {
flex: 0 0 100%; width: 100%; height: 100%; margin: 0;
scroll-snap-align: start; scroll-snap-stop: always;
display: flex; align-items: center; justify-content: center;
padding: 52px 72px 18px; box-sizing: border-box;
background: #fff; overflow: hidden;
}
.co-pdpm__gslide a { display: block; width: 100%; height: 100%; cursor: zoom-in; }
.co-pdpm__gscroll.surukleniyor .co-pdpm__gslide a { cursor: grabbing; }
.co-pdpm__gslide img { width: 100%; height: 100%; object-fit: contain; user-select: none; -webkit-user-drag: none; }
.co-pdpm__gslide--video { padding: 0; }
.co-pdpm__gslide video { width: 100%; height: 100%; object-fit: contain; background: #000; }
.co-pdpm__gslide--gizli, .co-pdpm__gthumb--gizli { display: none !important; }
.co-pdpm__getiket {
position: absolute; left: 24px; top: 20px; z-index: 4; margin: 0;
font-size: 10.5px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase;
color: #a3823f; pointer-events: none;
transition: opacity .25s ease;
}
.co-pdpm__getiket.bos { opacity: 0; }
.co-pdpm__gcounter {
position: absolute; right: 20px; top: 16px; z-index: 4;
display: flex; align-items: center; gap: 7px; min-height: 30px; padding: 0 4px;
font-size: 10.5px; letter-spacing: .09em; color: var(--pm-muted); pointer-events: none;
font-variant-numeric: tabular-nums;
}
.co-pdpm__gcounter i { display: block; width: 18px; height: 1px; background: rgba(47,44,40,.28); }
.co-pdpm__gok {
position: absolute; top: 50%; z-index: 4;
width: 42px; height: 42px; margin-top: -21px; padding: 0;
display: flex; align-items: center; justify-content: center;
border: 1px solid #dcd9d4; border-radius: 50%;
background: rgba(255,255,255,.92); color: #2F2C28; cursor: pointer;
opacity: .7; transition: opacity .2s ease, background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.co-pdpm__gok--onceki { left: 16px; }
.co-pdpm__gok--sonraki { right: 16px; }
.co-pdpm__gallery:hover .co-pdpm__gok { opacity: 1; }
.co-pdpm__gok:hover { background: #2F2C28; border-color: #2F2C28; color: #fff; }
.co-pdpm__gok--onceki:hover { transform: translateX(-2px); }
.co-pdpm__gok--sonraki:hover { transform: translateX(2px); }
.co-pdpm__gok:focus-visible { outline: 2px solid #2F2C28; outline-offset: 3px; opacity: 1; }
.co-pdpm__gok:disabled { opacity: 0 !important; pointer-events: none; }
.co-pdpm__gallery--tek .co-pdpm__gok,
.co-pdpm__gallery--tek .co-pdpm__gthumbs { display: none; }
@media (hover: none) { .co-pdpm__gok { display: none; } }
.co-pdpm__gfooter {
flex: 0 0 auto;
display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px;
padding: 10px 14px 12px;
border-top: 1px solid #efedea; background: #fff;
}
.co-pdpm__gbuyut {
height: 50px; padding: 0 16px;
display: inline-flex; align-items: center; gap: 8px;
border: 1px solid #cfcbc5; background: transparent; color: #2F2C28;
font-family: inherit; font-size: 10px; font-weight: 600; letter-spacing: .16em;
cursor: pointer; white-space: nowrap;
transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.co-pdpm__gbuyut:hover, .co-pdpm__gbuyut:focus-visible { background: #2F2C28; border-color: #2F2C28; color: #fff; outline: none; }
.co-pdpm__gbuyut:disabled { opacity: .4; pointer-events: none; }
.co-pdpm__gthumbs {
position: static; min-width: 0;
display: flex; align-items: center; gap: 7px;
padding: 4px 2px; overflow-x: auto; overflow-y: hidden;
scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none;
}
.co-pdpm__gthumbs::-webkit-scrollbar { display: none; }
.co-pdpm__gthumb {
flex: 0 0 54px; width: 54px; height: 54px; padding: 3px;
border: 1px solid #dcd9d4; background: #fff;
cursor: pointer; overflow: hidden;
transition: border-color .18s ease, transform .18s ease, opacity .18s ease;
opacity: .78;
}
.co-pdpm__gthumb:hover { transform: translateY(-2px); border-color: rgba(47,44,40,.45); opacity: 1; }
.co-pdpm__gthumb.aktif { border: 2px solid #2F2C28; padding: 2px; opacity: 1; }
.co-pdpm__gthumb img { width: 100%; height: 100%; object-fit: contain; display: block; pointer-events: none; }
.co-pdpm__gthumb--video { display: flex; align-items: center; justify-content: center; background: #16130f; color: #fff; font-size: 12px; }
.co-pdpm__gactions { position: static; display: flex; gap: 6px; }
.co-pdpm__gbtn {
display: inline-flex; align-items: center; justify-content: center;
width: 50px; height: 50px; padding: 0;
background: #2F2C28; color: #F5F4F2; font-size: 15px;
transition: background .2s ease;
}
.co-pdpm__gbtn span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.co-pdpm__gbtn--wa { background: #1f8f4e; }
.co-pdpm__gbtn--wa:hover { background: #17733e; }
.co-pdpm__gbtn:hover { background: #16130f; color: #fff; text-decoration: none; }
.co-pdpm__panel { position: sticky; top: 96px; align-self: start; background: var(--pm-surface); padding: 30px; min-width: 0; }
.co-pdpm__panel .sag_panel { background: transparent; border: 0; }
.co-pdpm__title {
font-family: var(--pm-font);
font-size: 30px; line-height: 1.05; letter-spacing: -.02em;
font-weight: 500; color: var(--pm-ink); margin: 0 0 8px;
}
.co-pdpm__rating { margin-bottom: 6px; }
.co-pdpm__rating .b_kul { font-size: 12px; color: var(--pm-muted); cursor: pointer; }
.co-pdpm__rating .b_kul:hover { color: var(--pm-ink); text-decoration: none; }
.co-pdpm__mevcut { font-size: 12px; color: var(--pm-muted); margin-bottom: 14px; }
.co-pdpm__mevcut .showroom,
.co-pdpm__mevcut .co-pdpm__harita { color: var(--pm-muted); text-decoration: underline; cursor: pointer; }
.co-pdpm__mevcut .showroom:hover,
.co-pdpm__mevcut .co-pdpm__harita:hover { color: var(--pm-ink); }
.co-pdpm__stok {
margin-left: 10px; border: 1px solid #c46b5f; color: #b13b32;
font-size: 10.5px; padding: 3px 8px; letter-spacing: .03em;
}
.co-pdpm__stok:hover { background: #b13b32; color: #fff; text-decoration: none; }
.co-pdpm .product-price-box {
padding: 16px 0; margin-bottom: 20px;
border-top: 1px solid var(--pm-line); border-bottom: 1px solid var(--pm-line);
background: transparent; text-align: left;
}
.co-pdpm .price-text { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; }
.co-pdpm .new-price.discount { font-size: 26px; font-weight: 600; color: var(--pm-ink); }
.co-pdpm .price-text small { font-size: 11px; color: var(--pm-muted); }
.co-pdpm .del-price { font-size: 13px; color: var(--pm-muted); }
.co-pdpm .offer-text .disc-prc { font-size: 11px; font-weight: 600; color: #D71920; letter-spacing: .04em; }
.co-pdpm .product-free-area { font-size: 11px; color: var(--pm-muted); justify-content: flex-start !important; margin-top: 4px; }
.co-pdpm .hteslimat { font-size: 11px; color: #b13b32; text-align: left !important; }
.co-pdpm .varyantlar { margin: 0; }
.co-pdpm .var_title { padding: 0; margin-bottom: 18px !important; }
.co-pdpm__optlabel {
display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
font-size: 12px; font-weight: 600; color: var(--pm-ink); margin: 0 0 10px !important;
}
.co-pdpm__selname { font-size: 11px; color: var(--pm-muted); font-weight: 400; }
.co-pdpm .varyantlar label.image-radio,
.co-pdpm .varyantlar label.image-checkbox,
.co-pdpm .varyantlar label.image-radio-checked,
.co-pdpm .varyantlar label.image-checkbox-checked {
outline: none !important;
margin: 0; padding: 0 !important; border: 0; background: transparent; box-shadow: none;
border-radius: 0 !important; height: auto !important;
cursor: pointer; display: block; text-align: center;
}
.co-pdpm .varyantlar label i.flaticon-tick,
.co-pdpm .varyantlar label .flaticon { display: none !important; }
.co-pdpm .varyantlar label.co-var-resimli { width: 46px; }
.co-pdpm .varyantlar label.co-var-resimli img {
width: 46px !important; height: 50px !important;
min-width: 0 !important; max-height: none !important;
object-fit: cover; border-radius: 0 !important;
border: 2px solid transparent; box-shadow: inset 0 0 0 1px rgba(47,44,40,.18);
transition: border-color .15s ease;
}
.co-pdpm .varyantlar label.co-var-resimli.image-radio-checked img,
.co-pdpm .varyantlar label.co-var-resimli.image-checkbox-checked img { border-color: var(--pm-ink); }
.co-pdpm .varyantlar label.co-var-resimli > span { display: none !important; }
.co-pdpm .varyantlar label.co-var-resimli .var_yaz_fiyat {
display: block; font-size: 8px; line-height: 1.15; color: var(--pm-muted);
margin-top: 3px; font-weight: 400; white-space: normal;
}
.co-pdpm .varyantlar label.co-var-yazili {
width: 100%;
min-height: 42px; padding: 5px 10px !important;
border: 1px solid var(--pm-line); background: transparent;
display: inline-flex; flex-direction: column; align-items: center; justify-content: center;
font-size: 11px; color: var(--pm-ink); line-height: 1.25;
transition: background .15s ease, border-color .15s ease;
}
.co-pdpm .varyantlar label.co-var-yazili > span { color: var(--pm-ink); }
.co-pdpm .varyantlar label.co-var-yazili.image-radio-checked,
.co-pdpm .varyantlar label.co-var-yazili.image-checkbox-checked { background: var(--pm-ink); border-color: var(--pm-ink); }
.co-pdpm .varyantlar label.co-var-yazili.image-radio-checked > span,
.co-pdpm .varyantlar label.co-var-yazili.image-checkbox-checked > span { color: #fff; }
.co-pdpm .varyantlar label.co-var-yazili .var_yaz_fiyat {
display: block; font-size: 8px; line-height: 1.15; color: var(--pm-muted); font-weight: 400;
}
.co-pdpm .varyantlar label.co-var-yazili.image-radio-checked .var_yaz_fiyat,
.co-pdpm .varyantlar label.co-var-yazili.image-checkbox-checked .var_yaz_fiyat { color: rgba(255,255,255,.75); }
.co-pdpm .varyantlar .d-flex > div:has(> label.co-var-resimli) { flex: 0 0 auto !important; margin-right: 10px !important; }
.co-pdpm .varyantlar .d-flex > div:has(> label.co-var-yazili) { flex: 1 1 0 !important; }
.co-pdpm .varyantlar select.form-control {
height: 40px; border: 1px solid var(--pm-line); border-radius: 0;
background: #fff; font-size: 12px; color: var(--pm-ink); box-shadow: none;
}
.co-pdpm .accessories-section { padding: 0; margin-top: 2px; border-top: 1px solid var(--pm-line); }
.co-pdpm .accessories-title {
font-size: 12px !important; font-weight: 600 !important; color: var(--pm-ink) !important;
border-bottom: 0 !important; padding: 14px 0 2px !important; margin: 0;
}
.co-pdpm__acc-alt { font-size: 10px; color: var(--pm-muted); margin-bottom: 12px; }
.co-pdpm .accessory-item {
border: 1px solid transparent !important; border-radius: 0 !important;
background: rgba(245,244,242,.62) !important;
padding: 9px !important; margin-bottom: 8px !important;
transition: border-color .18s ease !important; transform: none !important; box-shadow: none !important;
}
.co-pdpm .accessory-item:hover { border-color: rgba(47,44,40,.38) !important; }
.co-pdpm .accessory-checkbox { width: 16px; height: 16px; margin: 4px 0 0 4px; accent-color: var(--pm-ink); }
.co-pdpm .accessory-image {
width: 60px !important; height: 56px !important;
border: 0 !important; border-radius: 0 !important; background: #fff !important;
}
.co-pdpm .accessory-title { font-size: 11px !important; font-weight: 600 !important; color: var(--pm-ink) !important; margin-bottom: 6px !important; }
.co-pdpm .quantity-btn {
width: 24px !important; height: 26px !important; border: 1px solid var(--pm-line) !important;
background: #fff !important; color: var(--pm-ink) !important; font-size: 13px !important; border-radius: 0 !important;
}
.co-pdpm .quantity-input { width: 30px !important; height: 26px !important; font-size: 10px !important; border-color: var(--pm-line) !important; background: #fff; }
.co-pdpm .accessory-price { font-size: 11px !important; font-weight: 600 !important; color: var(--pm-ink) !important; }
.co-pdpm .select2-container--default .select2-selection--single,
.co-pdpm .select2-container--default .select2-selection--multiple {
border: 1px solid var(--pm-line) !important; border-radius: 0 !important;
min-height: 30px !important; height: auto !important; box-shadow: none !important;
padding: 0 6px !important; background: #fff !important;
}
.co-pdpm .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: #F5F4F2 !important; border: 1px solid var(--pm-line) !important; border-radius: 0 !important;
color: var(--pm-ink) !important;
position: relative;
font-size: 10px !important; padding: 3px 5px 3px 15px !important; margin: 3px 4px 3px 0 !important;
box-shadow: none !important;
}
.co-pdpm .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
position: absolute !important;
left: 5px !important; top: 50% !important; transform: translateY(-50%);
border: 0 !important;
background: transparent !important;
padding: 0 !important; margin: 0 !important;
height: auto !important; width: auto !important;
font-size: 12px; line-height: 1;
}
.co-pdpm .select2-container--default .select2-selection--multiple .select2-selection__choice .variant-cat {
color: var(--pm-muted) !important;
font-size: 10px !important;
letter-spacing: .07em;
}
.co-pdpm .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
color: var(--pm-ink);
font-size: 10px;
font-weight: 600;
}
.co-pdpm .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: var(--pm-muted) !important;
font-weight: 400;
}
.co-pdpm .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #D71920 !important;
background: transparent !important;
}
.co-pdpm .select2-selection__choice img.variant-thumb { border-radius: 0 !important; }
.co-pdpm .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 28px !important; font-size: 11px !important; }
.co-pdpm .total-summary { background: transparent !important; padding: 12px 0 0 !important; }
.co-pdpm .total-summary .total-item { font-size: 11px; color: var(--pm-muted); }
.co-pdpm .total-summary .total-item.main-product { font-weight: 500; color: var(--pm-ink); }
.co-pdpm .total-summary .total-item.final-total {
border-top: 1px solid var(--pm-line) !important; margin-top: 8px; padding-top: 10px;
font-size: 15px !important; font-weight: 600; color: var(--pm-ink) !important;
}
.co-pdpm .total-summary #finalTotal { color: var(--pm-ink); }
.co-pdpm .sepet .text-center.p-3 { padding: 18px 0 0 !important; }
.co-pdpm .sepet button[type="submit"] {
background: var(--pm-ink) !important; border: 0 !important; border-radius: 0 !important;
height: 52px; font-family: var(--pm-font); font-weight: 600 !important;
font-size: 12.5px !important; letter-spacing: .04em; color: #fff !important;
transform: none !important; box-shadow: none !important;
}
.co-pdpm .sepet button[type="submit"]:hover { background: #171512 !important; }
.co-pdpm .product-details-bottom { display: none; }
.co-pdpm__notlar { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
.co-pdpm__notlar > div { background: rgba(245,244,242,.62); padding: 13px; cursor: pointer; }
.co-pdpm__notlar strong { display: block; font-size: 11px; margin-bottom: 4px; color: var(--pm-ink); }
.co-pdpm__notlar span { font-size: 10px; color: var(--pm-muted); line-height: 1.35; }
.co-pdpm-detay { margin-top: 34px; }
@media (max-width: 1080px) {
.co-pdpm { grid-template-columns: 1fr; }
.co-pdpm__gallery { position: relative; top: auto; height: min(72vh, 680px); }
.co-pdpm__panel { position: static; }
}
@media (max-width: 760px) {
.co-pdpm { padding: 28px 5vw 40px; }
.co-pdpm__gallery { height: min(64vh, 560px); }
.co-pdpm__panel { padding: 22px 18px; }
.co-pdpm__gscroll { gap: 10px; }
.co-pdpm__notlar { grid-template-columns: 1fr; }
}
.co-pdpm__aile {
display: grid; grid-template-columns: auto minmax(0,1fr) auto;
align-items: center; gap: 12px; min-height: 60px;
padding: 11px 0; cursor: pointer; user-select: none;
}
.co-pdpm__aile-thumbs { display: flex; align-items: center; padding-left: 2px; }
.co-pdpm__aile-thumbs span {
width: 34px; height: 34px; border-radius: 50%;
background: #F7F6F3; border: 2px solid #ECEAE6;
overflow: hidden; display: flex; align-items: center; justify-content: center;
margin-left: -9px;
}
.co-pdpm__aile-thumbs span:first-child { margin-left: 0; }
.co-pdpm__aile-thumbs img { width: 100%; height: 100%; object-fit: contain; }
.co-pdpm__aile-copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.co-pdpm__aile-copy strong { font-size: 12px; font-weight: 600; color: var(--pm-ink); }
.co-pdpm__aile-copy small { color: var(--pm-muted); font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.co-pdpm__aile-chev { font-size: 18px; line-height: 1; color: var(--pm-muted); transition: transform .22s ease; }
.co-pdpm-acc-kapali .co-pdpm__aile-chev { transform: rotate(180deg); }
.co-pdpm-acc-kapali .co-pdpm__acc-head,
.co-pdpm-acc-kapali #accessory-list { display: none; }
.co-pdpm__acc-head {
display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;
padding: 13px 0 12px; border-top: 1px solid rgba(47,44,40,.08);
}
.co-pdpm__acc-badge {
flex: none; border: 1px solid var(--pm-line); padding: 5px 7px;
font-size: 8px; letter-spacing: .03em; color: var(--pm-ink);
background: rgba(245,244,242,.55); white-space: nowrap;
}
.co-pdpm .accessory-item {
display: grid !important;
grid-template-columns: 22px 54px minmax(0,1fr) 88px;
gap: 9px; align-items: center; min-height: 78px;
}
.co-pdpm__acc-check { display: grid; place-items: center; margin: 0; cursor: pointer; }
.co-pdpm .accessory-checkbox { margin: 0 !important; }
.co-pdpm__acc-thumb {
height: 54px; background: #fff; display: flex;
align-items: center; justify-content: center; overflow: hidden;
}
.co-pdpm .accessory-image { width: 100% !important; height: 100% !important; object-fit: contain; margin: 0 !important; }
.co-pdpm__acc-copy { min-width: 0; }
.co-pdpm__acc-toprow { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; margin-bottom: 7px; }
.co-pdpm__acc-toprow > div { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.co-pdpm__acc-cat { font-size: 7px; letter-spacing: .09em; text-transform: uppercase; color: var(--pm-muted); }
.co-pdpm .accessory-title {
display: block; font-size: 10px !important; line-height: 1.2;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
padding: 0 !important; border: 0 !important;
}
.co-pdpm__acc-link { font-size: 11px; color: var(--pm-muted); padding: 1px; flex: none; }
.co-pdpm__acc-link:hover { color: var(--pm-ink); text-decoration: none; }
.co-pdpm .accessory-options { margin: 0 !important; }
.co-pdpm__acc-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.co-pdpm__acc-meta .accessory-price { font-size: 10px !important; text-align: right !important; }
.co-pdpm .quantity-control { margin: 0 !important; justify-content: flex-end !important; }
.co-pdpm .total-summary { display: block !important; }
.co-pdpm__buyrow {
display: grid; grid-template-columns: 118px minmax(0,1fr);
gap: 10px; margin-top: 18px;
}
.co-pdpm__qty {
display: grid; grid-template-columns: 36px minmax(0,1fr) 36px;
border: 1px solid var(--pm-line); min-height: 52px; background: transparent;
}
.co-pdpm__qty button {
border: 0; background: transparent; cursor: pointer;
font-size: 18px; color: var(--pm-ink); line-height: 1;
}
.co-pdpm__qty input {
width: 100%; min-width: 0; border: 0; background: transparent;
text-align: center; font-size: 13px; color: var(--pm-ink);
}
.co-pdpm__addcart { width: 100%; }
@media (max-width: 560px) {
.co-pdpm .accessory-item { grid-template-columns: 20px 48px minmax(0,1fr); }
.co-pdpm__acc-meta { grid-column: 3; flex-direction: row; justify-content: space-between; align-items: center; }
.co-pdpm__buyrow { grid-template-columns: 104px minmax(0,1fr); }
}
.co-pdpf, .co-pdpd, .co-pdpt {
--pm-bg:#F5F4F2; --pm-ink:#2F2C28; --pm-muted:#6E6961; --pm-line:#D4D0C8;
font-family: Futura, "Futura PT", "Century Gothic", "Twentieth Century", "Tw Cen MT", "Avenir Next", Avenir, Arial, sans-serif;
margin-inline: calc(50% - 50vw);
}
.co-pdpf__head, .co-pdpt__head {
display: flex; justify-content: space-between; align-items: flex-end;
gap: 20px; margin-bottom: 32px; flex-wrap: wrap;
}
.co-pdpf__head h2, .co-pdpt__head h2 {
font-size: clamp(34px, 4vw, 58px); letter-spacing: -.02em;
font-weight: 400; margin: 0; color: var(--pm-ink); font-family: inherit;
}
.co-pdpf__head p, .co-pdpt__head p {
max-width: 480px; margin: 0; color: var(--pm-muted);
font-size: 13px; line-height: 1.55; text-align: right;
}
@media (max-width: 1200px) {
.co-pdpf__grid { grid-auto-columns: calc((100% - 2 * 14px) / 3); }
}
.co-pdpf { padding: 68px 5vw; background: #F1F0ED; }
.co-pdpf__grid {
display: grid;
grid-auto-flow: column;
grid-auto-columns: calc((100% - 4 * 14px) / 5);
gap: 14px;
overflow-x: auto; padding: 2px 2px 10px;
scroll-snap-type: x proximity;
scrollbar-width: none; -ms-overflow-style: none;
}
.co-pdpf__grid::-webkit-scrollbar { display: none; }
.co-pdpf__card { scroll-snap-align: start; }
.co-pdpf__sag { display: flex; align-items: center; gap: 18px; }
.co-pdpf__nav { display: flex; gap: 8px; flex: 0 0 auto; }
.co-pdpf__ok {
width: 36px; height: 36px; border: 1px solid var(--pm-line); border-radius: 50%;
background: transparent; cursor: pointer; font-size: 17px; line-height: 1; color: var(--pm-ink);
transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.co-pdpf__ok:hover { background: var(--pm-ink); color: #fff; border-color: var(--pm-ink); }
.co-pdpf__card {
min-width: 0; background: #fff; border: 1px solid rgba(47,44,40,.09);
overflow: hidden; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.co-pdpf__card:hover {
transform: translateY(-3px);
border-color: rgba(47,44,40,.18);
box-shadow: 0 12px 30px rgba(47,44,40,.08);
}
.co-pdpf__link { display: flex; flex-direction: column; height: 100%; color: inherit; }
.co-pdpf__link:hover { text-decoration: none; color: inherit; }
.co-pdpf__media {
aspect-ratio: 4/3; display: flex; align-items: center; justify-content: center;
padding: 14px; background: #fff; overflow: hidden;
}
.co-pdpf__media img {
width: 100%; height: 100%; object-fit: contain;
mix-blend-mode: multiply; transition: transform .28s ease;
}
.co-pdpf__card:hover .co-pdpf__media img { transform: scale(1.025); }
.co-pdpf__body {
flex: 1; display: flex; flex-direction: column;
padding: 18px 18px 17px; background: var(--pm-bg);
border-top: 1px solid rgba(47,44,40,.07);
}
.co-pdpf__cat { font-size: 9px; color: var(--pm-muted); letter-spacing: .1em; font-weight: 700; text-transform: uppercase; }
.co-pdpf__body h3 {
min-height: 40px; font-size: 18px; line-height: 1.12; font-weight: 500;
margin: 10px 0 20px; color: var(--pm-ink); font-family: inherit;
}
.co-pdpf__meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; }
.co-pdpf__meta strong { font-size: 15px; font-weight: 700; color: var(--pm-ink); }
.co-pdpf__ok {
width: 31px; height: 31px; border: 1px solid rgba(47,44,40,.18); border-radius: 50%;
display: inline-flex; align-items: center; justify-content: center;
font-size: 13px; flex: 0 0 auto;
transition: transform .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}
.co-pdpf__card:hover .co-pdpf__ok { transform: rotate(45deg); background: #2F2C28; color: #fff; border-color: #2F2C28; }
.co-pdpd { background: var(--pm-bg); }
.co-pdpd__shell {
background: #566065; color: #F5F4F2;
padding: 58px 5vw;
display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
gap: 40px; align-items: start;
}
.co-pdpd__kicker {
display: block; margin-bottom: 16px;
font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #D8D4CD;
}
.co-pdpd__shell h2 {
font-size: clamp(34px, 3.4vw, 50px); line-height: 1.02; letter-spacing: -.02em;
font-weight: 600; margin: 0 0 18px; color: #fff; font-family: inherit;
}
.co-pdpd__shell p { margin: 0; max-width: 680px; font-size: 15px; line-height: 1.65; color: rgba(245,244,242,.88); }
.co-pdpd__not { margin-top: 24px; max-width: 620px; }
.co-pdpd__not strong { display: block; font-size: 13px; letter-spacing: .02em; margin-bottom: 8px; color: #fff; }
.co-pdpd__not span { display: block; font-size: 13px; line-height: 1.62; color: rgba(245,244,242,.76); }
.co-pdpd__actions { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; align-content: start; }
.co-pdpd__link {
position: relative; min-height: 78px;
border: 1px solid rgba(245,244,242,.65);
padding: 18px 86px 18px 22px;
display: flex; flex-direction: column; justify-content: center; gap: 8px;
background: transparent; color: #F5F4F2;
transition: background .22s ease, transform .22s ease, border-color .22s ease;
}
.co-pdpd__link:hover { background: rgba(255,255,255,.05); transform: translateY(-2px); color: #fff; text-decoration: none; }
.co-pdpd__link > span:first-child { font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: rgba(245,244,242,.72); }
.co-pdpd__link .co-pdpd__formats { text-transform: none; letter-spacing: .04em; white-space: normal; line-height: 1.45; }
.co-pdpd__link strong { font-size: 15px; font-weight: 600; color: #fff; }
.co-pdpd__link--wide { grid-column: 1 / -1; }
.co-pdpd__link--accent { background: #8A5545; border-color: #8A5545; }
.co-pdpd__link--accent > span:first-child { color: #F7EAE2; }
.co-pdpd__link--accent:hover { background: #7A4A3C; border-color: #7A4A3C; }
.co-pdpd__ico {
position: absolute; right: 22px; top: 50%;
width: 42px; height: 42px; margin-top: -21px;
border: 1px solid rgba(245,244,242,.48); border-radius: 999px;
display: flex; align-items: center; justify-content: center;
background: rgba(255,255,255,.02);
transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.co-pdpd__ico svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.85; stroke-linecap: round; stroke-linejoin: round; }
.co-pdpd__link:hover .co-pdpd__ico {
background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.78);
box-shadow: 0 10px 26px rgba(12,12,12,.14);
}
.co-pdpd__link:hover .co-pdpd__ico svg { animation: coPdpdIn .56s ease both; }
@keyframes coPdpdIn {
0% { transform: translateY(0); }
35% { transform: translateY(3px); }
60% { transform: translateY(1px); }
100% { transform: translateY(0); }
}
.co-pdpt { padding: 72px 5vw; background: var(--pm-bg); }
.co-pdpt__grid {
display: grid; grid-template-columns: repeat(4, 1fr);
border-top: 1px solid var(--pm-line); border-left: 1px solid var(--pm-line);
}
.co-pdpt__cell {
padding: 26px; min-height: 120px;
border-right: 1px solid var(--pm-line); border-bottom: 1px solid var(--pm-line);
}
.co-pdpt__cell span { display: block; font-size: 10px; letter-spacing: .08em; color: var(--pm-muted); margin-bottom: 12px; text-transform: uppercase; }
.co-pdpt__cell strong { font-size: 18px; font-weight: 500; color: var(--pm-ink); }
.co-pdpt__ek { margin-top: 22px; }
.co-pdpt__ek--cizimli {
margin-top: -1px;
padding: 34px 34px 28px;
background: #fff;
border: 1px solid var(--pm-line);
display: flex; flex-direction: column; align-items: center; gap: 14px;
}
.co-pdpt__cizim { margin: 0; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.co-pdpt__ekgorsel { position: relative; display: block; max-width: 100%; cursor: zoom-in; line-height: 0; }
.co-pdpt__ek img {
display: block; margin: 0 auto;
max-width: 100%; width: auto; height: auto;
max-height: clamp(300px, 48vh, 520px);
background: #fff; border: 0;
transition: opacity .2s ease;
}
.co-pdpt__zoom {
position: absolute; top: 10px; right: 10px;
width: 34px; height: 34px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
background: rgba(255,255,255,.92); color: var(--pm-ink);
border: 1px solid var(--pm-line);
opacity: 0; transform: translateY(-4px);
transition: opacity .2s ease, transform .2s ease;
pointer-events: none;
}
.co-pdpt__ekgorsel:hover .co-pdpt__zoom,
.co-pdpt__ekgorsel:focus-visible .co-pdpt__zoom { opacity: 1; transform: translateY(0); }
.co-pdpt__ekgorsel:hover img { opacity: .9; }
.co-pdpt__cizimalt {
font-size: 10px; letter-spacing: .08em; text-transform: uppercase;
color: var(--pm-muted); text-align: center;
}
.co-pdpt__cizimalt span { opacity: .5; margin: 0 4px; }
.co-pdpt__ekmetin { font-size: 13px; line-height: 1.6; color: var(--pm-muted); }
.co-pdpt__ekmetin p:last-child { margin-bottom: 0; }
.co-pdpt__ek--cizimli .co-pdpt__ekmetin { text-align: center; max-width: 620px; margin-top: 2px; }
@media (max-width: 1080px) {
.co-pdpd__shell { grid-template-columns: 1fr; }
.co-pdpt__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
.co-pdpf { padding: 44px 5vw; }
.co-pdpf__grid { grid-auto-columns: 78vw; gap: 12px; }
.co-pdpf__body h3 { min-height: 0; }
.co-pdpf__head p, .co-pdpt__head p { text-align: left; }
.co-pdpd__shell { padding: 44px 5vw; }
.co-pdpd__actions { grid-template-columns: 1fr; }
.co-pdpd__link { min-height: 72px; padding-right: 76px; }
.co-pdpd__ico { right: 18px; width: 38px; height: 38px; margin-top: -19px; }
.co-pdpt { padding: 48px 5vw; }
.co-pdpt__grid { grid-template-columns: 1fr; }
.co-pdpt__ek--cizimli { padding: 20px 16px 18px; gap: 12px; }
.co-pdpt__ek img { max-height: 52vh; }
.co-pdpt__zoom { opacity: 1; transform: none; }
}
.co-pdps, .co-pdpv, .co-pdpz, .co-pdpy {
--pm-bg:#F5F4F2; --pm-ink:#2F2C28; --pm-muted:#6E6961; --pm-line:#D4D0C8;
font-family: Futura, "Futura PT", "Century Gothic", "Twentieth Century", "Tw Cen MT", "Avenir Next", Avenir, Arial, sans-serif;
}
.co-pdps, .co-pdpv, .co-pdpz { margin-inline: calc(50% - 50vw); }
.co-pdps { display: grid; grid-template-columns: .88fr 1.12fr; min-height: 540px; background: #D8DDD3; }
.co-pdps__copy { padding: 64px 5vw; display: flex; align-items: center; }
.co-pdps__ic { max-width: 560px; }
.co-pdps__kicker { display: block; font-size: 11px; letter-spacing: .16em; color: #657066; margin-bottom: 16px; text-transform: uppercase; }
.co-pdps__ic h2 {
font-size: clamp(38px, 4vw, 64px); line-height: 1.02; letter-spacing: -.02em;
font-weight: 400; margin: 0 0 22px; color: var(--pm-ink); font-family: inherit;
}
.co-pdps__ic p { font-size: 15px; line-height: 1.65; color: #4D574F; margin: 0; }
.co-pdps__media { min-height: 540px; background: #F1F0ED; display: flex; align-items: center; justify-content: center; padding: 26px; }
.co-pdps__media img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.co-pdpv {
display: grid; grid-template-columns: repeat(4, 1fr);
border-top: 1px solid var(--pm-line); border-bottom: 1px solid var(--pm-line);
background: var(--pm-bg);
}
.co-pdpv__item { padding: 24px 24px 24px 5vw; border-right: 1px solid var(--pm-line); }
.co-pdpv__item:last-child { border-right: 0; }
.co-pdpv__item strong { display: block; font-size: 13px; margin-bottom: 5px; color: var(--pm-ink); }
.co-pdpv__item span { font-size: 11px; color: var(--pm-muted); line-height: 1.4; }
.co-pdpv__item.teslimat { cursor: pointer; }
.co-pdpz { padding: 68px 5vw 60px; background: #fff; }
.co-pdpz__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 34px; flex-wrap: wrap; }
.co-pdpz__head h2 { font-size: clamp(34px, 4vw, 58px); letter-spacing: -.02em; font-weight: 400; margin: 0; color: var(--pm-ink); font-family: inherit; }
.co-pdpz__nav { display: flex; align-items: center; gap: 14px; }
.co-pdpz__tumu {
font-size: 11px; letter-spacing: .12em; color: var(--pm-ink);
text-decoration: underline; text-underline-offset: 4px;
}
.co-pdpz__tumu:hover { color: #D71920; text-decoration: underline; }
.co-pdpz__ok {
width: 36px; height: 36px; border: 1px solid var(--pm-line); border-radius: 50%;
background: transparent; cursor: pointer; font-size: 17px; line-height: 1; color: var(--pm-ink);
transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.co-pdpz__ok:hover { background: var(--pm-ink); color: #fff; border-color: var(--pm-ink); }
.co-pdpz__ray {
display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px, 1fr);
gap: 26px; overflow-x: auto; scroll-snap-type: x proximity;
scrollbar-width: none; padding-bottom: 6px;
}
.co-pdpz__ray::-webkit-scrollbar { display: none; }
.co-pdpz__card { position: relative; display: flex; flex-direction: column; min-width: 0; scroll-snap-align: start; }
.co-pdpz__chip {
position: absolute; top: 10px; left: 10px; z-index: 2;
background: #fff; border: 1px solid rgba(47,44,40,.12);
font-size: 9px; letter-spacing: .12em; color: var(--pm-muted);
padding: 7px 11px;
}
.co-pdpz__rozet {
position: absolute; top: 10px; right: 10px; z-index: 2;
background: #16130f; color: #fff; font-size: 9.5px; letter-spacing: .1em;
text-transform: uppercase; padding: 6px 9px;
}
.co-pdpz__media {
display: flex; align-items: center; justify-content: center;
aspect-ratio: 1 / 1; background: #F7F6F4; padding: 26px; overflow: hidden;
}
.co-pdpz__media img { max-width: 100%; max-height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform .28s ease; }
.co-pdpz__card:hover .co-pdpz__media img { transform: scale(1.03); }
.co-pdpz__ad {
display: block; margin: 18px 0 6px;
font-size: 13px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
color: var(--pm-ink);
}
.co-pdpz__ad:hover { color: var(--pm-ink); opacity: .75; text-decoration: none; }
.co-pdpz__fiyat { font-size: 14px; color: var(--pm-ink); margin-bottom: 14px; }
.co-pdpz__fiyat del { font-size: 11.5px; color: #b3aea6; margin-left: 8px; }
.co-pdpz__btn {
margin-top: auto; display: block; text-align: center;
border: 1px solid var(--pm-ink); color: var(--pm-ink);
font-size: 12px; font-weight: 600; letter-spacing: .04em; padding: 13px 10px;
transition: background .2s ease, color .2s ease;
}
.co-pdpz__btn:hover { background: var(--pm-ink); color: #fff; text-decoration: none; }
.co-pdpz__bos { color: var(--pm-muted); font-size: 14px; }
.co-pdpy { margin-inline: calc(50% - 50vw); background: var(--pm-bg); border-top: 1px solid var(--pm-line); }
.co-pdpy__ic { max-width: 1180px; margin: 0 auto; padding: 68px 5vw 60px; }
.co-pdpy__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 34px; flex-wrap: wrap; }
.co-pdpy__head h2 { font-size: clamp(34px, 4vw, 58px); letter-spacing: -.02em; font-weight: 400; margin: 0; color: var(--pm-ink); font-family: inherit; }
.co-pdpy__head p { margin: 0; color: var(--pm-muted); font-size: 13px; }
.co-pdpy__ozet {
display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 40px;
padding: 26px 0 30px; border-top: 1px solid var(--pm-line); border-bottom: 1px solid var(--pm-line);
margin-bottom: 12px; align-items: center;
}
.co-pdpy__skor strong { display: block; font-size: 56px; font-weight: 600; line-height: 1; color: var(--pm-ink); }
.co-pdpy__skor strong span { font-size: 20px; color: var(--pm-muted); font-weight: 400; }
.co-pdpy__skor em { display: block; font-style: normal; font-size: 15px; color: var(--pm-ink); margin: 8px 0 4px; }
.co-pdpy__skor small { font-size: 11.5px; color: var(--pm-muted); }
.co-pdpy__bar { display: grid; grid-template-columns: 200px minmax(0,1fr) 34px; gap: 14px; align-items: center; margin-bottom: 12px; }
.co-pdpy__bar:last-child { margin-bottom: 0; }
.co-pdpy__bar > span { font-size: 12px; color: var(--pm-muted); }
.co-pdpy__bar i { display: block; height: 2px; background: #E3DFD7; position: relative; }
.co-pdpy__bar i b { position: absolute; left: 0; top: 0; bottom: 0; background: var(--pm-ink); }
.co-pdpy__bar > strong { font-size: 12px; color: var(--pm-ink); text-align: right; }
.co-pdpy .yorumdiv { display: none; }
.co-pdpy__liste { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 22px; }
.co-pdpy__yorum {
gap: 18px; align-items: flex-start;
background: #fff; border: 1px solid rgba(47,44,40,.09);
padding: 22px;
transition: border-color .2s ease, box-shadow .2s ease;
}
.co-pdpy__yorum:hover { border-color: rgba(47,44,40,.18); box-shadow: 0 10px 26px rgba(47,44,40,.06); }
@media (max-width: 900px) { .co-pdpy__liste { grid-template-columns: 1fr; } }
.co-pdpy__avatar {
flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%;
background: #E9E5DD; color: var(--pm-ink);
display: flex; align-items: center; justify-content: center;
font-size: 14px; font-weight: 600; letter-spacing: .02em;
}
.co-pdpy__govde { min-width: 0; }
.co-pdpy__govde header { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.co-pdpy__govde header strong { font-size: 13.5px; color: var(--pm-ink); }
.co-pdpy__govde header span { font-size: 11.5px; color: var(--pm-muted); }
.co-pdpy__govde header time { font-size: 11px; color: #B4AFA5; margin-left: auto; }
.co-pdpy__govde p { margin: 0; font-size: 13.5px; line-height: 1.65; color: var(--pm-muted); }
.co-pdpy__daha {
display: block; width: 100%; margin-top: 26px;
border: 1px solid var(--pm-ink); background: transparent; color: var(--pm-ink);
font-family: inherit; font-size: 12px; font-weight: 600; letter-spacing: .06em;
padding: 15px 10px; cursor: pointer; transition: background .2s ease, color .2s ease;
}
.co-pdpy__daha:hover { background: var(--pm-ink); color: #fff; }
.co-pdpm-detay {
font-family: Futura, "Futura PT", "Century Gothic", "Twentieth Century", "Tw Cen MT", "Avenir Next", Avenir, Arial, sans-serif;
max-width: 1180px; margin-left: auto; margin-right: auto;
}
.co-pdpm-detay .card {
border: 0 !important; border-top: 1px solid #D4D0C8 !important;
border-radius: 0 !important; background: transparent !important;
margin-bottom: 0 !important; box-shadow: none !important;
}
.co-pdpm-detay > .col-lg-12 > .position-relative > #basicsAccordion > .card:last-of-type { border-bottom: 1px solid #D4D0C8 !important; }
.co-pdpm-detay .card-header { background: transparent !important; border: 0 !important; padding: 0 !important; }
.co-pdpm-detay .card-btn {
font-family: inherit !important; font-size: 15px !important; font-weight: 500 !important;
color: #2F2C28 !important; padding: 19px 4px !important; text-decoration: none !important;
}
.co-pdpm-detay .card-btn:hover { color: #2F2C28 !important; }
.co-pdpm-detay .card-btn-arrow { color: #6E6961 !important; }
.co-pdpm-detay .card-body {
font-size: 13.5px !important; line-height: 1.7 !important; color: #6E6961 !important;
padding: 2px 4px 26px !important; font-family: inherit;
}
.co-pdpm-detay .card-body strong, .co-pdpm-detay .card-body b { color: #2F2C28; }
.co-pdpm-detay .card-body u { text-decoration-color: #C9C3B9; }
.co-pdpm-detay .card-body a { color: #8A5545 !important; text-decoration: underline; }
.co-pdpm-detay .card-body a:hover { color: #6F4437 !important; }
.co-pdpm-detay .urun-aciklama-metni, .co-pdpm-detay .urun-aciklama-metni * { color: #6E6961 !important; font-family: inherit !important; }
.co-pdpm-detay .urun-aciklama-metni strong, .co-pdpm-detay .urun-aciklama-metni b { color: #2F2C28 !important; }
.co-pdpm-detay .table { color: #6E6961; }
.co-pdpm-detay .table th { color: #2F2C28; font-weight: 600; }
.co-pdpm-detay .table td, .co-pdpm-detay .table th { border-color: #E3DFD7 !important; font-size: 12.5px; }
.co-pdpm-detay .table-bordered thead { color: #2F2C28; font-weight: 600; }
.co-pdpm-detay .badge { background: #F0EDE6 !important; color: #2F2C28 !important; border-radius: 0 !important; font-weight: 500 !important; }
@media (max-width: 1080px) {
.co-pdps { grid-template-columns: 1fr; }
.co-pdps__media { min-height: 380px; order: -1; }
.co-pdpv { grid-template-columns: repeat(2, 1fr); }
.co-pdpv__item { padding: 20px 24px; border-bottom: 1px solid var(--pm-line); }
.co-pdpy__ozet { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 760px) {
.co-pdps__copy { padding: 42px 5vw; }
.co-pdps__media { min-height: 300px; }
.co-pdpv { grid-template-columns: 1fr; }
.co-pdpz { padding: 44px 5vw 40px; }
.co-pdpz__ray { grid-auto-columns: minmax(78vw, 1fr); gap: 14px; }
.co-pdpy__ic { padding: 44px 5vw 40px; }
.co-pdpy__bar { grid-template-columns: 130px minmax(0,1fr) 30px; gap: 10px; }
.co-pdpy__govde header time { margin-left: 0; width: 100%; }
}
.co-pdpk {
--pm-ink:#2F2C28; --pm-muted:#6E6961; --pm-line:#D4D0C8;
font-family: Futura, "Futura PT", "Century Gothic", "Twentieth Century", "Tw Cen MT", "Avenir Next", Avenir, Arial, sans-serif;
margin-inline: calc(50% - 50vw);
background: #fff;
border-top: 1px solid var(--pm-line);
scroll-margin-top: 90px;
}
.co-pdpk__ic {
display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
gap: 56px; padding: 68px 5vw; align-items: start;
}
.co-pdpk__kicker { display: block; font-size: 11px; letter-spacing: .16em; color: #B4AFA5; margin-bottom: 14px; }
.co-pdpk__sol h2 { font-size: clamp(30px, 3vw, 46px); letter-spacing: -.02em; font-weight: 400; margin: 0 0 16px; color: var(--pm-ink); font-family: inherit; }
.co-pdpk__sol p { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--pm-muted); }
.co-pdpk__icerik { font-size: 13.5px; line-height: 1.75; color: var(--pm-muted); }
.co-pdpk__icerik * { font-family: inherit !important; }
.co-pdpk__icerik strong, .co-pdpk__icerik b { color: var(--pm-ink); }
.co-pdpk__icerik u { text-decoration-color: #C9C3B9; text-underline-offset: 3px; }
.co-pdpk__icerik a { color: #8A5545; text-decoration: underline; }
.co-pdpk__icerik p { margin-bottom: 12px; }
.co-pdpo {
--pm-ink:#2F2C28; --pm-muted:#6E6961; --pm-line:#D4D0C8;
font-family: Futura, "Futura PT", "Century Gothic", "Twentieth Century", "Tw Cen MT", "Avenir Next", Avenir, Arial, sans-serif;
margin-inline: calc(50% - 50vw);
background: #fff;
border-top: 1px solid var(--pm-line);
scroll-margin-top: 90px;
}
.co-pdpo__ic {
display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
gap: 56px; padding: 72px 5vw; align-items: start;
}
.co-pdpo__sol { position: sticky; top: 110px; }
.co-pdpo__kicker { display: block; font-size: 11px; letter-spacing: .16em; color: #B4AFA5; margin-bottom: 14px; }
.co-pdpo__sol h2 { font-size: clamp(30px, 3vw, 46px); letter-spacing: -.02em; font-weight: 400; margin: 0 0 16px; color: var(--pm-ink); font-family: inherit; }
.co-pdpo__sol p { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--pm-muted); }
.co-pdpo__icerik { font-size: 14px; line-height: 1.75; color: var(--pm-muted); min-width: 0; overflow-wrap: anywhere; }
.co-pdpo__icerik * { font-family: inherit !important; }
.co-pdpo__icerik p, .co-pdpo__icerik span, .co-pdpo__icerik font, .co-pdpo__icerik li { font-size: inherit !important; line-height: inherit !important; }
.co-pdpo__icerik p { margin: 0 0 14px; max-width: 760px; }
.co-pdpo__icerik > p:first-child { font-size: 16px !important; line-height: 1.7 !important; color: var(--pm-ink); }
.co-pdpo__icerik p:has(> br:only-child) { display: none; }
.co-pdpo__icerik strong, .co-pdpo__icerik b { color: var(--pm-ink); font-weight: 600; }
.co-pdpo__icerik a { color: #8A5545; text-decoration: underline; }
.co-pdpo__icerik h2, .co-pdpo__icerik h3, .co-pdpo__icerik h4 {
font-size: 18px; font-weight: 500; color: var(--pm-ink); letter-spacing: -.01em; margin: 28px 0 12px;
}
.co-pdpo__icerik ul, .co-pdpo__icerik ol {
list-style: none; margin: 26px 0 8px; padding: 0;
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px;
border-top: 1px solid var(--pm-line);
}
.co-pdpo__icerik li {
position: relative; padding: 14px 0 14px 18px; margin: 0;
border-bottom: 1px solid #E7E3DC; line-height: 1.55 !important; color: #6E6961;
}
.co-pdpo__icerik li p { margin: 0 !important; }
.co-pdpo__icerik li strong, .co-pdpo__icerik li b { color: #1F1C19; font-weight: 700 !important; letter-spacing: .01em; }
.co-pdpo__icerik li::before {
content: ""; position: absolute; left: 0; top: 22px;
width: 6px; height: 6px; border-radius: 50%; background: #C9B8A6;
}
.co-pdpo--metin .co-pdpo__icerik { font-size: 16px; line-height: 1.75; color: #4D4943; }
.co-pdpo--metin .co-pdpo__icerik p { max-width: 820px; margin-bottom: 18px; }
.co-pdpo--metin .co-pdpo__icerik > p:first-child { font-size: 18px !important; line-height: 1.65 !important; color: var(--pm-ink); }
.co-pdpo__icerik table { width: 100%; border-collapse: collapse; margin: 20px 0; }
.co-pdpo__icerik td, .co-pdpo__icerik th { border-bottom: 1px solid #E7E3DC; padding: 12px 10px 12px 0; text-align: left; vertical-align: top; }
.co-pdpo__icerik img { max-width: 100%; height: auto; }
@media (max-width: 1080px) {
.co-pdpo__ic { grid-template-columns: 1fr; gap: 24px; padding: 48px 5vw; }
.co-pdpo__sol { position: static; }
}
@media (max-width: 720px) {
.co-pdpo__icerik ul, .co-pdpo__icerik ol { grid-template-columns: 1fr; }
}
.co-pdpm__notlar > a { background: rgba(245,244,242,.62); padding: 13px; display: block; }
.co-pdpm__notlar > a:hover { background: rgba(245,244,242,.92); text-decoration: none; }
.co-pdpv__git { display: block; }
.co-pdpv__git:hover { text-decoration: none; }
.co-pdpv__git:hover strong { color: #8A5545; }
.co-pdpy + .co-pdps { border-top: 1px solid #D4D0C8; }
@media (max-width: 1080px) {
.co-pdpk__ic { grid-template-columns: 1fr; gap: 24px; padding: 44px 5vw; }
}
html { overflow-x: clip; }
@supports not (overflow-x: clip) {
html, body { overflow-x: hidden; }
}
.co-mega {
background: #F7F6F3 !important;
border: 0 !important;
border-top: 1px solid #E3DFD7 !important;
box-shadow: 0 24px 48px rgba(47,44,40,.10) !important;
border-radius: 0 !important;
font-family: Futura, "Futura PT", "Century Gothic", "Twentieth Century", "Tw Cen MT", "Avenir Next", Avenir, Arial, sans-serif;
}
.co-mega__ic {
display: flex;
gap: 56px;
padding: 34px 54px 40px;
max-width: 1320px;
margin: 0 auto;
}
.co-mega__kolon { min-width: 170px; flex: 1 1 0; }
.co-mega__baslik {
display: block;
font-size: 20px;
letter-spacing: .08em;
color: #8a857c;
margin-bottom: 14px;
min-height: 14px;
}
.co-mega__kolon > a,
.co-mega__kesfet > a {
display: block;
font-size: 16px;
color: #2F2C28;
padding: 6px 0;
white-space: nowrap;
transition: color .15s ease, transform .15s ease;
}
.co-mega__kolon > a:hover,
.co-mega__kesfet > a:hover {
color: #D71920;
text-decoration: none;
transform: translateX(2px);
}
.co-mega__kesfet {
margin-left: auto;
padding-left: 48px;
border-left: 1px solid #E3DFD7;
min-width: 220px;
}
.co-mega__kesfet .co-mega__tumu {
margin-top: 18px;
font-weight: 600;
color: #2F2C28;
}
.co-mega__tumu span { display: inline-block; transition: transform .18s ease; }
.co-mega__tumu:hover span { transform: translateX(4px); }
.co-mega--diger .row { padding: 22px 30px 26px; }
.co-mega--diger .u-header__sub-menu-title,
.co-mega--diger .u-header__sub-menu-title a {
font-size: 11px !important;
letter-spacing: .08em;
color: #8a857c !important;
font-weight: 400 !important;
text-transform: uppercase;
}
.co-mega--diger .u-header__sub-menu-nav-link {
font-size: 13.5px !important;
color: #2F2C28 !important;
padding: 6px 0 !important;
}
.co-mega--diger .u-header__sub-menu-nav-link:hover { color: #D71920 !important; }
.co-mega--diger .u-header__sub-menu-bordered li { border: 0 !important; }
@media (max-width: 1199px) {
.co-mega__ic { flex-direction: column; gap: 10px; padding: 12px 8px; }
.co-mega__kolon .co-mega__baslik { min-height: 0; }
.co-mega__kolon .co-mega__baslik:empty { display: none; }
.co-mega__kesfet { margin-left: 0; padding-left: 0; border-left: 0; }
.co-mega__kolon > a, .co-mega__kesfet > a { white-space: normal; }
}
.co-pdpm__gbtn { position: relative; }
.co-pdpm__gbtn[data-tip]::after {
content: attr(data-tip);
position: absolute;
left: 0; bottom: calc(100% + 11px);
transform: translateY(5px);
background: #16130f; color: #f4efe7;
font-family: var(--pm-font, inherit);
font-size: 11px; letter-spacing: .02em; line-height: 1.4; font-weight: 500;
white-space: normal; width: max-content; max-width: 220px; text-align: left;
padding: 8px 11px;
box-shadow: 0 12px 28px rgba(0,0,0,.24);
opacity: 0; visibility: hidden; pointer-events: none;
transition: opacity .18s ease, transform .18s ease;
z-index: 30;
}
.co-pdpm__gbtn[data-tip]::before {
content: "";
position: absolute;
left: 18px; bottom: calc(100% + 6px);
transform: translateY(5px);
border: 5px solid transparent; border-top-color: #16130f;
opacity: 0; visibility: hidden; pointer-events: none;
transition: opacity .18s ease, transform .18s ease;
z-index: 30;
}
.co-pdpm__gbtn[data-tip]:hover::after,
.co-pdpm__gbtn[data-tip]:hover::before {
opacity: 1; visibility: visible; transform: translateY(0);
}
.co-gy {
--gy-geo: Futura, "Futura PT", "Century Gothic", "Twentieth Century", "Tw Cen MT", "Avenir Next", Avenir, Arial, sans-serif;
padding: 26px 0 40px;
}
.co-gy__panel {
background: linear-gradient(180deg, #f4f7f2 0%, #edf0e9 100%);
border: 1px solid rgba(47, 44, 40, .05);
border-radius: 22px;
padding: clamp(26px, 4vw, 54px);
}
.co-gy__head {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 24px;
margin-bottom: 30px;
}
.co-gy__kicker {
display: inline-flex;
align-items: center;
gap: 12px;
font-family: var(--gy-geo);
font-size: 11px;
font-weight: 600;
letter-spacing: .16em;
text-transform: uppercase;
color: #6d7a68;
margin-bottom: 12px;
}
.co-gy__kicker i { width: 26px; height: 1px; background: #8a9683; }
.co-gy__title {
font-family: var(--gy-geo);
font-size: clamp(28px, 3vw, 48px);
font-weight: 300;
letter-spacing: -.01em;
color: var(--co-ink);
line-height: 1.08;
margin: 0;
}
.co-gy__title em { font-style: italic; font-weight: 400; }
.co-gy__sag {
display: flex;
align-items: center;
gap: 12px;
margin-top: 8px;
flex: 0 0 auto;
}
.co-gy__g {
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
box-shadow: 0 6px 18px rgba(47, 44, 40, .1);
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--gy-geo);
font-size: 17px;
font-weight: 700;
color: #4285F4;
}
.co-gy__sag strong { display: block; font-family: var(--gy-geo); font-size: 13px; font-weight: 600; color: var(--co-ink); }
.co-gy__sag span { display: block; font-family: var(--gy-geo); font-size: 11px; color: var(--co-muted); }
.co-gy__ray {
display: grid;
grid-auto-flow: column;
grid-auto-columns: calc((100% - 2 * 16px) / 3);
gap: 16px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none; -ms-overflow-style: none;
}
.co-gy__ray::-webkit-scrollbar { display: none; }
.co-gy__card {
position: relative;
scroll-snap-align: start;
background: #fff;
border: 1px solid rgba(47, 44, 40, .06);
border-radius: 8px;
padding: 22px 22px 40px;
min-height: 235px;
display: flex;
flex-direction: column;
}
.co-gy__card header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 14px;
}
.co-gy__avatar {
flex: 0 0 auto;
width: 44px;
height: 44px;
border-radius: 50%;
background: #dfe5da;
color: var(--co-ink);
display: flex;
align-items: center;
justify-content: center;
font-family: var(--gy-geo);
font-size: 13.5px;
font-weight: 600;
letter-spacing: .02em;
}
.co-gy__kim { min-width: 0; }
.co-gy__kim strong {
display: block;
font-family: var(--gy-geo);
font-size: 14px;
font-weight: 600;
color: var(--co-ink);
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.co-gy__kim span { display: block; font-family: var(--gy-geo); font-size: 11px; color: var(--co-muted); }
.co-gy__gg {
margin-left: auto;
font-family: var(--gy-geo);
font-size: 18px;
font-weight: 700;
color: #4285F4;
}
.co-gy__stars {
color: #f2b73f;
font-size: 13px;
letter-spacing: 3px;
margin-bottom: 10px;
}
.co-gy__card p {
font-family: var(--gy-geo);
font-size: 13px;
line-height: 1.6;
color: var(--co-muted);
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.co-gy__quote {
position: absolute;
right: 20px;
bottom: 12px;
font-size: 34px;
line-height: 1;
color: #e5e3dc;
pointer-events: none;
}
.co-gy__nav {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
margin-top: 26px;
}
.co-gy__ok {
width: 38px;
height: 38px;
border: 1px solid rgba(47, 44, 40, .18);
border-radius: 50%;
background: #fff;
cursor: pointer;
font-size: 17px;
line-height: 1;
color: var(--co-ink);
transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.co-gy__ok:hover { background: var(--co-ink); color: #fff; border-color: var(--co-ink); }
.co-gy__bars { display: flex; align-items: center; gap: 6px; }
.co-gy__bar {
width: 18px;
height: 3px;
border: 0;
border-radius: 2px;
background: #cfd4c9;
cursor: pointer;
padding: 0;
transition: width .2s ease, background .2s ease;
}
.co-gy__bar.aktif { width: 30px; background: var(--co-ink); }
@media (max-width: 991px) {
.co-gy__ray { grid-auto-columns: calc((100% - 16px) / 2); }
.co-gy__head { display: block; }
.co-gy__sag { margin-top: 16px; }
}
@media (max-width: 640px) {
.co-gy__ray { grid-auto-columns: 100%; }
}
.co-blog {
--bl-geo: Futura, "Futura PT", "Century Gothic", "Twentieth Century", "Tw Cen MT", "Avenir Next", Avenir, Arial, sans-serif;
padding: 46px 0 64px;
}
.co-blog__head {
position: relative;
text-align: center;
margin-bottom: 36px;
}
.co-blog__kicker {
display: block;
font-family: var(--bl-geo);
font-size: 11px;
font-weight: 600;
letter-spacing: .16em;
text-transform: uppercase;
color: #6d7a68;
margin-bottom: 10px;
}
.co-blog__head h2 {
font-family: var(--bl-geo);
font-size: clamp(28px, 3vw, 44px);
font-weight: 300;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--co-ink);
margin: 0 0 14px;
}
.co-blog__head h2 a { color: inherit; }
.co-blog__head h2 a:hover { color: inherit; text-decoration: none; opacity: .8; }
.co-blog__cizgi { display: inline-block; width: 34px; height: 2px; background: #7a8474; }
.co-blog__tumu {
position: absolute;
right: 0;
top: 34px;
font-family: var(--bl-geo);
font-size: 11px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--co-ink);
text-decoration: underline;
text-underline-offset: 5px;
text-decoration-color: rgba(47, 44, 40, .3);
}
.co-blog__tumu:hover { color: #D71920; text-decoration: underline; }
.co-blog__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.co-blog__card { display: flex; flex-direction: column; min-width: 0; }
.co-blog__media {
display: block;
aspect-ratio: 4 / 3;
background: #f1efe9;
overflow: hidden;
border-radius: 4px;
}
.co-blog__media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .3s ease;
}
.co-blog__card:hover .co-blog__media img { transform: scale(1.035); }
.co-blog__etiket {
font-family: var(--bl-geo);
font-size: 10px;
font-weight: 600;
letter-spacing: .13em;
text-transform: uppercase;
color: #6d7a68;
margin: 16px 0 8px;
}
.co-blog__card h3 {
font-family: var(--bl-geo);
font-size: 17px;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0;
margin: 0 0 8px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.co-blog__card h3 a { color: var(--co-ink); }
.co-blog__card h3 a:hover { color: var(--co-ink); text-decoration: none; opacity: .75; }
.co-blog__card p {
font-family: var(--bl-geo);
font-size: 13px;
line-height: 1.55;
color: var(--co-muted);
margin: 0 0 14px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.co-blog__incele {
margin-top: auto;
font-family: var(--bl-geo);
font-size: 11px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--co-ink);
}
.co-blog__incele span { display: inline-block; margin-left: 4px; transition: transform .2s ease; }
.co-blog__incele:hover { color: #D71920; text-decoration: none; }
.co-blog__incele:hover span { transform: translate(3px, -3px); }
@media (max-width: 991px) {
.co-blog__grid { grid-template-columns: repeat(2, 1fr); }
.co-blog__tumu { position: static; display: inline-block; margin-top: 14px; }
}
@media (max-width: 575px) {
.co-blog__grid { grid-template-columns: 1fr; }
}
.co-ara {
--ara-geo: Futura, "Futura PT", "Century Gothic", "Twentieth Century", "Tw Cen MT", "Avenir Next", Avenir, Arial, sans-serif;
margin-inline: calc(50% - 50vw);
display: grid;
min-height: 400px;
overflow: hidden;
font-family: var(--ara-geo);
}
.co-ara--donustur { grid-template-columns: 1.4fr 1fr; }
.co-ara--donustur .co-ara__foto {
background-size: cover;
background-position: center;
min-height: 500px;
}
.co-ara__panel {
background: #8e9c88;
display: flex;
align-items: center;
justify-content: center;
padding: 48px clamp(28px, 5vw, 72px);
text-align: center;
}
.co-ara__panel-ic { max-width: 430px; }
.co-ara__panel h2 {
font-family: var(--ara-geo);
font-size: clamp(30px, 3vw, 52px);
font-weight: 300;
line-height: 1.08;
letter-spacing: -.01em;
color: #fff;
margin: 0 0 16px;
}
.co-ara__panel p {
font-size: 14px;
line-height: 1.6;
color: rgba(255, 255, 255, .85);
margin: 0 0 26px;
}
.co-ara__btn {
display: inline-block;
background: #f4efe7;
color: #1a1613;
font-size: 12px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
padding: 15px 28px;
transition: background .2s ease, transform .2s ease;
}
.co-ara__btn:hover { background: #fff; color: #1a1613; text-decoration: none; transform: translateY(-2px); }
.co-ara--estetik { grid-template-columns: 1fr 1fr; background: #fff; }
.co-ara--estetik:hover { text-decoration: none; }
.co-ara__karo {
background: #16130f;
display: flex;
flex-direction: column;
justify-content: center;
padding: 48px clamp(28px, 5vw, 72px);
}
.co-ara__karo h2 {
font-family: var(--ara-geo);
font-size: clamp(28px, 3vw, 48px);
font-weight: 300;
line-height: 1.12;
color: #fff;
margin: 0 0 22px;
max-width: 13ch;
}
.co-ara__karo-ok {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: rgba(244, 239, 231, .78);
transition: color .2s ease;
}
.co-ara__karo-ok span { display: inline-block; transition: transform .2s ease; }
.co-ara--estetik:hover .co-ara__karo-ok { color: #fff; }
.co-ara--estetik:hover .co-ara__karo-ok span { transform: translate(3px, -3px); }
.co-ara__urun {
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
overflow: hidden;
}
.co-ara__urun img {
max-width: 100%;
max-height: 500px;
object-fit: contain;
transition: transform .3s ease;
}
.co-ara--estetik:hover .co-ara__urun img { transform: scale(1.04); }
@media (max-width: 860px) {
.co-ara--donustur, .co-ara--estetik { grid-template-columns: 1fr; }
.co-ara { min-height: 0; }
.co-ara--donustur .co-ara__foto { min-height: 240px; }
.co-ara__karo { order: 2; }
.co-ara__urun { order: 1; min-height: 260px; }
.co-ara__panel { padding: 40px 24px; }
}
.mesh-chair-strip {
margin: 50px auto 50px;
padding: 0 60px;
background: transparent;
}
.mesh-chair-strip-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.mesh-chair-strip-grid[data-kart="1"] { grid-template-columns: minmax(0, 1fr); }
.mesh-chair-strip-grid[data-kart="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mesh-chair-strip-grid[data-kart="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mesh-chair-strip-card {
position: relative;
min-width: 0;
aspect-ratio: 1509 / 2048;
overflow: hidden;
border-radius: 10px;
background: #eaece3;
isolation: isolate;
}
.mesh-chair-strip-card::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(19,24,16,0) 34%, rgba(19,24,16,.16) 100%);
opacity: 0;
transition: opacity .35s ease;
pointer-events: none;
}
.mesh-chair-strip-card img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
transform: scale(1);
transition: transform .55s cubic-bezier(.22,.61,.36,1);
}
.mesh-chair-strip-cta {
position: absolute;
left: 22px;
bottom: 22px;
z-index: 2;
display: inline-flex;
align-items: center;
gap: 12px;
padding: 12px 14px 12px 18px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.46);
background: rgba(248,247,242,.58);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: 0 10px 30px rgba(0,0,0,.08);
color: #222320;
font-family: Futura, "Futura PT", "Century Gothic", "Twentieth Century", "Tw Cen MT", "Avenir Next", Avenir, Arial, sans-serif;
font-size: 13px;
font-weight: 600;
letter-spacing: .02em;
opacity: 0;
transform: translateY(12px);
transition: opacity .28s ease, transform .35s cubic-bezier(.22,.61,.36,1), background .28s ease, border-color .28s ease;
pointer-events: none;
}
.mesh-chair-strip-cta:hover { text-decoration: none; color: #222320; background: rgba(248,247,242,.72); border-color: rgba(255,255,255,.62); }
.mesh-chair-strip-cta-label { white-space: nowrap; }
.mesh-chair-strip-cta-icon {
width: 34px;
height: 34px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(34,35,32,.18);
background: rgba(255,255,255,.56);
font-size: 14px;
line-height: 1;
transition: transform .28s cubic-bezier(.22,.61,.36,1), background .28s ease, border-color .28s ease;
}
.mesh-chair-strip-card:hover img,
.mesh-chair-strip-card:focus-within img { transform: scale(1.045); }
.mesh-chair-strip-card:hover::after,
.mesh-chair-strip-card:focus-within::after { opacity: 1; }
.mesh-chair-strip-card:hover .mesh-chair-strip-cta,
.mesh-chair-strip-card:focus-within .mesh-chair-strip-cta { opacity: 1; transform: translateY(0); pointer-events: auto; }
.mesh-chair-strip-card:hover .mesh-chair-strip-cta-icon,
.mesh-chair-strip-cta:hover .mesh-chair-strip-cta-icon { transform: translate(2px,-2px); background: rgba(255,255,255,.78); border-color: rgba(34,35,32,.28); }
@media (max-width: 1120px) {
.mesh-chair-strip-grid { gap: 8px; }
.mesh-chair-strip-cta { left: 18px; bottom: 18px; padding: 11px 13px 11px 16px; }
}
@media (max-width: 860px) {
.mesh-chair-strip { width: min(1760px, 100% - 24px); margin-bottom: 34px; }
.mesh-chair-strip-grid,
.mesh-chair-strip-grid[data-kart] { grid-template-columns: 1fr; gap: 10px; }
.mesh-chair-strip-card::after { opacity: 1; background: linear-gradient(180deg, rgba(19,24,16,0) 40%, rgba(19,24,16,.12) 100%); }
.mesh-chair-strip-cta { opacity: 1; transform: none; pointer-events: auto; }
}
.co-guven {
--co-geo: Futura, "Futura PT", "Century Gothic", "Twentieth Century", "Tw Cen MT", "Avenir Next", Avenir, Arial, sans-serif;
background: #f2f2f2;
padding: 68px 0;
}
.co-guven__head {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 24px;
margin-bottom: 26px;
}
.co-guven__head h2 {
margin: 0;
max-width: 720px;
font-family: var(--co-geo);
font-weight: 600;
font-size: clamp(28px, 2.8vw, 40px);
line-height: 1.12;
letter-spacing: -.018em;
color: var(--co-ink);
}
.co-guven__head p {
margin: 0;
max-width: 420px;
color: var(--co-muted);
font-size: 14px;
line-height: 1.48;
}
.co-guven__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.co-guven__card {
position: relative;
display: flex;
align-items: flex-end;
min-height: 300px;
padding: 26px;
border-radius: 26px;
overflow: hidden;
background-size: cover;
background-position: center;
text-decoration: none;
transition: transform .25s ease, box-shadow .25s ease;
}
.co-guven__card::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.66));
}
.co-guven__card:hover {
transform: translateY(-4px);
box-shadow: var(--co-shadow);
}
.co-guven__ic { position: relative; color: #fff; }
.co-guven__ic h3 {
margin: 0 0 8px;
font-family: var(--co-geo);
font-weight: 600;
font-size: 24px;
line-height: 1.14;
letter-spacing: -.01em;
color: #fff;
}
.co-guven__ic p {
margin: 0 0 14px;
font-size: 14px;
line-height: 1.45;
color: #eee;
}
.co-guven__btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 18px;
border-radius: 999px;
font-weight: 600;
font-size: 13px;
background: #e6e3de;
color: #111615;
transition: background .18s ease;
}
.co-guven__card:hover .co-guven__btn { background: #fff; }
@media (max-width: 980px) {
.co-guven__grid { grid-template-columns: 1fr 1fr; }
.co-guven__head { display: block; }
.co-guven__head h2 { margin-bottom: 12px; }
}
@media (max-width: 640px) {
.co-guven { padding: 48px 0; }
.co-guven__grid { grid-template-columns: 1fr; }
}
.co-ihracat {
--co-geo: Futura, "Futura PT", "Avenir Next", Avenir, "Century Gothic", "Tw Cen MT", Arial, sans-serif;
--co-ih-koyu: #2f2c28;
display: grid;
grid-template-columns: 1.18fr .82fr;
min-height: 760px;
background: #f5f4f2;
overflow: hidden;
}
.co-ihracat__media {
position: relative;
min-height: 760px;
background-size: cover;
background-position: center;
}
.co-ihracat__overlay {
position: absolute;
inset: 0;
background: linear-gradient(90deg,
rgba(31,36,33,.86) 0%,
rgba(31,36,33,.68) 22%,
rgba(31,36,33,.38) 52%,
rgba(31,36,33,.10) 78%,
rgba(31,36,33,0) 100%);
}
.co-ihracat__caption {
position: absolute;
left: 5vw;
bottom: 64px;
z-index: 2;
max-width: 640px;
}
.co-ihracat__kicker {
display: inline-block;
margin-bottom: 16px;
font-family: var(--co-geo);
font-size: 12px;
font-weight: 600;
letter-spacing: .14em;
color: #d9d5cc;
}
.co-ihracat__kicker--dark { color: var(--co-ih-koyu); }
.co-ihracat__caption h2 {
margin: 0 0 18px;
font-family: var(--co-geo);
font-size: clamp(40px, 4.8vw, 72px);
line-height: .98;
letter-spacing: -.05em;
font-weight: 600;
color: #fff;
}
.co-ihracat__caption p {
margin: 0;
max-width: 560px;
font-family: var(--co-geo);
font-size: 18px;
line-height: 1.55;
color: rgba(255,255,255,.86);
}
.co-ihracat__content {
min-height: 760px;
padding: 72px 5vw 72px 4vw;
display: flex;
flex-direction: column;
justify-content: center;
background: #d8ddd3;
}
.co-ihracat__content h3 {
margin: 0 0 20px;
font-family: var(--co-geo);
font-size: clamp(34px, 3.2vw, 54px);
line-height: 1.02;
letter-spacing: -.04em;
font-weight: 600;
color: var(--co-ih-koyu);
}
.co-ihracat__content > p {
margin: 0 0 24px;
font-family: var(--co-geo);
font-size: 18px;
line-height: 1.6;
color: #465248;
}
.co-ihracat__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin: 0 0 26px;
}
.co-ihracat__grid a {
min-height: 58px;
display: flex;
align-items: center;
padding: 14px 16px;
background: rgba(238,241,235,.58);
border: 1px solid rgba(47,44,40,.08);
border-radius: 16px;
font-family: var(--co-geo);
font-size: 13px;
line-height: 1.25;
font-weight: 600;
letter-spacing: .02em;
color: var(--co-ih-koyu);
text-decoration: none;
transition: background .2s ease, transform .2s ease;
}
.co-ihracat__grid a:hover {
background: rgba(238,241,235,.88);
transform: translateY(-2px);
}
.co-ihracat__points {
margin: 0 0 28px;
padding: 0;
list-style: none;
display: grid;
gap: 12px;
}
.co-ihracat__points li {
position: relative;
padding-left: 18px;
font-family: var(--co-geo);
font-size: 15px;
line-height: 1.5;
color: var(--co-ih-koyu);
}
.co-ihracat__points li::before {
content: "";
position: absolute;
left: 0;
top: .55em;
width: 6px;
height: 6px;
border-radius: 50%;
background: #a84a4a;
}
.co-ihracat__actions {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.co-ihracat__btn-dark,
.co-ihracat__btn-light {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 0 24px;
border-radius: 999px;
font-family: var(--co-geo);
font-size: 14px;
font-weight: 600;
letter-spacing: .04em;
text-decoration: none;
}
.co-ihracat__btn-dark { background: var(--co-ih-koyu); color: #fff; }
.co-ihracat__btn-light { background: #eef1eb; color: var(--co-ih-koyu); }
@media (max-width: 1080px) {
.co-ihracat { grid-template-columns: 1fr; min-height: auto; }
.co-ihracat__media { min-height: 520px; }
.co-ihracat__content { min-height: auto; padding: 48px 5vw; }
}
@media (max-width: 560px) {
.co-ihracat__grid { grid-template-columns: 1fr; }
.co-ihracat__caption h2 { font-size: clamp(34px, 9vw, 48px); }
}
.export-solutions-v291 {
--co-export-font: Futura, "Futura PT", "Avenir Next", Avenir, "Century Gothic", "Tw Cen MT", Arial, sans-serif;
position: relative;
padding: clamp(76px, 8vw, 118px) 5vw clamp(82px, 8vw, 124px);
overflow: hidden;
border-top: 1px solid #dedbd4;
background: #f1f0ec;
color: #202823;
scroll-margin-top: 110px;
}
.export-v291-inner {
width: min(100%, 1460px);
margin: 0 auto;
}
.export-v291-head {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(300px, .65fr);
gap: clamp(32px, 6vw, 100px);
align-items: end;
margin-bottom: clamp(34px, 4.2vw, 58px);
}
.export-v291-eyebrow {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 18px;
font-family: var(--co-export-font);
font-size: 10px;
line-height: 1;
font-weight: 750;
letter-spacing: .17em;
text-transform: uppercase;
color: #5b675f;
}
.export-v291-eyebrow::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: #6f7a72;
}
.export-v291-head h2 {
margin: 0;
font-family: var(--co-export-font);
font-size: clamp(44px, 6.2vw, 88px);
line-height: .94;
font-weight: 600;
letter-spacing: -.058em;
color: #202823;
}
.export-v291-intro {
max-width: 560px;
margin: 0 0 5px;
font-family: var(--co-export-font);
font-size: clamp(14px, 1.25vw, 17px);
line-height: 1.7;
color: #6a6f6b;
}
.export-v291-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(18px, 2vw, 28px);
}
.export-v291-card {
position: relative;
min-width: 0;
overflow: hidden;
border: 1px solid #d8d6cf;
border-radius: 26px;
background: #f8f7f4;
color: #202823;
box-shadow: 0 10px 32px rgba(30, 38, 33, .055);
transition: transform .32s cubic-bezier(.2, .75, .2, 1), border-color .32s ease, box-shadow .32s ease;
}
.export-v291-card:hover,
.export-v291-card:focus-visible {
transform: translateY(-5px);
border-color: #b8bdb8;
box-shadow: 0 20px 44px rgba(30, 38, 33, .10);
outline: none;
text-decoration: none;
}
.export-v291-media {
position: relative;
height: clamp(260px, 27vw, 400px);
overflow: hidden;
background: #dfe2dc;
}
.export-v291-media::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 62%, rgba(27, 34, 30, .12));
pointer-events: none;
}
.export-v291-media img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
transition: transform .65s cubic-bezier(.2, .75, .2, 1);
}
.export-v291-card:hover .export-v291-media img,
.export-v291-card:focus-visible .export-v291-media img {
transform: scale(1.035);
}
.export-v291-card-franchise .export-v291-media {
background: #e5e6e1;
}
.export-v291-card-franchise .export-v291-media img {
padding: clamp(18px, 2.2vw, 34px);
box-sizing: border-box;
object-fit: contain;
}
.export-v291-card-franchise .export-v291-media::after {
background: linear-gradient(180deg, transparent 68%, rgba(33, 40, 36, .07));
}
.export-v291-body {
min-height: 230px;
padding: clamp(26px, 3vw, 42px);
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 24px;
align-items: end;
}
.export-v291-kicker {
display: block;
margin: 0 0 12px;
font-family: var(--co-export-font);
font-size: 9px;
line-height: 1;
font-weight: 750;
letter-spacing: .16em;
text-transform: uppercase;
color: #6a766e;
}
.export-v291-body h3 {
margin: 0 0 14px;
font-family: var(--co-export-font);
font-size: clamp(27px, 2.7vw, 40px);
line-height: 1.02;
font-weight: 600;
letter-spacing: -.045em;
color: #202823;
}
.export-v291-body p {
max-width: 560px;
margin: 0;
font-family: var(--co-export-font);
font-size: 13px;
line-height: 1.65;
color: #6b706c;
}
.export-v291-arrow {
width: 46px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
border: 1px solid #c9cbc6;
border-radius: 50%;
background: transparent;
font-size: 19px;
color: #303a34;
transition: transform .3s ease, background-color .3s ease, border-color .3s ease, color .3s ease;
}
.export-v291-card:hover .export-v291-arrow,
.export-v291-card:focus-visible .export-v291-arrow {
transform: rotate(45deg);
border-color: #2d3831;
background: #2d3831;
color: #fff;
}
@media (max-width: 900px) {
.export-v291-head { grid-template-columns: 1fr; gap: 24px; }
.export-v291-intro { max-width: 680px; }
.export-v291-grid { grid-template-columns: 1fr; }
.export-v291-media { height: clamp(280px, 58vw, 460px); }
}
@media (max-width: 560px) {
.export-solutions-v291 { padding-left: 20px; padding-right: 20px; }
.export-v291-head h2 { font-size: clamp(40px, 13vw, 58px); }
.export-v291-card { border-radius: 20px; }
.export-v291-media { height: 245px; }
.export-v291-body {
min-height: 210px;
padding: 25px 22px 23px;
grid-template-columns: minmax(0, 1fr) 40px;
gap: 14px;
}
.export-v291-body h3 { font-size: clamp(25px, 8vw, 34px); }
.export-v291-body p { font-size: 12px; line-height: 1.58; }
.export-v291-arrow { width: 40px; height: 40px; font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
.export-v291-card,
.export-v291-media img,
.export-v291-arrow { transition: none !important; }
}
.u-header__nav-link { color: var(--co-ink); }
.u-header__nav-item:focus .u-header__nav-link,
.u-header__nav-item:hover .u-header__nav-link,
.u-header__nav-link:hover,
.u-header .active > .u-header__nav-link { color: var(--co-accent-dark); }
.u-header .btn-ghost-primary,
.u-header .btn-ghost-primary .text-primary-max-lg,
.u-header .flaticon-shopping-basket,
.u-header .flaticon-shopping-basket.text-primary-max-lg { color: var(--co-ink); }
.u-header .btn-ghost-primary.active,
.u-header .btn-ghost-primary:active,
.u-header .btn-ghost-primary:focus,
.u-header .btn-ghost-primary:hover {
color: var(--co-accent-dark);
background-color: transparent;
box-shadow: none;
}
.u-header .btn-ghost-primary:active .text-primary-max-lg,
.u-header .btn-ghost-primary:focus .text-primary-max-lg,
.u-header .btn-ghost-primary:hover .text-primary-max-lg { color: var(--co-accent-dark); }
.u-header .cart-trigger:hover { color: var(--co-accent-dark); }
.u-header__topbar .u-header__navbar-link:hover,
.u-header__topbar a.text-dark:hover { color: var(--co-accent-dark); }
.co-auth {
--auth-geo:   Futura, "Futura PT", "Avenir Next", Avenir, "Century Gothic", "Tw Cen MT", Arial, sans-serif;
--auth-ink:   #2f2c28;
--auth-muted: #6e6961;
--auth-line:  #d4d0c8;
--auth-bg:    #f5f4f2;
--auth-dark:  #2f2c28;
--auth-dot:   #d0402e;
display: grid;
grid-template-columns: .92fr 1.08fr;
align-items: stretch;
background: var(--auth-bg);
}
.co-auth__aside {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
padding: 74px clamp(28px, 4vw, 76px) 66px clamp(28px, 6vw, 108px);
background: var(--auth-dark);
overflow: hidden;
}
.co-auth__aside::after {
content: "";
position: absolute;
right: -60px;
bottom: -60px;
width: 320px;
height: 320px;
background-image: radial-gradient(rgba(255, 255, 255, .16) 1px, transparent 1px);
background-size: 13px 13px;
-webkit-mask-image: radial-gradient(circle at 100% 100%, #000 0%, transparent 68%);
mask-image: radial-gradient(circle at 100% 100%, #000 0%, transparent 68%);
pointer-events: none;
}
.co-auth__aside > * { position: relative; z-index: 1; }
.co-auth__crumbs {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 0 0 40px;
padding: 0;
list-style: none;
font-family: var(--auth-geo);
font-size: 12px;
letter-spacing: .06em;
color: rgba(244, 239, 229, .5);
}
.co-auth__crumbs a { color: rgba(244, 239, 229, .72); }
.co-auth__crumbs a:hover { color: #fff; text-decoration: none; }
.co-auth__crumbs li + li::before { content: "/"; margin-right: 8px; opacity: .5; }
.co-auth__eyebrow {
font-family: var(--auth-geo);
font-size: 12px;
font-weight: 400;
letter-spacing: .24em;
text-transform: uppercase;
color: rgba(244, 239, 229, .58);
margin: 0 0 22px;
}
.co-auth__title {
font-family: var(--auth-geo);
font-weight: 300;
font-size: clamp(38px, 3.6vw, 62px);
line-height: 1.1;
letter-spacing: .01em;
color: #f5f1e9;
max-width: 12ch;
margin: 0 0 22px;
}
.co-auth__lead {
font-family: var(--auth-geo);
font-size: 17px;
line-height: 1.62;
color: rgba(244, 239, 229, .72);
max-width: 440px;
margin: 0 0 34px;
}
.co-auth__list {
display: grid;
gap: 14px;
margin: 0;
padding: 0;
list-style: none;
}
.co-auth__list li {
display: flex;
align-items: flex-start;
gap: 12px;
font-family: var(--auth-geo);
font-size: 15px;
line-height: 1.45;
color: rgba(244, 239, 229, .88);
}
.co-auth__list li::before {
content: "";
flex: 0 0 auto;
width: 8px;
height: 8px;
margin-top: .45em;
border-radius: 50%;
background: var(--auth-dot);
}
.co-auth__destek {
margin: 42px 0 0;
padding-top: 24px;
border-top: 1px solid rgba(244, 239, 229, .16);
font-family: var(--auth-geo);
font-size: 13.5px;
line-height: 1.6;
color: rgba(244, 239, 229, .6);
}
.co-auth__destek a { color: #f5f1e9; font-weight: 600; letter-spacing: .02em; }
.co-auth__destek a:hover { color: #fff; text-decoration: none; }
.co-auth__panel {
display: flex;
align-items: center;
justify-content: center;
padding: 74px clamp(24px, 5vw, 96px);
}
.co-auth__form { width: 100%; max-width: 470px; }
.co-auth__head { margin-bottom: 30px; }
.co-auth__head h2 {
font-family: var(--auth-geo);
font-weight: 500;
font-size: 24px;
letter-spacing: .01em;
color: var(--auth-ink);
margin: 0 0 8px;
}
.co-auth__head p {
font-family: var(--auth-geo);
font-size: 14px;
line-height: 1.6;
color: var(--auth-muted);
margin: 0;
}
.co-auth__field { margin-bottom: 18px; }
.co-auth__label {
display: block;
font-family: var(--auth-geo);
font-size: 10.5px;
font-weight: 600;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--auth-muted);
margin: 0 0 8px;
}
.co-auth__label .opsiyonel { font-weight: 400; letter-spacing: .04em; text-transform: none; opacity: .75; }
.co-auth .form-control {
height: 52px;
padding: 0 16px;
font-family: var(--auth-geo);
font-size: 14.5px;
color: var(--auth-ink);
background: #fff;
border: 1px solid var(--auth-line);
border-radius: 2px;
box-shadow: none;
transition: border-color .18s ease;
}
.co-auth .form-control::placeholder { color: #a49f96; }
.co-auth .form-control:focus {
border-color: var(--auth-ink);
background: #fff;
box-shadow: none;
}
.co-auth__sifre { position: relative; }
.co-auth__sifre .form-control { padding-right: 64px; }
.co-auth__goster {
position: absolute;
right: 4px;
top: 0;
height: 52px;
padding: 0 12px;
background: none;
border: 0;
font-family: var(--auth-geo);
font-size: 10.5px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--auth-muted);
cursor: pointer;
}
.co-auth__goster:hover { color: var(--auth-ink); }
.co-auth .u-has-error .form-control { border-color: #c9402e; }
.co-auth .u-has-success .form-control { border-color: #b9b4aa; }
.co-auth .u-has-error .invalid-feedback { display: block; }
.co-auth .invalid-feedback {
font-family: var(--auth-geo);
font-size: 12px;
color: #c9402e;
margin-top: 7px;
}
.co-auth .alert {
font-family: var(--auth-geo);
font-size: 13.5px;
border-radius: 2px;
border: 0;
margin-bottom: 18px;
}
.co-auth__row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 14px;
}
.co-auth__secenekler {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px 18px;
margin: 4px 0 24px;
}
.co-auth__check {
display: inline-flex;
align-items: center;
gap: 9px;
margin: 0;
font-family: var(--auth-geo);
font-size: 13.5px;
color: var(--auth-ink);
cursor: pointer;
}
.co-auth__check input {
width: 17px;
height: 17px;
margin: 0;
accent-color: var(--auth-ink);
cursor: pointer;
flex: 0 0 auto;
}
.co-auth__check a { color: var(--auth-ink); text-decoration: underline; }
.co-auth__link {
font-family: var(--auth-geo);
font-size: 13.5px;
color: var(--auth-muted);
border-bottom: 1px solid rgba(47, 44, 40, .28);
}
.co-auth__link:hover { color: var(--auth-ink); border-color: var(--auth-ink); text-decoration: none; }
.co-auth__submit {
display: block;
width: 100%;
height: 54px;
background: var(--auth-ink);
color: #fff;
border: 1px solid var(--auth-ink);
border-radius: 2px;
font-family: var(--auth-geo);
font-size: 13px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
cursor: pointer;
transition: background .2s ease;
}
.co-auth__submit:hover:not(:disabled) { background: #171512; border-color: #171512; color: #fff; }
.co-auth__submit:disabled { opacity: .6; cursor: default; }
.co-auth__ayrac {
display: flex;
align-items: center;
gap: 14px;
margin: 28px 0 18px;
font-family: var(--auth-geo);
font-size: 10.5px;
font-weight: 600;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--auth-muted);
}
.co-auth__ayrac::before,
.co-auth__ayrac::after {
content: "";
flex: 1 1 auto;
height: 1px;
background: var(--auth-line);
}
.co-auth__social {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 10px;
}
.co-auth__social a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
height: 48px;
background: #fff;
border: 1px solid var(--auth-line);
border-radius: 2px;
font-family: var(--auth-geo);
font-size: 13px;
font-weight: 600;
letter-spacing: .02em;
color: var(--auth-ink);
transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.co-auth__social a:hover {
background: var(--auth-ink);
border-color: var(--auth-ink);
color: #fff;
text-decoration: none;
}
.co-auth__social a .fab { font-size: 15px; }
.co-auth__alt {
margin-top: 30px;
padding-top: 22px;
border-top: 1px solid var(--auth-line);
text-align: center;
font-family: var(--auth-geo);
font-size: 14px;
color: var(--auth-muted);
}
.co-auth__alt a {
color: var(--auth-ink);
font-weight: 600;
border-bottom: 1px solid var(--auth-ink);
margin-left: 4px;
}
.co-auth__alt a:hover { text-decoration: none; opacity: .75; }
.co-auth__steps {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-bottom: 28px;
border: 0;
}
.co-auth__steps .nav-item {
display: flex;
align-items: center;
gap: 10px;
padding: 13px 14px;
background: #fff;
border: 1px solid var(--auth-line);
border-radius: 2px;
font-family: var(--auth-geo);
font-size: 12.5px;
font-weight: 600;
letter-spacing: .04em;
color: var(--auth-muted);
text-align: left;
}
.co-auth__steps .nav-item:hover { text-decoration: none; color: var(--auth-ink); }
.co-auth__steps .nav-item .no {
flex: 0 0 auto;
width: 24px;
height: 24px;
display: grid;
place-items: center;
border: 1px solid var(--auth-line);
border-radius: 50%;
font-size: 11px;
}
.co-auth__steps .nav-item.active {
background: var(--auth-ink);
border-color: var(--auth-ink);
color: #fff;
}
.co-auth__steps .nav-item.active .no { border-color: rgba(255, 255, 255, .45); }
.co-auth .sonuc .col-sm-12 { padding: 0; margin: 0 0 18px !important; }
.co-auth .sonuc .card-header { display: none; }
.co-auth .form-label {
display: block;
font-family: var(--auth-geo);
font-size: 10.5px;
font-weight: 600;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--auth-muted);
margin: 0 0 8px;
}
.co-auth__adimbtn {
display: flex;
gap: 10px;
margin-top: 22px;
}
.co-auth__adimbtn .co-auth__submit { margin: 0; }
.co-auth__geri {
height: 54px;
padding: 0 22px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid var(--auth-line);
border-radius: 2px;
font-family: var(--auth-geo);
font-size: 13px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--auth-ink);
cursor: pointer;
}
.co-auth__geri:hover { border-color: var(--auth-ink); text-decoration: none; color: var(--auth-ink); }
.co-auth-sayfa .footer.mt-4 { margin-top: 0 !important; }
@media (max-width: 1080px) {
.co-auth { grid-template-columns: 1fr; }
.co-auth__aside { padding: 44px 5vw 40px; }
.co-auth__title { max-width: none; font-size: clamp(32px, 7vw, 46px); }
.co-auth__lead { margin-bottom: 26px; }
.co-auth__destek { margin-top: 30px; }
.co-auth__panel { padding: 44px 5vw 56px; }
.co-auth__form { max-width: 560px; }
}
@media (max-width: 575px) {
.co-auth__list { gap: 11px; }
.co-auth__list li { font-size: 14px; }
.co-auth__row { grid-template-columns: 1fr; }
.co-auth__secenekler { justify-content: flex-start; }
}
:root {
--sw-ink:    #2f2c28;
--sw-muted:  #6e6961;
--sw-line:   #d4d0c8;
--sw-soft:   #f5f4f2;
--sw-ok:     #2f6d54;
--sw-warn:   #a3823f;
--sw-err:    #9a2c22;
--sw-info:   #3a4a52;
--sw-geo:    Futura, "Futura PT", "Avenir Next", Avenir, "Century Gothic", "Tw Cen MT", Arial, sans-serif;
}
.swal2-container { padding: 16px; }
.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
background: rgba(22, 20, 17, .6);
}
.swal2-popup:not(.swal2-toast) {
width: min(480px, calc(100vw - 32px));
max-width: 100%;
padding: 40px 36px 32px;
border-radius: 2px;
background: #fff;
box-shadow: 0 30px 80px rgba(20, 18, 15, .28);
font-family: var(--sw-geo);
color: var(--sw-ink);
}
.swal2-container:not(.swal2-center) .swal2-popup:not(.swal2-toast) {
width: min(380px, calc(100vw - 32px));
padding: 26px 28px;
}
.swal2-popup:not(.swal2-toast) .swal2-title {
font-family: var(--sw-geo);
font-size: 24px;
line-height: 1.15;
font-weight: 500;
letter-spacing: -.01em;
color: var(--sw-ink);
margin: 0 0 10px;
}
.swal2-container:not(.swal2-center) .swal2-popup:not(.swal2-toast) .swal2-title { font-size: 17px; }
.swal2-popup:not(.swal2-toast) .swal2-content,
.swal2-popup:not(.swal2-toast) .swal2-html-container {
font-family: var(--sw-geo);
font-size: 14.5px;
line-height: 1.6;
font-weight: 400;
color: var(--sw-muted);
padding: 0;
}
.swal2-popup .swal2-content strong,
.swal2-popup .swal2-html-container strong { color: var(--sw-ink); font-weight: 600; }
.swal2-popup .swal2-footer {
border-top: 1px solid var(--sw-line);
margin: 24px 0 0;
padding: 16px 0 0;
font-size: 12.5px;
color: var(--sw-muted);
}
.swal2-popup:not(.swal2-toast) .swal2-icon {
font-size: 12px;
margin: 2px auto 22px;
}
.swal2-icon.swal2-success { border-color: rgba(47, 109, 84, .22); }
.swal2-icon.swal2-success .swal2-success-ring { border-color: rgba(47, 109, 84, .22); }
.swal2-icon.swal2-success [class^="swal2-success-line"] { background-color: var(--sw-ok); }
.swal2-icon.swal2-error { border-color: rgba(154, 44, 34, .25); }
.swal2-icon.swal2-error [class^="swal2-x-mark-line"] { background-color: var(--sw-err); }
.swal2-icon.swal2-warning  { border-color: rgba(163, 130, 63, .35); color: var(--sw-warn); }
.swal2-icon.swal2-info     { border-color: rgba(58, 74, 82, .28);   color: var(--sw-info); }
.swal2-icon.swal2-question { border-color: rgba(47, 44, 40, .22);   color: var(--sw-ink); }
.swal2-popup:not(.swal2-toast) .swal2-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
width: 100%;
margin: 28px 0 0;
}
.swal2-popup:not(.swal2-toast) .swal2-actions > button {
flex: 1 1 0;
min-width: 132px;
min-height: 52px;
margin: 0;
padding: 0 14px;
text-align: center;
appearance: none;
-webkit-appearance: none;
border-radius: 2px;
font-family: var(--sw-geo, Arial, sans-serif);
font-size: 11.5px;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
line-height: 1.25;
cursor: pointer;
box-shadow: none;
transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.swal2-popup .swal2-actions > button:focus {
outline: none;
box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(47, 44, 40, .35);
}
.swal2-popup .swal2-actions .swal2-confirm { background: var(--sw-ink, #2f2c28); color: #fff; }
.swal2-popup .swal2-actions .swal2-confirm:hover { background: #16130f; }
.swal2-popup .swal2-actions .swal2-cancel {
background: #fff;
color: var(--sw-ink, #2f2c28);
}
.swal2-popup .swal2-actions .swal2-cancel:hover { background: var(--sw-soft); border-color: var(--sw-ink); }
.swal2-popup .swal2-actions .swal2-deny { background: var(--sw-err); color: #fff; }
.swal2-popup .swal2-actions .swal2-deny:hover { background: #7d231b; }
.swal2-actions.swal2-loading .swal2-cancel { margin: 0; }
.swal2-popup .swal2-actions.swal2-loading .swal2-confirm {
flex: 0 0 auto;
min-width: 60px;
font-size: 0;
cursor: default;
}
.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
margin: 0;
border-color: rgba(255, 255, 255, .38);
border-right-color: transparent;
box-shadow: none;
}
.swal2-popup .swal2-close {
width: 40px;
height: 40px;
font-size: 30px;
line-height: 36px;
border-radius: 0;
color: var(--sw-muted);
transition: color .18s ease;
}
.swal2-popup .swal2-close:hover,
.swal2-popup .swal2-close:focus {
color: var(--sw-ink);
background: transparent;
transform: none;
box-shadow: none;
outline: none;
}
.swal2-popup .swal2-input,
.swal2-popup .swal2-textarea,
.swal2-popup .swal2-select,
.swal2-popup .swal2-file {
width: 100%;
height: 52px;
margin: 14px 0 0;
padding: 0 14px;
border: 1px solid var(--sw-line);
border-radius: 2px;
box-shadow: none;
background: #fff;
font-family: var(--sw-geo);
font-size: 14px;
color: var(--sw-ink);
}
.swal2-popup .swal2-textarea { height: auto; min-height: 96px; padding: 12px 14px; line-height: 1.5; }
.swal2-popup .swal2-input:focus,
.swal2-popup .swal2-textarea:focus,
.swal2-popup .swal2-select:focus { border-color: var(--sw-ink); box-shadow: none; outline: none; }
.swal2-popup .swal2-validation-message {
background: #fbf2f1;
color: var(--sw-err);
border-radius: 2px;
font-family: var(--sw-geo);
font-size: 12.5px;
}
.swal2-popup .swal2-validation-message::before { background: var(--sw-err); border-radius: 2px; }
.swal2-timer-progress-bar { background: rgba(200, 163, 93, .9); }
.swal2-popup.swal2-toast {
padding: 14px 16px;
border: 1px solid var(--sw-line);
border-radius: 2px;
background: #fff;
box-shadow: 0 16px 42px rgba(20, 18, 15, .18);
font-family: var(--sw-geo);
}
.swal2-popup.swal2-toast .swal2-title {
font-family: var(--sw-geo);
font-size: 13.5px;
font-weight: 600;
color: var(--sw-ink);
margin: 0 0 0 10px;
}
.swal2-popup.swal2-toast .swal2-content,
.swal2-popup.swal2-toast .swal2-html-container { font-size: 12.5px; color: var(--sw-muted); }
@keyframes coSwalIn  { from { opacity: 0; transform: translateY(16px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes coSwalOut { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateY(6px) scale(.99); } }
.swal2-popup.swal2-show { animation: coSwalIn .26s cubic-bezier(.2, .75, .28, 1) both; }
.swal2-popup.swal2-hide { animation: coSwalOut .16s ease-in both; }
@media (prefers-reduced-motion: reduce) {
.swal2-popup.swal2-show,
.swal2-popup.swal2-hide { animation: none; }
}
@media (max-width: 480px) {
.swal2-popup:not(.swal2-toast) { padding: 32px 22px 26px; }
.swal2-popup:not(.swal2-toast) .swal2-title { font-size: 21px; }
.swal2-popup:not(.swal2-toast) .swal2-actions { flex-direction: column-reverse; }
.swal2-popup:not(.swal2-toast) .swal2-actions > button { flex: 1 1 auto; width: 100%; min-width: 0; }
}
.co-odeme {
--od-ink:       #2f2c28;
--od-muted:     #6e6961;
--od-line:      #d4d0c8;
--od-line-soft: #e4e0d8;
--od-bg:        #f5f4f2;
--od-panel:     #faf9f6;
--od-gold:      #a3823f;
--od-gold-soft: #c8a35d;
--od-font: Futura, "Futura PT", "Avenir Next", Avenir, "Century Gothic", "Tw Cen MT", Arial, sans-serif;
background-color: var(--od-bg) !important;
font-family: var(--od-font);
}
.co-odeme .shadow-soft { box-shadow: none !important; }
.co-odeme .rounded,
.co-odeme .rounded-sm,
.co-odeme .rounded-lg { border-radius: 2px !important; }
.co-odeme .shadow-soft.bg-white,
.co-odeme .js-sticky-block { border: 1px solid var(--od-line-soft) !important; }
.co-odeme .border-color-7 { border-color: var(--od-line-soft) !important; }
.co-odeme .border-width-2 { border-width: 1px !important; }
.co-odeme .border-gray { border-color: var(--od-line) !important; }
.co-odeme .bg-light,
.co-odeme .bg-soft-success { background-color: var(--od-panel) !important; }
.co-odeme .text-primary { color: var(--od-ink) !important; }
.co-odeme .text-gray-1 { color: var(--od-muted) !important; }
.co-odeme .text-red-light-2 { color: var(--od-gold) !important; }
.co-odeme .list-group-item { background: transparent; border: 0; }
.co-odeme .list-group-item .rounded-circle {
font-family: var(--od-font);
font-size: 14px;
font-weight: 600;
color: var(--od-muted);
}
.co-odeme .list-group-item .rounded-circle.bg-primary {
background-color: var(--od-ink) !important;
border-color: var(--od-ink) !important;
color: #fff !important;
}
.co-odeme .list-group-item > div:last-child {
font-size: 10.5px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
}
.co-odeme h5.bg-gray {
background-color: #f0eee9 !important;
border-left: 3px solid var(--od-gold);
padding: 13px 16px !important;
margin-bottom: 20px !important;
font-family: var(--od-font);
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--od-ink) !important;
line-height: 1.3 !important;
}
.co-odeme .alert {
border-radius: 2px;
font-size: 12.5px;
line-height: 1.55;
border: 1px solid transparent;
}
.co-odeme .alert-warning { background: #faf6ec; border-color: #ead9b8; color: #6b5524; }
.co-odeme .alert-danger  { background: #fbf2f1; border-color: #e8cdc9; color: #8f2a20; }
.co-odeme .alert-success,
.co-odeme .alert-info    { background: #f2f6f3; border-color: #cfe0d6; color: #2f6d54; }
.co-odeme .alert-soft-primary {
background-color: var(--od-panel) !important;
border-color: var(--od-line-soft);
color: var(--od-ink);
}
.co-odeme .alert-soft-primary .alert-heading {
font-size: 12px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--od-ink);
}
.co-odeme .bg-soft-primary { background-color: var(--od-panel) !important; }
.co-odeme .alert-link    { color: inherit; text-decoration: underline; }
.co-odeme .form-label {
font-family: var(--od-font);
font-size: 10.5px;
font-weight: 600;
letter-spacing: .11em;
text-transform: uppercase;
color: var(--od-muted);
margin-bottom: 8px;
}
.co-odeme .form-control {
height: 48px;
padding: 0 14px;
border: 1px solid var(--od-line);
border-radius: 2px;
background: #fff;
box-shadow: none;
font-family: var(--od-font);
font-size: 13.5px;
color: var(--od-ink);
}
.co-odeme textarea.form-control { height: auto; min-height: 100px; padding: 12px 14px; line-height: 1.55; }
.co-odeme .form-control:focus { border-color: var(--od-ink); box-shadow: none; }
.co-odeme .form-control::placeholder { color: #a8a29a; }
.co-odeme .u-has-error .form-control { border-color: #b8564a; }
.co-odeme .invalid-feedback { font-size: 11.5px; color: #8f2a20; }
.co-odeme .bootstrap-select.form-control {
height: auto !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
box-shadow: none !important;
}
.co-odeme .bootstrap-select > .dropdown-toggle {
position: relative;
display: block !important;
width: 100%;
height: 48px;
padding: 0 38px 0 14px !important;
line-height: 46px;
border: 1px solid var(--od-line) !important;
border-radius: 2px !important;
background-color: #fff !important;
color: var(--od-ink) !important;
font-family: var(--od-font);
font-size: 13.5px !important;
font-weight: 400 !important;
box-shadow: none !important;
}
.co-odeme .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
line-height: 46px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.co-odeme .bootstrap-select > .dropdown-toggle::after {
position: absolute;
top: 50%;
right: 14px;
margin: 0;
transform: translateY(-50%);
font-size: 11px;
color: var(--od-muted);
}
.co-odeme .bootstrap-select > .dropdown-toggle:focus,
.co-odeme .bootstrap-select > .dropdown-toggle:hover,
.co-odeme .bootstrap-select.show > .dropdown-toggle {
border-color: var(--od-ink) !important;
background-color: #fff !important;
color: var(--od-ink) !important;
outline: none !important;
}
.co-odeme .bootstrap-select > .dropdown-toggle.bs-placeholder,
.co-odeme .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.co-odeme .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.co-odeme .bootstrap-select > .dropdown-toggle.bs-placeholder:active { color: #a8a29a !important; }
.co-odeme .u-has-error .bootstrap-select > .dropdown-toggle { border-color: #b8564a !important; }
.co-odeme .bootstrap-select .dropdown-menu {
border-radius: 2px;
border-color: var(--od-line-soft);
box-shadow: 0 14px 34px rgba(20, 18, 15, .12);
font-family: var(--od-font);
font-size: 13.5px;
padding: 4px 0;
}
.co-odeme .bootstrap-select .dropdown-menu li a { padding: 9px 14px; color: var(--od-ink); }
.co-odeme .bootstrap-select .dropdown-menu li a:hover,
.co-odeme .bootstrap-select .dropdown-menu li a:focus { background: var(--od-bg); color: var(--od-ink); }
.co-odeme .bootstrap-select .dropdown-menu li.selected a { background: var(--od-bg); font-weight: 600; }
.co-odeme .bootstrap-select .bs-searchbox .form-control { height: 42px; }
.co-odeme .custom-control-label { font-size: 13px; color: var(--od-ink); }
.co-odeme .custom-control-label::before { border-color: var(--od-line) !important; }
.co-odeme .custom-control-input:checked ~ .custom-control-label::before {
background-color: var(--od-ink) !important;
border-color: var(--od-ink) !important;
}
.co-odeme .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none !important; }
.co-odeme .bg-white.rounded.p-3 { border: 1px solid var(--od-line-soft); }
.co-odeme .bg-white.rounded.p-3 + hr.my-0 { display: none; }
.co-odeme hr.my-0 + .bg-white.rounded.p-3 { margin-top: -1px; }
.co-odeme .address_item { border-radius: 2px; border-color: var(--od-line-soft); }
.co-odeme .address_item.selected { border-color: var(--od-ink); }
.co-odeme .address_item h3 { font-size: 13px; font-weight: 600; color: var(--od-ink); }
.co-odeme .address_item p,
.co-odeme .address_item span { font-size: 12px; color: var(--od-muted); }
.co-odeme .nav-choose .nav-link {
border: 1px solid var(--od-line) !important;
border-radius: 2px !important;
background: #fff;
transition: border-color .18s ease, background .18s ease;
}
.co-odeme .nav-choose .nav-link:hover { border-color: var(--od-ink) !important; }
.co-odeme .nav-choose .nav-link.active { border-color: var(--od-ink) !important; background: var(--od-panel); }
.co-odeme .nav-choose .nav-link .rounded-circle.bg-primary { background-color: var(--od-ink) !important; }
.co-odeme .nav-choose .nav-link .w-100.text-dark {
font-size: 11.5px;
font-weight: 600;
letter-spacing: .09em;
text-transform: uppercase;
color: var(--od-ink) !important;
}
.co-odeme .d-flex.flex-column.bg-light.p-3 { border: 1px solid var(--od-line-soft); }
.co-odeme .d-flex.flex-column.bg-light.p-3 h3 {
font-family: var(--od-font);
font-size: 17px;
font-weight: 500;
color: var(--od-ink);
}
.co-odeme .d-flex.flex-column.bg-light.p-3 h3 span { font-weight: 600; }
.co-odeme .d-flex.flex-column.bg-light.p-3 p { font-size: 11.5px; color: var(--od-muted); }
.co-odeme .btn-success {
height: 56px;
background-color: var(--od-ink) !important;
border-color: var(--od-ink) !important;
color: #fff !important;
border-radius: 2px !important;
font-family: var(--od-font);
font-size: 12.5px !important;
font-weight: 600 !important;
letter-spacing: .11em;
text-transform: uppercase;
box-shadow: none !important;
}
.co-odeme .btn-success:hover,
.co-odeme .btn-success:focus,
.co-odeme .btn-success:active {
background-color: #16130f !important;
border-color: #16130f !important;
transform: none !important;
box-shadow: none !important;
}
.co-odeme .u-form .form-control { border-radius: 2px 0 0 2px !important; }
.co-odeme .btn-primary,
.co-odeme .u-btn-primary {
height: 48px;
padding: 0 18px;
background-color: var(--od-ink) !important;
border-color: var(--od-ink) !important;
color: #fff !important;
border-radius: 0 2px 2px 0 !important;
font-family: var(--od-font);
font-size: 11px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
box-shadow: none !important;
}
.co-odeme .btn-primary:hover,
.co-odeme .u-btn-primary:hover { background-color: #16130f !important; border-color: #16130f !important; }
.co-odeme .js-sticky-block .font-size-24 {
font-family: var(--od-font);
font-size: 17px !important;
font-weight: 500 !important;
color: var(--od-ink) !important;
margin-left: 0 !important;
}
.co-odeme .js-sticky-block .font-size-24 + .font-size-14 {
font-size: 10.5px !important;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--od-muted);
}
.co-odeme .js-sticky-block .media h2 a { color: var(--od-ink); font-size: 13px; font-weight: 600; }
.co-odeme .js-sticky-block .media h2 a:hover { color: var(--od-gold); text-decoration: none; }
.co-odeme .js-sticky-block .media small { font-size: 11px; color: var(--od-muted) !important; }
.co-odeme .js-sticky-block img { background: #f0efec; }
.co-odeme .rounded-lg.bg-gray {
background-color: var(--od-bg) !important;
border: 1px solid var(--od-line-soft);
}
.co-odeme .rounded-lg.bg-brown-light {
background-color: #f7f2e6 !important;
border: 1px solid #e6d9bb;
}
.co-odeme .js-sticky-block h3.h6 {
font-family: var(--od-font);
font-size: 12.5px !important;
font-weight: 500;
color: var(--od-muted) !important;
margin: 0;
}
.co-odeme .js-sticky-block .media-body span { font-size: 13px; color: var(--od-ink); }
.co-odeme .odeme_odenecek_tutar {
font-size: 20px;
font-weight: 600;
letter-spacing: -.01em;
color: var(--od-ink);
}
.co-odeme .js-sticky-block hr { border-color: var(--od-line-soft); }
@media (max-width: 767px) {
.co-odeme .pt-4.pb-5.px-5 { padding-left: 18px !important; padding-right: 18px !important; }
.co-odeme .list-group-item > div:last-child { font-size: 9.5px; }
}
.co-magaza {
--mg-bg:    #F5F4F2;
--mg-paper: #FAF9F7;
--mg-ink:   #2F2C28;
--mg-muted: #756F67;
--mg-line:  #D6D1C9;
--mg-red:   #D71920;
--mg-font:  Futura, "Futura PT", "Avenir Next", Avenir, "Century Gothic", "Tw Cen MT", Arial, sans-serif;
display: block;
background: var(--mg-bg);
color: var(--mg-ink);
font-family: var(--mg-font);
}
.co-magaza *,
.co-magaza *::before,
.co-magaza *::after { box-sizing: border-box; }
.co-magaza a { color: inherit; text-decoration: none; }
.co-mg-bc {
display: flex;
align-items: baseline;
gap: 7px;
padding: 18px 5vw;
border-bottom: 1px solid rgba(214, 209, 201, .65);
font-size: 12px;
color: var(--mg-muted);
}
.co-mg-bc a:hover { color: var(--mg-ink); }
.co-mg-bc h1 {
margin: 0;
font-family: var(--mg-font);
font-size: 12px;
font-weight: 600;
letter-spacing: 0;
color: var(--mg-ink);
display: inline;
}
.co-magaza .stores-hero {
padding: 34px 5vw 32px;
background: var(--mg-bg);
border-bottom: 1px solid var(--mg-line);
}
.co-magaza .stores-hero-inner {
display: block;
max-width: 1650px;
margin: 0 auto;
}
.co-magaza .store-map-shell {
width: 100%;
min-height: 690px;
border-radius: 30px;
overflow: hidden;
background: #E7E4DE;
border: 1px solid rgba(47, 44, 40, .09);
display: grid;
grid-template-rows: minmax(570px, 1fr) auto;
box-shadow: 0 22px 56px rgba(47, 44, 40, .10);
}
.co-magaza .store-map-stage {
position: relative;
width: 100%;
min-width: 0;
min-height: 570px;
overflow: hidden;
background: #E7E4DE;
}
.co-magaza #storesMapFrame {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
border: 0;
display: block;
background: #E7E4DE;
filter: saturate(.78) contrast(.98) brightness(1.02);
}
.co-magaza .store-map-stage.map-loading::before {
content: "Harita yükleniyor";
position: absolute;
inset: 0;
z-index: 2;
display: grid;
place-items: center;
background: #E7E4DE;
color: #817B73;
font-size: 11px;
letter-spacing: .08em;
}
.co-magaza .store-map-overlay {
position: absolute;
z-index: 3;
left: 24px;
right: 24px;
bottom: 24px;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
pointer-events: none;
}
.co-magaza .store-map-info {
max-width: 560px;
padding: 19px 21px;
border-radius: 19px;
background: rgba(250, 249, 247, .94);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
box-shadow: 0 16px 35px rgba(47, 44, 40, .13);
}
.co-magaza .store-map-info small {
display: block;
margin-bottom: 6px;
font-size: 8px;
letter-spacing: .13em;
text-transform: uppercase;
color: var(--mg-red);
}
.co-magaza .store-map-info strong {
display: block;
margin-bottom: 7px;
font-size: 23px;
font-weight: 600;
line-height: 1.15;
}
.co-magaza .store-map-info span {
display: block;
font-size: 10.5px;
line-height: 1.45;
color: var(--mg-muted);
}
.co-magaza .store-map-directions {
pointer-events: auto;
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 22px;
min-width: 165px;
padding: 15px 19px;
border-radius: 999px;
background: var(--mg-ink);
color: #fff;
font-size: 9px;
font-weight: 700;
letter-spacing: .06em;
box-shadow: 0 14px 30px rgba(47, 44, 40, .17);
transition: background .18s ease;
}
.co-magaza .store-map-directions:hover { background: #16130F; color: #fff; }
.co-magaza .map-location-strip {
padding: 14px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 8px;
background: #F7F5F1;
border-top: 1px solid rgba(47, 44, 40, .08);
}
.co-magaza .map-location-button {
min-width: 0;
min-height: 60px;
padding: 13px 12px;
border: 1px solid transparent;
border-radius: 16px;
background: transparent;
color: var(--mg-ink);
font-family: var(--mg-font);
text-align: left;
cursor: pointer;
transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}
.co-magaza .map-location-button:hover { background: #ECE9E3; }
.co-magaza .map-location-button.active {
background: var(--mg-ink);
color: #fff;
box-shadow: 0 10px 24px rgba(47, 44, 40, .12);
}
.co-magaza .map-location-button span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 10px;
font-weight: 700;
}
.co-magaza .map-location-button small {
display: block;
margin-top: 4px;
font-size: 8px;
color: var(--mg-muted);
}
.co-magaza .map-location-button.active small { color: rgba(255, 255, 255, .58); }
.co-magaza .filter-bar {
position: sticky;
top: 96px;
z-index: 40;
padding: 18px 5vw;
background: rgba(245, 244, 242, .93);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid var(--mg-line);
}
.co-magaza .filter-inner {
max-width: 1650px;
margin: auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
}
.co-magaza .filter-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.co-magaza .filter-button {
border: 1px solid var(--mg-line);
background: transparent;
padding: 10px 17px;
border-radius: 999px;
font-family: var(--mg-font);
font-size: 10px;
font-weight: 700;
letter-spacing: .05em;
color: var(--mg-ink);
cursor: pointer;
transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.co-magaza .filter-button.active,
.co-magaza .filter-button:hover {
background: var(--mg-ink);
border-color: var(--mg-ink);
color: #fff;
}
.co-magaza .result-count { font-size: 10px; color: var(--mg-muted); white-space: nowrap; }
.co-magaza .stores-section { padding: 38px 5vw 100px; }
.co-magaza .stores-grid {
max-width: 1650px;
margin: auto;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.co-magaza .store-card {
position: relative;
min-height: 445px;
padding: 28px;
background: var(--card-accent, #E8DED1);
border-radius: 28px;
display: flex;
flex-direction: column;
overflow: hidden;
transition: transform .24s ease, box-shadow .24s ease;
}
.co-magaza .store-card::after {
content: "";
position: absolute;
width: 250px;
height: 250px;
right: -90px;
top: -90px;
border-radius: 50%;
background: rgba(255, 255, 255, .32);
}
.co-magaza .store-card:hover { transform: translateY(-5px); box-shadow: 0 24px 50px rgba(47, 44, 40, .09); }
.co-magaza .store-card.hidden { display: none; }
.co-magaza .store-card-top {
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.co-magaza .store-number { font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.co-magaza .store-type {
padding: 8px 12px;
border-radius: 999px;
background: rgba(255, 255, 255, .58);
font-size: 9px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}
.co-magaza .store-card-body { position: relative; z-index: 2; margin-top: 45px; max-width: 680px; }
.co-magaza .store-location {
display: flex;
align-items: center;
gap: 9px;
margin-bottom: 14px;
font-size: 10px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
}
.co-magaza .store-location small { font-size: 10px; font-weight: 400; color: var(--mg-muted); }
.co-magaza .store-card h2 {
margin: 0 0 14px;
font-family: var(--mg-font);
font-size: clamp(31px, 3.1vw, 53px);
line-height: .95;
letter-spacing: -.05em;
font-weight: 500;
color: var(--mg-ink);
}
.co-magaza .store-description {
margin: 0 0 22px;
max-width: 610px;
font-size: 12.5px;
line-height: 1.62;
color: #5F5A53;
}
.co-magaza .store-card address {
max-width: 600px;
margin: 0;
font-style: normal;
font-size: 12px;
line-height: 1.55;
font-weight: 600;
}
.co-magaza .store-contact-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
margin-top: 26px;
padding-top: 21px;
border-top: 1px solid rgba(47, 44, 40, .14);
}
.co-magaza .store-contact-grid a { min-width: 0; }
.co-magaza .store-contact-grid a:hover strong { text-decoration: underline; }
.co-magaza .store-contact-grid small {
display: block;
margin-bottom: 6px;
font-size: 8px;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--mg-muted);
}
.co-magaza .store-contact-grid strong { font-size: 11.5px; font-weight: 600; white-space: nowrap; }
.co-magaza .store-card-actions {
position: relative;
z-index: 2;
margin-top: auto;
padding-top: 28px;
display: flex;
gap: 11px;
}
.co-magaza .store-card-actions a {
display: flex;
justify-content: space-between;
align-items: center;
min-width: 152px;
padding: 13px 16px;
border: 1px solid rgba(47, 44, 40, .23);
border-radius: 999px;
font-size: 10px;
font-weight: 700;
transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.co-magaza .store-card-actions a:hover { background: var(--mg-ink); color: #fff; border-color: var(--mg-ink); }
.co-magaza .stores-cta { padding: 0 5vw 95px; }
.co-magaza .stores-cta-inner {
max-width: 1650px;
margin: auto;
padding: 58px;
border-radius: 30px;
background: var(--mg-ink);
color: #fff;
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 40px;
}
.co-magaza .stores-cta h2 {
margin: 0 0 13px;
font-family: var(--mg-font);
font-size: clamp(36px, 4vw, 62px);
line-height: .96;
letter-spacing: -.052em;
font-weight: 500;
color: #fff;
}
.co-magaza .stores-cta p { margin: 0; max-width: 620px; font-size: 13px; line-height: 1.65; color: rgba(255, 255, 255, .68); }
.co-magaza .stores-cta a {
display: inline-block;
padding: 15px 22px;
border-radius: 999px;
background: #fff;
color: var(--mg-ink);
font-size: 10px;
font-weight: 700;
letter-spacing: .06em;
white-space: nowrap;
transition: background .18s ease;
}
.co-magaza .stores-cta a:hover { background: #E8DED1; }
@media (max-width: 1180px) {
.co-magaza .store-map-shell { min-height: 650px; grid-template-rows: minmax(520px, 1fr) auto; }
.co-magaza .store-map-stage { min-height: 520px; }
.co-magaza .map-location-strip { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
}
@media (max-width: 1050px) {
.co-magaza .stores-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
.co-magaza .stores-hero { padding: 20px 16px 24px; }
.co-magaza .store-map-shell { min-height: 690px; border-radius: 24px; grid-template-rows: minmax(470px, 1fr) auto; }
.co-magaza .store-map-stage { min-height: 470px; }
.co-magaza .store-map-overlay { left: 14px; right: 14px; bottom: 14px; flex-direction: column; align-items: stretch; gap: 10px; }
.co-magaza .store-map-info { padding: 15px 16px; max-width: none; }
.co-magaza .store-map-directions { align-self: flex-start; }
.co-magaza .map-location-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.co-magaza .store-contact-grid { grid-template-columns: 1fr; }
.co-magaza .stores-cta-inner { grid-template-columns: 1fr; padding: 36px; }
.co-magaza .stores-section { padding: 28px 16px 70px; }
.co-magaza .filter-bar { padding: 14px 16px; top: 0; }
.co-mg-bc { padding: 14px 16px; }
}
@media (max-width: 520px) {
.co-magaza .store-card { padding: 22px; border-radius: 22px; }
.co-magaza .store-card-actions { flex-direction: column; }
.co-magaza .store-card-actions a { width: 100%; }
}
.co-yeni {
--cy-ink:   #2F2C28;
--cy-muted: #6E6961;
--cy-krem:  #F5F4F2;
--cy-line:  #D4D0C8;
--cy-font:  Futura, "Futura PT", "Avenir Next", Avenir, "Century Gothic", "Tw Cen MT", Arial, sans-serif;
background: var(--cy-krem);
padding: 55px 5vw 58px;
font-family: var(--cy-font);
color: var(--cy-ink);
border-bottom: #d6d6d6 solid 1px;
}
.co-yeni__ic { min-width: 0; }
.co-yeni__bas {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 24px;
margin-bottom: 22px;
}
.co-yeni__bas h2 {
margin: 0;
font-family: var(--cy-font);
font-size: clamp(34px, 4vw, 56px);
line-height: 1;
letter-spacing: -.045em;
font-weight: 500;
color: var(--cy-ink);
}
.co-yeni__bas h2 a { color: inherit; }
.co-yeni__bas h2 a:hover { color: inherit; text-decoration: none; opacity: .78; }
.co-yeni__el {
font-family: "Segoe Script", "Bradley Hand", "Brush Script MT", cursive;
font-style: italic;
font-weight: 400;
letter-spacing: -.055em;
display: inline-block;
transform: translateY(-1px);
margin-right: 8px;
}
.co-yeni__aks {
display: flex;
align-items: center;
gap: 22px;
padding-top: 8px;
flex: none;
}
.co-yeni__tumu {
font-size: 13px;
font-weight: 500;
letter-spacing: .12em;
color: var(--cy-ink);
padding-bottom: 5px;
border-bottom: 1px solid currentColor;
white-space: nowrap;
}
.co-yeni__tumu:hover { color: var(--cy-ink); text-decoration: none; opacity: .7; }
.co-yeni__ok {
appearance: none;
border: 0;
background: transparent;
color: var(--cy-ink);
font-size: 30px;
line-height: 1;
cursor: pointer;
padding: 2px 4px;
opacity: .75;
transition: opacity .18s ease;
}
.co-yeni__ok:hover { opacity: 1; }
.co-yeni__ok[disabled] { opacity: .22; cursor: default; }
.co-yeni__ray {
display: grid;
grid-auto-flow: column;
grid-auto-columns: calc((100% - 72px) / 4);
gap: 24px;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
padding-bottom: 2px;
}
.co-yeni__ray::-webkit-scrollbar { display: none; }
.co-yeni__kart { scroll-snap-align: start; min-width: 0; background: transparent; }
.co-yeni__gorsel {
position: relative;
background: var(--cy-krem);
min-height: 340px;
overflow: hidden;
}
.co-yeni__link { display: block; position: absolute; inset: 0; }
.co-yeni__gorsel .ilk_resim,
.co-yeni__gorsel .ikinci_resim {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.co-yeni__gorsel .ikinci_resim {
opacity: 0;
transition: opacity .4s ease;
}
.co-yeni__gorsel .ikinci_resim img { mix-blend-mode: normal; }
.co-yeni__gorsel .ilk_resim { opacity: 1; transition: opacity .4s ease; }
.co-yeni__kart:hover .co-yeni__gorsel .ikinci_resim { opacity: 1; }
.co-yeni__kart:hover .co-yeni__gorsel .ilk_resim { opacity: 0; }
.co-yeni__gorsel img {
width: 100%;
height: 100%;
object-fit: contain;
mix-blend-mode: multiply;
transition: transform .45s ease;
transform-origin: center center;
}
.co-yeni__gorsel > .card-img-top {
position: absolute;
inset: 0;
}
.co-yeni__kart:hover .co-yeni__gorsel img { transform: scale(1.035); }
.co-yeni__rozet {
position: absolute;
z-index: 3;
display: inline-flex;
align-items: center;
background: rgba(255, 255, 255, .72);
color: var(--cy-ink);
font-size: 11px;
font-weight: 500;
letter-spacing: .14em;
text-transform: uppercase;
padding: 8px 11px;
}
.co-yeni__rozet--indirim { top: 18px; left: 18px; }
.co-yeni__rozet--stok    { top: 18px; right: 18px; background: rgba(47, 44, 40, .88); color: #fff; }
.co-yeni__hizli {
position: absolute;
left: 18px;
right: 18px;
bottom: 18px;
z-index: 4;
display: block;
text-align: center;
padding: 12px 16px;
border-radius: 999px;
background: rgba(47, 44, 40, .94);
color: #fff;
font-family: var(--cy-font);
font-size: 12px;
font-weight: 600;
letter-spacing: .06em;
opacity: 0;
transform: translateY(12px);
pointer-events: none;
transition: opacity .24s ease, transform .24s ease, background .24s ease;
}
.co-yeni__kart:hover .co-yeni__hizli,
.co-yeni__kart:focus-within .co-yeni__hizli {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.co-yeni__hizli:hover { background: #16130f; color: #fff; text-decoration: none; }
.co-yeni__bilgi { padding-top: 14px; }
.co-yeni__bilgi h3 {
margin: 0 0 8px;
font-family: var(--cy-font);
font-size: 17px;
line-height: 1.25;
letter-spacing: .025em;
font-weight: 600;
text-transform: uppercase;
color: var(--cy-ink);
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.co-yeni__bilgi h3 a { color: inherit; }
.co-yeni__bilgi h3 a:hover { color: var(--cy-muted); text-decoration: none; }
.co-yeni__fiyat {
margin: 0;
font-size: 15px;
font-weight: 700;
color: var(--cy-ink);
}
.co-yeni__fiyat del { margin-left: 8px; font-size: 12.5px; color: var(--cy-muted); }
.co-yeni .fabric-colours { margin-top: 12px; }
.co-yeni .fabric-colours ul {
display: flex;
flex-wrap: wrap;
gap: 8px;
list-style: none;
margin: 0;
padding: 0;
}
.co-yeni .fabric-colours li { margin: 0; cursor: pointer; }
.co-yeni .fabric-colours li span {
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
background-size: cover;
background-position: center;
box-shadow: inset 0 0 0 1px rgba(47, 44, 40, .14);
transition: transform .24s ease, box-shadow .24s ease;
}
.co-yeni .fabric-colours li:hover span { transform: scale(1.14); }
.co-yeni .fabric-colours li.first_colour span {
transform: scale(1.1);
box-shadow: 0 0 0 1px var(--cy-krem), 0 0 0 2px rgba(47, 44, 40, .78), inset 0 0 0 1px rgba(47, 44, 40, .14);
}
.co-yeni__bos {
padding: 28px 0;
font-size: 13.5px;
color: var(--cy-muted);
}
@media (max-width: 1200px) {
.co-yeni__ray { grid-auto-columns: calc((100% - 24px) / 2); }
.co-yeni__gorsel { min-height: 380px; }
}
@media (max-width: 680px) {
.co-yeni { padding: 34px 16px 38px; }
.co-yeni__bas { flex-direction: column; gap: 12px; }
.co-yeni__aks { padding-top: 0; }
.co-yeni__ray { grid-auto-columns: 78%; gap: 16px; }
.co-yeni__gorsel { min-height: 300px; }
.co-yeni__hizli { opacity: 1; transform: none; pointer-events: auto; }
}
.u-header {
--coust-font: Futura, "Futura PT", "Avenir Next", Avenir, "Century Gothic", "Tw Cen MT", Arial, sans-serif;
--coust-bg:   #F5F4F2;
--coust-ink:  #2F2C28;
--coust-line: #D8D3CB;
--coust-red:  #D71920;
}
.co-ust-aks { gap: 10px; }
.co-ust-aks .co-ust-ikon,
.co-ust-aks .co-ust-sepet > a,
.co-ust-aks .u-header__login-form > a {
width: 40px;
height: 40px;
display: grid !important;
place-items: center;
padding: 0 !important;
border: 0;
border-radius: 50%;
background: transparent;
color: var(--coust-ink) !important;
transition: background .18s ease;
}
.co-ust-aks .co-ust-ikon:hover,
.co-ust-aks .co-ust-sepet > a:hover,
.co-ust-aks .u-header__login-form > a:hover {
background: #ECEAE6;
color: var(--coust-ink) !important;
box-shadow: none;
}
.co-ust-aks svg {
display: block;
width: 21px;
height: 21px;
margin: 0;
fill: none;
stroke: currentColor;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.co-ust-aks .u-header__login-form > a > span,
.co-ust-aks .u-header__login-form > a > i { display: none !important; }
.co-ust-aks .u-header__login-form { padding-left: 0 !important; }
.co-ust-sepet { position: relative; }
.u-header .co-cart-badge {
position: absolute;
top: 1px;
right: -1px;
min-width: 17px;
height: 17px;
padding: 0 4px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: var(--coust-red, #D71920);
color: #fff;
font-family: Arial, sans-serif;
font-size: 9px;
font-weight: 700;
line-height: 17px;
box-shadow: none;
pointer-events: none;
}
.u-header .co-cart-badge[hidden] { display: none; }
@media (min-width: 1200px) {
.u-header .u-header__section {
background-color: rgba(245, 244, 242, .97) !important;
border-bottom: 1px solid var(--coust-line) !important;
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
box-shadow: none !important;
}
.u-header .co-ust-strip {
display: grid !important;
grid-template-columns: minmax(160px, 1fr) auto minmax(390px, 1fr);
align-items: center;
gap: 20px;
height: 32px;
padding: 0 5vw;
background: var(--coust-bg);
border-bottom: 1px solid var(--coust-line) !important;
color: var(--coust-ink);
font-family: var(--coust-font);
font-size: 11px;
font-weight: 400;
letter-spacing: .025em;
line-height: 1;
}
.u-header .co-ust-strip a { color: var(--coust-ink); font-size: 11px; line-height: 1; }
.u-header .co-ust-strip a:hover { color: var(--coust-red); text-decoration: none; }
.co-ust-dil { justify-self: start; white-space: nowrap; }
.co-ust-dil span { display: inline-block; margin: 0 8px; }
.co-ust-dil a.aktif { font-weight: 600; }
.co-ust-orta { justify-self: center; white-space: nowrap; }
.co-ust-linkler {
justify-self: end;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 24px;
white-space: nowrap;
}
.co-ust-magaza { display: inline-flex !important; align-items: center; gap: 6px; }
.co-ust-magaza svg {
display: block;
width: 14px;
height: 14px;
flex: 0 0 14px;
margin: 0;
fill: none;
stroke: currentColor;
stroke-width: 1.45;
stroke-linecap: round;
stroke-linejoin: round;
}
.u-header #logoAndNav {
max-width: none;
width: 100%;
padding: 0 5vw !important;
}
.u-header .u-header__navbar { min-height: 78px; padding: 0 !important; }
.u-header .u-header__navbar-brand-default img { display: none; }
.u-header .co-ust-logo {
display: inline-flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
font-family: var(--coust-font);
font-size: 20px;
font-weight: 700;
line-height: 1;
letter-spacing: .01em;
color: #171717;
white-space: nowrap;
}
.u-header .co-ust-logo-mark { display: block; line-height: 1; white-space: nowrap; }
.u-header .co-ust-logo b { color: var(--coust-red); font-weight: inherit; }
.u-header .co-ust-logo-since {
display: block;
margin-top: 3px;
margin-right: 1px;
font-family: var(--coust-font);
font-size: 9px;
font-style: normal;
font-weight: 500;
line-height: 1;
letter-spacing: .025em;
color: rgba(36, 34, 31, .68);
text-transform: none;
white-space: nowrap;
}
.u-header .navbar-brand { margin-right: 24px; padding: 0; }
.u-header #navBar { flex-grow: 1; }
.u-header #navBar .u-header__navbar-nav {
margin: 0 auto;
display: flex;
align-items: center;
gap: 36px;
}
.u-header #navBar .nav-item,
.u-header #navBar .nav-item:not(:first-child),
.u-header #navBar .nav-item:not(:last-child) { margin: 0 !important; }
.u-header #navBar .u-header__nav-link {
padding: 0 !important;
font-family: var(--coust-font);
font-size: 15px !important;
font-weight: 500 !important;
letter-spacing: -.01em;
line-height: 78px;
color: var(--coust-ink) !important;
text-transform: none;
}
.u-header #navBar .u-header__nav-link-toggle::after { display: none; }
.u-header #navBar .u-header__nav-item:hover .u-header__nav-link,
.u-header #navBar .u-header__nav-link:hover,
.u-header #navBar .active > .u-header__nav-link { color: var(--coust-red) !important; }
.co-ust-aks .bootstrap-select,
.co-ust-aks select.selectpicker { display: none !important; }
.co-ust-ara .co-arama {
left: auto !important;
right: -8px;
top: calc(100% + 10px);
}
.u-header.co-sabit-alt .co-ust-strip { display: none !important; }
}
@media (max-width: 1199.98px) {
.co-ust-logo { display: none; }
.co-ust-ara .co-arama {
position: fixed !important;
left: 12px !important;
right: 12px !important;
top: 12px;
width: auto !important;
}
}
.transform-section{
--cream:#F5F4F2;
--text:#2F2C28;
--font-vitra-like:Futura,"Futura PT","Avenir Next",Avenir,"Century Gothic","Tw Cen MT",Arial,sans-serif;
}
.transform-section{
padding:0;
background:var(--cream);
}
.transform-wrap{
display:grid;
grid-template-columns:1.25fr .75fr;
min-height:680px;
overflow:visible;
}
.transform-visual{
min-height:680px;
background:#ddd;
}
.transform-visual img{
width:100%;
height:100%;
display:block;
object-fit:cover;
}
.transform-copy{
background:linear-gradient(180deg, #7D857F 0%, #727A74 100%);
display:flex;
align-items:center;
justify-content:center;
padding:52px 46px;
}
.transform-copy-inner{
max-width:470px;
text-align:center;
}
.transform-copy h2{
margin:0 0 16px;
font-family:var(--font-vitra-like);
font-size:clamp(38px, 4.4vw, 70px);
line-height:0.98;
letter-spacing:-0.04em;
font-weight:500;
color:#F5F4F2;
}
.transform-copy h2 span{
font-family:var(--font-vitra-like);
font-style:normal;
font-weight:400;
color:#F5F4F2;
}
.transform-copy p{
margin:0 0 28px;
font-family:var(--font-vitra-like);
font-size:15px;
line-height:1.55;
color:#ECEAE6;
}
.transform-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:56px;
padding:0 32px;
background:transparent;
color:var(--text);
font-family:var(--font-vitra-like);
font-size:13px;
font-weight:500;
letter-spacing:.12em;
}
@media(max-width:980px){
.transform-wrap{
grid-template-columns:1fr;
min-height:auto;
}
.transform-visual{
min-height:380px;
}
.transform-copy{
padding:38px 24px 42px;
}
.transform-copy h2{
font-size:clamp(32px, 8vw, 48px);
}
}
.transform-section{
margin-top:0 !important;
}
.transform-section{
margin-top:0 !important;
padding-top:0 !important;
}
.new-arrivals + .transform-section{
margin-top:0 !important;
}
.transform-wrap,
.transform-visual{
min-height:520px !important;
}
.transform-copy{
min-height:520px !important;
padding:38px 40px !important;
}
.transform-copy h2{
font-size:clamp(36px, 3.8vw, 58px) !important;
}
.transform-copy p{
margin-bottom:22px !important;
}
@media(max-width:680px){
.transform-visual,
.aesthetic-visual{
min-height:380px !important;
}
.transform-copy,
.aesthetic-copy{
min-height:300px !important;
}
}
@media (min-width:981px){
.transform-wrap,
.transform-visual,
.transform-copy{
height:560px !important;
min-height:560px !important;
}
.transform-copy{
padding:42px 44px !important;
}
.transform-copy h2{
font-size:clamp(38px, 4vw, 62px) !important;
}
}
@media (max-width:980px){
.hero-split-wrap,
.hero-visual,
.hero-copy,
.discount-hero-wrap,
.discount-main,
.discount-grid,
.plan-banner-visual,
.transform-wrap,
.transform-visual,
.transform-copy,
.aesthetic-hero-wrap,
.aesthetic-copy,
.aesthetic-visual,
.export-hero,
.export-hero-media,
.export-hero-content{
height:auto !important;
}
}
.transform-projects-btn{
position:relative;
isolation:isolate;
display:inline-grid !important;
place-items:center;
width:244px;
height:56px;
min-width:244px;
min-height:56px;
padding:0 !important;
overflow:visible;
vertical-align:top;
background:transparent;
color:var(--text);
border:0;
box-shadow:none;
cursor:pointer;
transition:
width .24s cubic-bezier(.22,.61,.36,1),
height .24s cubic-bezier(.22,.61,.36,1),
background-color .12s ease,
border-color .18s ease,
box-shadow .24s ease;
}
.transform-projects-btn .transform-btn-label{
grid-area:1/1;
position:relative;
z-index:3;
white-space:nowrap;
opacity:1;
transform:scale(1);
transition:opacity .09s ease, transform .12s ease;
}
.transform-projects-btn .office-plan-inline{
grid-area:1/1;
position:absolute;
inset:8px;
z-index:2;
display:flex;
align-items:center;
justify-content:center;
pointer-events:none;
opacity:0;
transform:scale(.84);
transform-origin:center;
transition:opacity .14s ease .03s, transform .2s cubic-bezier(.22,.61,.36,1) .03s;
}
.transform-projects-btn .office-plan-svg{
display:block;
width:100%;
height:100%;
overflow:visible;
}
.transform-projects-btn:hover,
.transform-projects-btn:focus-visible{
width:286px;
height:126px;
min-width:286px;
min-height:126px;
background:transparent;
border-color:transparent;
box-shadow:none;
outline:none;
}
.transform-projects-btn:hover .transform-btn-label,
.transform-projects-btn:focus-visible .transform-btn-label{
opacity:0;
transform:scale(.78);
}
.transform-projects-btn:hover .office-plan-inline,
.transform-projects-btn:focus-visible .office-plan-inline{
opacity:1;
transform:scale(1);
}
.office-plan-svg .plan-wall,
.office-plan-svg .plan-detail,
.office-plan-svg .door-swing-arc{
fill:none;
stroke:#343934;
stroke-linecap:square;
stroke-linejoin:miter;
vector-effect:non-scaling-stroke;
stroke-dasharray:1;
stroke-dashoffset:1;
transition:stroke-dashoffset .42s cubic-bezier(.2,.75,.25,1);
}
.office-plan-svg .plan-wall{stroke-width:2;}
.office-plan-svg .plan-detail{stroke-width:1.2;}
.office-plan-svg .door-swing-arc{
stroke:#8A918B;
stroke-width:1;
stroke-dasharray:.18 .07;
opacity:.72;
}
.office-plan-svg .plan-object{
fill:rgba(125,133,127,.12);
stroke:#747C76;
stroke-width:1.05;
vector-effect:non-scaling-stroke;
opacity:0;
transform-box:fill-box;
transform-origin:center;
transform:scale(.55);
transition:opacity .16s ease, transform .22s cubic-bezier(.2,.8,.2,1);
}
.office-plan-svg .door-leaf{
fill:none;
stroke:#343934;
stroke-width:1.55;
stroke-linecap:square;
vector-effect:non-scaling-stroke;
opacity:0;
transition:opacity .12s ease, transform .16s ease;
}
.office-plan-svg .door-a{transform-origin:90px 35px;}
.office-plan-svg .door-b{transform-origin:137px 64px;}
.office-plan-svg .door-c{transform-origin:185px 64px;}
.transform-projects-btn:hover .office-plan-svg .plan-wall,
.transform-projects-btn:focus-visible .office-plan-svg .plan-wall,
.transform-projects-btn:hover .office-plan-svg .plan-detail,
.transform-projects-btn:focus-visible .office-plan-svg .plan-detail,
.transform-projects-btn:hover .office-plan-svg .door-swing-arc,
.transform-projects-btn:focus-visible .office-plan-svg .door-swing-arc{
stroke-dashoffset:0;
}
.transform-projects-btn:hover .office-plan-svg .partition-a,
.transform-projects-btn:focus-visible .office-plan-svg .partition-a{transition-delay:.08s;}
.transform-projects-btn:hover .office-plan-svg .partition-b,
.transform-projects-btn:focus-visible .office-plan-svg .partition-b{transition-delay:.14s;}
.transform-projects-btn:hover .office-plan-svg .door-swing-arc,
.transform-projects-btn:focus-visible .office-plan-svg .door-swing-arc{transition-delay:.24s;}
.transform-projects-btn:hover .office-plan-svg .plan-object,
.transform-projects-btn:focus-visible .office-plan-svg .plan-object{
opacity:1;
transform:scale(1);
transition-delay:.28s;
}
.transform-projects-btn:hover .office-plan-svg .door-leaf,
.transform-projects-btn:focus-visible .office-plan-svg .door-leaf{
opacity:1;
transition-delay:.25s;
}
.transform-projects-btn:hover .office-plan-svg .door-a,
.transform-projects-btn:focus-visible .office-plan-svg .door-a{
animation:officeDoorA 1.08s ease-in-out .34s infinite;
}
.transform-projects-btn:hover .office-plan-svg .door-b,
.transform-projects-btn:focus-visible .office-plan-svg .door-b{
animation:officeDoorB 1.08s ease-in-out .48s infinite;
}
.transform-projects-btn:hover .office-plan-svg .door-c,
.transform-projects-btn:focus-visible .office-plan-svg .door-c{
animation:officeDoorC 1.08s ease-in-out .61s infinite;
}
@media (prefers-reduced-motion:reduce){
.transform-projects-btn,
.transform-projects-btn .transform-btn-label,
.transform-projects-btn .office-plan-inline,
.office-plan-svg .plan-wall,
.office-plan-svg .plan-detail,
.office-plan-svg .door-swing-arc,
.office-plan-svg .plan-object,
.office-plan-svg .door-leaf{
transition:none !important;
animation:none !important;
}
.transform-projects-btn:hover .office-plan-svg .door-a,
.transform-projects-btn:focus-visible .office-plan-svg .door-a{transform:rotate(-86deg)}
.transform-projects-btn:hover .office-plan-svg .door-b,
.transform-projects-btn:focus-visible .office-plan-svg .door-b{transform:rotate(86deg)}
.transform-projects-btn:hover .office-plan-svg .door-c,
.transform-projects-btn:focus-visible .office-plan-svg .door-c{transform:rotate(-86deg)}
}
@media(max-width:640px){
.transform-projects-btn{width:224px;min-width:224px;}
.transform-projects-btn:hover,
.transform-projects-btn:focus-visible{
width:250px;
min-width:250px;
height:112px;
min-height:112px;
}
}
@keyframes officeDoorA{
0%,14%,100%{transform:rotate(0deg)}
48%,72%{transform:rotate(-86deg)}
}
@keyframes officeDoorB{
0%,14%,100%{transform:rotate(0deg)}
48%,72%{transform:rotate(86deg)}
}
@keyframes officeDoorC{
0%,14%,100%{transform:rotate(0deg)}
48%,72%{transform:rotate(-86deg)}
}
.co-plp-filtre--gorsel .co-plp-gkartlar {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.co-plp-gkart {
position: relative;
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
padding: 8px 8px 9px;
border: 1px solid #e2e0dc;
border-radius: 10px;
background: #fff;
cursor: pointer;
transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.co-plp-gkart:hover {
border-color: #b9b2a6;
box-shadow: 0 4px 14px rgba(31, 27, 22, .07);
}
.co-plp-gkart > input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
margin: 0;
pointer-events: none;
}
.co-plp-gkart__foto {
position: relative;
display: block;
height: 62px;
border-radius: 6px;
background: #faf9f7;
overflow: hidden;
}
.co-plp-gkart__foto img {
width: 100%;
height: 100%;
object-fit: contain;
padding: 4px;
mix-blend-mode: multiply;
}
.co-plp-gkart__adet {
position: absolute;
top: 4px;
right: 4px;
min-width: 18px;
height: 18px;
padding: 0 5px;
border-radius: 20px;
background: rgba(31, 27, 22, .72);
color: #fff;
font-family: var(--plp-font);
font-size: 10.5px;
line-height: 18px;
text-align: center;
}
.co-plp-gkart__ad {
font-family: var(--plp-font);
font-size: 12.5px;
line-height: 1.25;
color: #4a463f;
text-align: center;
}
.co-plp-gkart.secili,
.co-plp-gkart:has(> input:checked) {
border-color: #2f2c28;
box-shadow: 0 0 0 1px #2f2c28 inset;
}
.co-plp-gkart.secili .co-plp-gkart__ad,
.co-plp-gkart:has(> input:checked) .co-plp-gkart__ad { color: #1d1a16; font-weight: 600; }
.co-plp-gkart.secili::after,
.co-plp-gkart:has(> input:checked)::after {
content: "✓";
position: absolute;
left: 8px;
top: 8px;
width: 18px;
height: 18px;
border-radius: 50%;
background: #2f2c28;
color: #fff;
font-size: 11px;
line-height: 18px;
text-align: center;
}
.co-plp-gkart:focus-within { border-color: #2f2c28; }
@media (max-width: 991px) {
.co-plp-filtre--gorsel .co-plp-gkartlar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
.co-plp-filtre--gorsel .co-plp-gkartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.co-mutfak-hero {
padding: 92px 2.1vw 18px;
background: #f3f1ec;
font-family: Futura, "Futura PT", "Avenir Next", Avenir, "Century Gothic", "Tw Cen MT", Arial, sans-serif;
}
.co-mutfak-hero-stage {
position: relative;
min-height: 680px;
border-radius: 34px;
overflow: hidden;
background: #3b1717;
box-shadow: 0 26px 70px rgba(49, 30, 23, .13);
}
.co-mutfak-hero-stage > img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
display: block;
}
.co-mutfak-hero-stage::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(38, 11, 12, .91) 0%, rgba(49, 14, 15, .69) 38%, rgba(48, 17, 16, .12) 69%, rgba(48, 17, 16, .25) 100%);
}
.co-mutfak-hero-copy {
position: relative;
z-index: 2;
min-height: 680px;
max-width: 760px;
padding: 78px 6vw;
display: flex;
flex-direction: column;
justify-content: flex-end;
color: #fff;
}
.co-mutfak-hero-kicker {
display: flex;
align-items: center;
gap: 12px;
font-size: 10px;
font-weight: 700;
letter-spacing: .18em;
text-transform: uppercase;
}
.co-mutfak-hero-kicker::before {
content: "";
width: 42px;
height: 1px;
background: currentColor;
}
.co-mutfak-hero h2 {
max-width: 720px;
margin: 20px 0 23px;
color: #fff;
font-family: inherit;
font-size: clamp(52px, 6.2vw, 94px);
font-weight: 500;
line-height: .91;
letter-spacing: -.062em;
text-transform: none;
}
.co-mutfak-hero-copy p {
max-width: 620px;
margin: 0;
color: rgba(255, 255, 255, .79);
font-size: 15px;
line-height: 1.78;
}
.co-mutfak-hero-button {
min-height: 52px;
align-self: flex-start;
margin-top: 31px;
padding: 0 23px;
border-radius: 999px;
background: #fff;
color: #471516;
display: inline-flex;
align-items: center;
gap: 16px;
font-size: 11px;
font-weight: 700;
letter-spacing: .055em;
text-decoration: none;
transition: transform .25s ease, background .25s ease;
}
.co-mutfak-hero-button:hover,
.co-mutfak-hero-button:focus-visible {
transform: translateY(-2px);
background: #f6e9df;
color: #471516;
text-decoration: none;
}
.co-mutfak-hero-note {
position: absolute;
z-index: 3;
right: 28px;
bottom: 28px;
width: min(340px, 31vw);
padding: 19px 21px;
border: 1px solid rgba(255, 255, 255, .25);
border-radius: 20px;
background: rgba(48, 17, 16, .53);
backdrop-filter: blur(14px);
color: #fff;
}
.co-mutfak-hero-note strong {
display: block;
margin-bottom: 8px;
font-size: 13px;
}
.co-mutfak-hero-note span {
display: block;
color: rgba(255, 255, 255, .65);
font-size: 9px;
line-height: 1.55;
letter-spacing: .075em;
text-transform: uppercase;
}
@media (max-width: 900px) {
.co-mutfak-hero { padding: 72px 14px 12px; }
.co-mutfak-hero-stage,
.co-mutfak-hero-copy { min-height: 650px; }
.co-mutfak-hero-copy { padding: 60px 32px; }
.co-mutfak-hero-note { display: none; }
}
@media (max-width: 600px) {
.co-mutfak-hero { padding: 58px 10px 10px; }
.co-mutfak-hero-stage { border-radius: 24px; min-height: 700px; }
.co-mutfak-hero-stage > img { object-position: 60% center; }
.co-mutfak-hero-copy { min-height: 700px; padding: 52px 24px; }
.co-mutfak-hero h2 { font-size: clamp(48px, 14vw, 72px); }
.co-mutfak-hero-copy p { font-size: 14px; }
}
@media (min-width: 1440px) and (max-width: 1699.98px) {
.u-header #logoAndNav { padding: 0 3vw !important; }
.u-header .u-header__navbar { flex-wrap: nowrap; }
.u-header .navbar-brand { margin-right: 20px; }
.u-header #navBar .u-header__navbar-nav { gap: clamp(16px, 1.55vw, 26px); }
.u-header #navBar .u-header__nav-link { font-size: 14px !important; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
.u-header #logoAndNav { padding: 0 3vw !important; }
.u-header .u-header__navbar { flex-wrap: wrap; padding-top: 10px !important; }
.u-header .navbar-brand { order: 0; margin-right: 0; }
.u-header .co-ust-aks { order: 1; }
.u-header #navBar {
order: 2;
flex-basis: 100%;
border-top: 1px solid rgba(36, 34, 31, .08);
margin-top: 8px;
}
.u-header #navBar .u-header__navbar-nav { gap: clamp(18px, 2vw, 28px); }
.u-header #navBar .u-header__nav-link { font-size: 14px !important; line-height: 52px; }
}
.co-fiyat-sor { font-size: .82em; font-weight: 600; letter-spacing: .02em; }
.co-pdpm__buyrow--sor { grid-template-columns: 1fr; }
.co-pdpm__fiyatsor { display: flex; align-items: center; justify-content: center; text-decoration: none; }
.co-pdpm__fiyatsor:hover { text-decoration: none; }
.co-pdpm__gfooter .co-pdpm__gbtn[data-tip]::after { left: auto; right: 0; }
.co-pdpm__gfooter .co-pdpm__gbtn[data-tip]::before { left: auto; right: 20px; }

/* /css/mobil.css */
.co-drawer-bas,
.co-drawer-ara,
.co-drawer-alt,
.co-plp-mobilbar,
.co-plp-side-alt,
.co-mobil-katman,
.co-ust-aks .co-ust-hesap { display: none !important; }
@media (max-width: 991.98px) {
.co-drawer-bas { display: flex !important; }
.co-drawer-ara { display: flex !important; }
.co-drawer-alt { display: grid !important; }
.co-plp-mobilbar { display: flex !important; }
.co-plp-side-alt { display: flex !important; }
.co-mobil-katman { display: block !important; }
html, body { max-width: 100%; overflow-x: hidden; }
.u-header .co-ust-strip {
display: flex !important;
align-items: center;
gap: 10px;
padding: 6px 12px !important;
min-height: 0;
}
.u-header .co-ust-strip .co-ust-dil {
display: flex !important;
align-items: center;
gap: 5px;
flex: 0 0 auto;
font-size: 11px;
}
.u-header .co-ust-strip .co-ust-dil a { padding: 2px 1px; }
.u-header .co-ust-strip .co-ust-orta {
flex: 1;
text-align: center;
font-size: 11px;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.u-header .co-ust-strip .co-ust-linkler { display: none !important; }
.u-header #logoAndNav {
max-width: none;
width: 100%;
padding: 0 12px !important;
}
.u-header #logoAndNav .navbar {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center;
min-height: 60px;
padding: 0 !important;
}
.u-header .navbar-toggler.u-hamburger {
order: -1 !important;
margin: 0 10px 0 0 !important;
padding: 6px !important;
border: 0;
background: transparent;
}
.u-header .navbar-brand,
.u-header .u-header__navbar-brand-collapsed {
position: static !important;
transform: none !important;
flex: 0 1 auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
max-width: calc(100vw - 190px);
margin-left: 6px !important;
display: flex !important;
align-items: center;
justify-content: flex-start;
overflow: hidden;
}
.u-header .navbar-brand img {
max-height: 36px;
max-width: 100%;
width: auto;
object-fit: contain;
}
.u-header .co-ust-aks { z-index: 3; }
.u-header .u-header__navbar-brand-on-scroll,
.u-header .u-header__navbar-brand-default { display: none !important; }
.u-header .u-header__navbar-brand-collapsed { display: block !important; }
.u-header .co-ust-aks {
margin-left: auto !important;
flex: 0 0 auto;
gap: 6px;
position: relative;
z-index: 3;
}
.u-header .navbar-toggler.u-hamburger { flex: 0 0 auto; }
.u-header .co-ust-aks .co-ust-ikon,
.u-header .co-ust-aks .co-ust-sepet > a,
.u-header .co-ust-aks .cart-trigger {
width: 40px;
height: 40px;
display: grid;
place-items: center;
}
.u-header .co-ust-aks .co-ust-hesap {
display: grid !important;
color: inherit;
}
.u-header .co-ust-aks .co-ust-hesap svg { width: 21px; height: 21px; }
.u-header .co-ust-aks .co-ust-ikon svg,
.u-header .co-ust-aks .co-ust-sepet svg { width: 21px; height: 21px; }
.u-header .co-ust-sepet { display: block !important; }
.u-header .co-ust-sepet .co-cart-badge {
top: 4px;
right: 2px;
}
.u-header .co-ust-aks .bootstrap-select,
.u-header .co-ust-aks select.selectpicker,
.u-header .co-ust-aks .u-header__login-form,
.u-header .co-ust-aks .dropdown-connector-xl { display: none !important; }
.u-header #navBar {
position: fixed !important;
top: 0;
left: 0;
bottom: 0;
z-index: 10001;
width: min(86vw, 360px);
height: 100% !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
background: #fff;
box-shadow: 0 0 40px rgba(20, 17, 14, .18);
transform: translateX(-100%);
transition: transform .28s cubic-bezier(.22, .72, .24, 1);
overflow-y: auto;
overscroll-behavior: contain;
display: block !important;
visibility: hidden;
}
.u-header #navBar.co-acik {
transform: translateX(0);
visibility: visible;
}
.u-header { z-index: 10000 !important; }
.u-header.co-sabit-mobil {
position: fixed;
top: 0;
left: 0;
right: 0;
animation: co-header-in .3s ease;
}
.u-header.co-sabit-mobil .u-header__section {
padding-top: 0 !important;
padding-bottom: 0 !important;
border-top: 0 !important;
background-color: #fff !important;
box-shadow: 0 6px 18px rgba(18, 24, 23, .1) !important;
}
.u-header.co-sabit-mobil .co-ust-strip { display: none !important; }
.co-mobil-katman {
position: fixed;
inset: 0;
z-index: 9990;
background: rgba(22, 19, 16, .48);
opacity: 0;
visibility: hidden;
transition: opacity .25s ease, visibility .25s ease;
}
.co-mobil-katman.co-acik { opacity: 1; visibility: visible; }
body.co-mobil-kilit { overflow: hidden; }
.co-drawer-bas {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 16px 18px;
border-bottom: 1px solid #eceae6;
position: sticky;
top: 0;
background: #fff;
z-index: 2;
}
.co-drawer-bas strong {
font-family: var(--coust-font, inherit);
font-size: 13px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
color: #2f2c28;
}
.co-drawer-bas .co-drawer-logo { max-height: 30px; width: auto; }
.co-drawer-ara {
display: flex;
align-items: center;
gap: 10px;
width: calc(100% - 32px);
margin: 14px 16px 6px;
padding: 11px 14px;
border: 1px solid #e8e5e0;
border-radius: 10px;
background: #f7f6f3;
color: #8b857c;
font-size: 13.5px;
text-align: left;
cursor: pointer;
}
.co-drawer-ara svg { width: 17px; height: 17px; flex: 0 0 auto; }
.co-drawer-kapat {
width: 34px;
height: 34px;
border: 0;
border-radius: 50%;
background: #f4f2ef;
color: #2f2c28;
font-size: 20px;
line-height: 1;
cursor: pointer;
}
.u-header #navBar .u-header__navbar-nav {
display: block !important;
margin: 0 !important;
padding: 6px 0 24px !important;
gap: 0 !important;
}
.u-header #navBar .u-header__nav-item {
display: block !important;
border-bottom: 1px solid #f2f0ec;
padding: 0 !important;
margin: 0 !important;
}
.u-header #navBar .u-header__nav-link {
display: flex !important;
align-items: center;
justify-content: space-between;
padding: 15px 18px !important;
line-height: 1.3 !important;
font-size: 15.5px !important;
font-weight: 500 !important;
color: #24211d !important;
}
.u-header #navBar .hs-has-mega-menu > .u-header__nav-link::after {
content: "";
display: block !important;
flex: 0 0 auto;
width: 8px;
height: 8px;
margin: -3px 3px 0 12px;
border-right: 1.6px solid #a8a199;
border-bottom: 1.6px solid #a8a199;
transform: rotate(45deg);
transition: transform .25s ease, border-color .25s ease;
}
.u-header #navBar .hs-has-mega-menu.co-alt-acik > .u-header__nav-link::after {
margin-top: 3px;
border-color: #2f2c28;
transform: rotate(-135deg);
}
.u-header #navBar .hs-has-mega-menu.co-alt-acik > .u-header__nav-link {
font-weight: 600 !important;
background: #faf9f7;
}
.u-header #navBar .hs-mega-menu {
position: static !important;
display: none !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 0 10px !important;
border: 0 !important;
box-shadow: none !important;
background: #fafaf8 !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
}
.u-header #navBar .hs-has-mega-menu.co-alt-acik > .hs-mega-menu { display: block !important; }
.u-header #navBar .co-mega__ic,
.u-header #navBar .hs-mega-menu .row {
display: block !important;
padding: 0 !important;
margin: 0 !important;
}
.u-header #navBar .co-mega__kolon,
.u-header #navBar .hs-mega-menu [class*="col-"] {
width: 100% !important;
max-width: none !important;
flex: none !important;
padding: 0 !important;
}
.u-header #navBar .co-mega__kolon .co-mega__baslik { display: none !important; }
.u-header #navBar .u-header__sub-menu-title {
display: block;
padding: 10px 18px 4px !important;
font-size: 11px !important;
letter-spacing: .12em;
text-transform: uppercase;
color: #a19a90 !important;
}
.u-header #navBar .co-mega__kolon a,
.u-header #navBar .u-header__sub-menu-nav-link {
display: flex !important;
align-items: center;
min-height: 44px;
padding: 8px 18px 8px 30px !important;
font-size: 14.5px !important;
line-height: 1.35;
color: #4a463f !important;
border: 0 !important;
position: relative;
}
.u-header #navBar .co-mega__kolon a::before {
content: "";
position: absolute;
left: 18px;
top: 12px;
bottom: 12px;
width: 2px;
border-radius: 2px;
background: #e4e0d9;
}
.u-header #navBar .co-mega__kolon a:active::before { background: #b9b2a7; }
.u-header #navBar .co-mega__kesfet {
margin: 6px 18px 0;
padding: 10px 0 4px;
border-top: 1px solid #ecE9e3;
}
.u-header #navBar .co-mega__kesfet .co-mega__baslik {
display: block !important;
padding: 0 0 4px !important;
font-size: 10.5px !important;
letter-spacing: .16em;
text-transform: uppercase;
color: #a8a199 !important;
}
.u-header #navBar .co-mega__kesfet a {
display: flex !important;
align-items: center;
min-height: 42px;
padding: 6px 0 !important;
font-size: 14px !important;
color: #4a463f !important;
}
.u-header #navBar .co-mega__kesfet a.co-mega__tumu,
.u-header #navBar .co-mega__kesfet a.co-mega__tumu span { color: #fff !important; }
.u-header #navBar .co-mega__tumu {
justify-content: center;
margin: 8px 0 12px !important;
padding: 12px 14px !important;
border-radius: 10px;
background: #2f2c28;
color: #fff !important;
font-size: 13.5px !important;
font-weight: 600;
gap: 8px;
}
.u-header #navBar .u-header__sub-menu-nav-group { margin: 0 !important; }
.co-drawer-alt {
border-top: 1px solid #f2f0ec;
padding: 14px 18px 26px;
display: grid;
gap: 10px;
}
.co-drawer-alt a {
display: flex;
align-items: center;
gap: 11px;
min-height: 40px;
font-size: 14.5px;
color: #4a463f;
}
.co-drawer-alt a svg {
width: 19px;
height: 19px;
flex: 0 0 auto;
color: #8b857c;
}
.co-drawer-alt .co-drawer-diller { display: flex; gap: 8px; margin-top: 4px; }
.co-drawer-alt .co-drawer-diller a {
min-width: 42px;
justify-content: center;
padding: 7px 0;
border: 1px solid #e6e3de;
border-radius: 6px;
font-size: 12.5px;
letter-spacing: .06em;
}
.co-drawer-alt .co-drawer-diller a.aktif {
border-color: #2f2c28;
background: #2f2c28;
color: #fff;
}
.co-ust-ara .co-arama {
position: fixed !important;
left: 10px !important;
right: 10px !important;
top: 10px !important;
width: auto !important;
max-height: 88vh;
overflow-y: auto;
z-index: 10002;
}
.co-plp-head {
display: block;
margin-bottom: 14px;
}
.co-plp-title { font-size: clamp(26px, 7vw, 34px); }
.co-plp-sort { width: 100%; margin-top: 12px; }
.co-plp-mobilbar {
display: flex;
gap: 10px;
margin: 0 0 16px;
}
.co-plp-mobilbar button {
flex: 1;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 46px;
padding: 0 14px;
border: 1px solid #d9d5cf;
border-radius: 8px;
background: #fff;
font-family: var(--plp-font, inherit);
font-size: 14px;
font-weight: 600;
color: #2f2c28;
cursor: pointer;
}
.co-plp-mobilbar button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.co-plp-mobilbar .co-plp-filtresayi {
min-width: 20px;
height: 20px;
padding: 0 6px;
border-radius: 20px;
background: #2f2c28;
color: #fff;
font-size: 11px;
line-height: 20px;
}
.co-plp-wrap { display: block !important; }
.co-plp-side {
position: fixed !important;
top: 0;
left: 0;
bottom: 0;
z-index: 10001;
width: min(88vw, 380px);
max-width: none !important;
height: 100%;
margin: 0 !important;
padding: 0 !important;
background: #fff;
box-shadow: 0 0 40px rgba(20, 17, 14, .18);
transform: translateX(-100%);
transition: transform .28s cubic-bezier(.22, .72, .24, 1);
overflow-y: auto;
overscroll-behavior: contain;
visibility: hidden;
}
.co-plp-side.co-acik { transform: translateX(0); visibility: visible; }
.co-plp-side > .co-plp-temizle { display: none !important; }
.co-plp-side .co-plp-filtre { padding: 18px; margin: 0; border-top: 1px solid #f0eeea; }
.co-plp-side .co-plp-filtre:first-of-type { border-top: 0; }
.co-plp-side .co-plp-filtre__item { margin-bottom: 16px; }
.co-plp-side .custom-control-label { font-size: 15px; }
.co-plp-filtre--gorsel .co-plp-gkartlar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.co-plp-side-alt {
position: sticky;
bottom: 0;
margin-top: auto;
padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
background: #fff;
border-top: 1px solid #eceae6;
box-shadow: 0 -8px 18px rgba(20, 17, 14, .07);
display: flex;
gap: 10px;
z-index: 2;
}
.co-plp-side-alt button,
.co-plp-side-alt a {
flex: 1;
min-height: 46px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
font-family: var(--plp-font, inherit);
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
.co-plp-side-alt .co-plp-temizle {
flex: 0 0 40%;
border: 1px solid #d9d5cf;
background: #fff;
color: #4a463f;
text-decoration: none;
}
.co-plp-side-alt .co-plp-uygula {
border: 0;
background: #2f2c28;
color: #fff;
}
.co-plp-main { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; }
.co-plp-card__ad { font-size: 12.5px; }
.co-plp-card__fiyat { font-size: 14px; }
.co-plp-card__meta { font-size: 11px; }
.co-plp-card__sepet { font-size: 11.5px; padding: 9px 10px; }
.co-plp-secili { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
.co-plp-secili::-webkit-scrollbar { display: none; }
.co-pdp-hero { grid-template-columns: 1fr !important; min-height: 0 !important; }
.co-pdp-hero__media {
min-height: 0 !important;
aspect-ratio: 3 / 2;
}
.co-pdp-hero__copy {
padding: 24px 20px 28px !important;
text-align: center;
align-items: center;
}
.co-pdp-hero__eyebrow {
font-size: 10px;
letter-spacing: .2em;
margin: 0 0 12px !important;
}
.co-pdp-hero__title {
font-size: clamp(24px, 6.8vw, 32px) !important;
line-height: 1.16;
max-width: none !important;
margin: 0 0 12px !important;
}
.co-pdp-hero__desc {
font-size: 13.2px;
line-height: 1.58;
max-width: 42ch;
margin: 0 auto 16px !important;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.co-pdp-hero__fiyat { font-size: 20px !important; margin: 0 0 16px !important; }
.co-pdp-hero__fiyat span { font-size: 11.5px; }
.co-pdp-hero__fiyat del { font-size: 13px; }
.co-pdp-hero__etiketler { justify-content: center; gap: 7px; margin-bottom: 0; }
.co-pdp-hero__etiketler li { font-size: 11px; padding: 6px 10px; }
.co-pdp-hero__btnler {
justify-content: center;
gap: 8px;
margin-top: 18px;
width: 100%;
}
.co-pdp-hero__btn {
flex: 1 1 0;
min-width: 0;
text-align: center;
font-size: 12px;
padding: 12px 10px;
white-space: nowrap;
}
.co-pdp-hero { display: block !important; position: relative; min-height: 0 !important; overflow: hidden; }
.co-pdp-hero__media {
position: absolute !important;
inset: 0;
min-height: 0 !important;
aspect-ratio: auto !important;
background: #fff;
}
.co-pdp-hero__media img { object-position: center 30%; }
.co-pdp-hero__media::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(58, 52, 45, 0) 0%, rgba(58, 52, 45, .22) 32%, rgba(58, 52, 45, .9) 58%, var(--pdph-bg, #3a342d) 100%);
}
.co-pdp-hero__copy {
position: relative;
z-index: 2;
min-height: 370px;
padding: 190px 18px 18px !important;
text-align: left;
align-items: flex-start;
justify-content: flex-end;
}
.co-pdp-hero__eyebrow { font-size: 9.5px; letter-spacing: .18em; margin: 0 0 6px !important; }
.co-pdp-hero__title {
font-size: clamp(24px, 7vw, 32px) !important;
line-height: 1.08;
margin: 0 0 8px !important;
}
.co-pdp-hero__desc {
font-size: 12.5px;
line-height: 1.5;
max-width: none;
margin: 0 0 10px !important;
-webkit-line-clamp: 2;
}
.co-pdp-hero__fiyat { font-size: 19px !important; margin: 0 0 10px !important; }
.co-pdp-hero__fiyat span { font-size: 11px; }
.co-pdp-hero__fiyat del { font-size: 12px; }
.co-pdp-hero__etiketler { justify-content: flex-start; gap: 6px; }
.co-pdp-hero__etiketler li {
font-size: 10.5px;
padding: 5px 10px;
border-radius: 999px;
border-color: rgba(244, 239, 229, .28);
background: rgba(0, 0, 0, .18);
}
.co-pdpf__head h2,
.co-pdpt__head h2,
.co-pdpd__shell h2,
.co-pdpk h2,
.co-pdpo h2,
.co-pdpz__head h2,
.co-pdpy__head h2,
.co-pdps h2 { font-size: clamp(22px, 6.4vw, 28px) !important; line-height: 1.2; }
.co-pdpf__head p,
.co-pdpt__head p,
.co-pdpy__head p { font-size: 13.2px; line-height: 1.55; }
.co-pdpt__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; overflow: visible; }
.co-pdpt__cell { padding: 14px 12px !important; min-height: 0 !important; }
.co-pdpt__cell span { font-size: 9.5px; margin-bottom: 6px; }
.co-pdpt__cell strong { font-size: 15px; }
.co-pdp-hero { display: none !important; }
.co-pdpm { padding-top: 0 !important; }
.co-pdpm__gallery {
height: auto !important;
margin-inline: -5vw;
width: 100vw;
max-width: 100vw;
}
.co-pdpm__gviewport { height: min(80vw, calc(100vh - 160px)); aspect-ratio: auto; background: #fff; }
.co-pdpm__gscroll { background: #fff; gap: 0 !important; }
.co-pdpm__gslide { background: #fff; }
.co-pdpm__gcounter { top: 10px; right: 12px; }
.co-pdpm__gallery { border-left: 0; border-right: 0; }
.co-pdpm__gslide { padding: 40px 14px 10px; }
.co-pdpm__getiket { left: 14px; top: 16px; font-size: 9.5px; letter-spacing: .16em; }
.co-pdpm__gfooter { gap: 8px; padding: 8px 10px 10px; }
.co-pdpm__gbuyut { width: 44px; height: 44px; padding: 0; justify-content: center; }
.co-pdpm__gbuyut span { display: none; }
.co-pdpm__gthumb { flex-basis: 44px; width: 44px; height: 44px; }
.co-pdpm__gfooter { grid-template-columns: auto minmax(0, 1fr); }
.co-pdpm__gactions { position: absolute; right: 10px; bottom: 74px; z-index: 5; flex-direction: column; gap: 6px; }
.co-pdpm__gbtn { width: 38px; height: 38px; padding: 0; justify-content: center; font-size: 14px; border-radius: 50%; box-shadow: 0 6px 16px rgba(0,0,0,.18); }
.co-pdpm__gbtn span { display: none; }
.co-pdpm__gbtn[data-tip]::after, .co-pdpm__gbtn[data-tip]::before { display: none; }
.co-auth__panel { order: -1; }
.co-auth__aside { order: 2; }
.co-auth__crumbs { display: none !important; }
.co-auth__aside { padding: 34px 20px 38px !important; }
.co-auth__eyebrow { font-size: 10px; letter-spacing: .2em; }
.co-auth__title { font-size: clamp(25px, 6.8vw, 34px) !important; margin-bottom: 12px; }
.co-auth__lead { font-size: 13.5px; line-height: 1.6; margin-bottom: 20px !important; }
.co-auth__list li { font-size: 13.2px !important; }
.co-auth__destek { margin-top: 22px !important; font-size: 13px; }
.co-auth__panel { padding: 30px 20px 34px !important; }
.co-auth__head { margin-bottom: 22px; }
.co-auth__head h2 { font-size: clamp(23px, 6.2vw, 30px); }
.co-auth__head p { font-size: 13.4px; line-height: 1.55; }
.co-cat-hero { grid-template-columns: 1fr !important; min-height: 0 !important; }
.co-cat-hero__media {
order: -1;
min-height: 0 !important;
aspect-ratio: 3 / 2;
}
.co-cat-hero__media img { object-position: center bottom; }
.co-cat-hero__media::before {
background: linear-gradient(0deg, var(--cath-bg1, #3a342d) 0%, rgba(0,0,0,0) 26%) !important;
}
.co-cat-hero__copy {
padding: 26px 20px 30px !important;
text-align: center;
align-items: center;
}
.co-cat-hero__eyebrow {
font-size: 10.5px;
letter-spacing: .2em;
margin: 0 0 14px !important;
}
.co-cat-hero__title {
font-size: clamp(26px, 7.4vw, 35px) !important;
line-height: 1.14;
max-width: none !important;
margin: 0 0 14px !important;
}
.co-cat-hero__desc {
font-size: 13.8px;
line-height: 1.6;
max-width: 42ch;
margin: 0 auto 22px !important;
}
.co-cat-hero__features { justify-content: center; gap: 10px 18px; }
.co-cat-hero__features li { font-size: 13px; gap: 8px; }
.mesh-chair-strip {
width: auto !important;
max-width: 100% !important;
padding: 0 12px !important;
margin: 30px auto 32px !important;
}
.mesh-chair-strip-grid,
.mesh-chair-strip-grid[data-kart] { gap: 12px !important; }
.mesh-chair-strip-card { border-radius: 14px; }
.mesh-chair-strip-card::after {
opacity: 1;
background: linear-gradient(180deg, rgba(19,24,16,0) 46%, rgba(19,24,16,.14) 100%);
}
.mesh-chair-strip-cta {
left: 14px;
bottom: 14px;
opacity: 1;
transform: none;
pointer-events: auto;
max-width: calc(100% - 28px);
gap: 10px;
padding: 10px 10px 10px 16px;
font-size: 12.5px;
}
.mesh-chair-strip-cta-label { white-space: normal; }
.mesh-chair-strip-cta-icon { width: 30px; height: 30px; flex: 0 0 30px; font-size: 13px; }
.co-gy__nav { gap: 10px; margin-top: 20px; flex-wrap: wrap; }
.co-gy__ok { width: 34px; height: 34px; flex: 0 0 34px; font-size: 16px; }
.co-gy__bars {
flex: 1 1 auto;
min-width: 0;
flex-wrap: wrap;
justify-content: center;
gap: 5px;
}
.co-gy__bar {
width: 6px;
height: 6px;
flex: 0 0 auto;
border-radius: 50%;
}
.co-gy__bar.aktif { width: 18px; border-radius: 3px; }
.co-gy { padding: 22px 0 30px !important; }
.co-gy .container { padding-left: 12px; padding-right: 12px; }
.co-gy__panel { padding: 20px 14px 18px !important; border-radius: 16px; }
.co-gy__head { display: block; margin-bottom: 16px; }
.co-gy__kicker { font-size: 9.5px; letter-spacing: .14em; gap: 8px; margin-bottom: 8px; }
.co-gy__kicker i { width: 18px; }
.co-gy__title { font-size: 24px; line-height: 1.1; }
.co-gy__sag { margin-top: 12px; gap: 10px; }
.co-gy__sag .co-gy__g {
display: inline-flex;
width: 32px;
height: 32px;
flex: 0 0 32px;
font-size: 14px;
color: #4285F4;
box-shadow: 0 4px 12px rgba(47, 44, 40, .1);
}
.co-gy__sag strong { font-size: 12.5px; }
.co-gy__sag span { font-size: 10.5px; }
.co-gy__ray {
grid-auto-columns: 86%;
gap: 10px;
scroll-padding-left: 0;
overscroll-behavior-x: contain;
}
.co-gy__card { padding: 16px 16px 30px; min-height: 0; border-radius: 12px; }
.co-gy__card header { gap: 10px; margin-bottom: 10px; }
.co-gy__avatar { width: 38px; height: 38px; font-size: 12px; }
.co-gy__kim strong { font-size: 13.5px; }
.co-gy__kim span { font-size: 10.5px; }
.co-gy__gg { font-size: 16px; }
.co-gy__stars { font-size: 12px; letter-spacing: 2px; margin-bottom: 8px; }
.co-gy__card p { font-size: 12.5px; line-height: 1.55; -webkit-line-clamp: 5; }
.co-gy__quote { right: 14px; bottom: 6px; font-size: 26px; }
.co-gy__nav { margin-top: 14px; }
.co-rooms-section { padding: 34px 0 36px !important; }
.co-rooms-section .co-section-head {
display: block;
padding: 0 16px;
margin-bottom: 18px;
}
.co-rooms-section .co-eyebrow { margin-bottom: 8px; }
.co-rooms-section .co-section-head h2 { font-size: 30px; line-height: 1; }
.co-rooms-section .co-section-head p { display: inline-block; margin: 10px 0 0; font-size: 12.5px; white-space: normal; }
.co-rooms-section .co-section-head p::after { transform: scaleX(1); opacity: .5; }
.co-sol-grid {
display: grid;
grid-template-columns: none;
grid-auto-flow: column;
grid-auto-columns: 70%;
gap: 10px;
padding: 4px 16px 6px;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scroll-padding-left: 16px;
scrollbar-width: none;
-ms-overflow-style: none;
-webkit-overflow-scrolling: touch;
}
.co-sol-grid::-webkit-scrollbar { display: none; }
.co-sol-card {
scroll-snap-align: start;
min-width: 0;
padding: 10px 10px 14px;
border-radius: 18px;
border-color: rgba(47, 44, 40, .08);
transform: none !important;
box-shadow: 0 1px 2px rgba(47, 44, 40, .04) !important;
}
.co-sol-card::before, .co-sol-card::after { display: none; }
.co-sol-gorsel {
aspect-ratio: 4 / 3;
margin: 0 0 12px;
border-radius: 12px;
transform: none !important;
}
.co-sol-gorsel img { border-radius: 12px; object-fit: cover; }
.co-sol-metin { padding: 0 4px 0; transform: none !important; }
.co-sol-card h3 { font-size: 15px; margin: 0 0 5px; padding-right: 36px; }
.co-sol-card p {
font-size: 11.5px;
line-height: 1.45;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.co-sol-ok {
right: 12px;
bottom: 12px;
width: 28px;
height: 28px;
font-size: 12px;
transform: none !important;
}
.co-sol-noktalar:not([hidden]) {
display: flex;
justify-content: center;
gap: 5px;
margin: 14px 16px 0;
}
.co-sol-nokta {
appearance: none;
border: 0;
padding: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: rgba(47, 44, 40, .22);
transition: width .2s ease, background .2s ease;
}
.co-sol-nokta.aktif { width: 18px; border-radius: 3px; background: #2f2c28; }
.co-mutfak-hero { padding: 26px 12px 6px !important; }
.co-mutfak-hero-stage {
min-height: 0 !important;
border-radius: 20px;
box-shadow: 0 14px 34px rgba(49, 30, 23, .12);
}
.co-mutfak-hero-stage > img { object-position: 62% center; }
.co-mutfak-hero-stage::after {
background: linear-gradient(180deg, rgba(38, 11, 12, .10) 0%, rgba(38, 11, 12, .48) 42%, rgba(38, 11, 12, .92) 100%);
}
.co-mutfak-hero-copy {
min-height: 440px !important;
max-width: none;
padding: 150px 20px 22px !important;
}
.co-mutfak-hero-kicker { font-size: 9px; letter-spacing: .14em; gap: 8px; }
.co-mutfak-hero-kicker::before { width: 22px; flex: 0 0 22px; }
.co-mutfak-hero h2 {
margin: 12px 0 10px;
font-size: clamp(30px, 9vw, 40px) !important;
line-height: .98;
letter-spacing: -.045em;
}
.co-mutfak-hero-copy p {
font-size: 13px !important;
line-height: 1.6;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.co-mutfak-hero-button { min-height: 44px; margin-top: 18px; padding: 0 18px; gap: 12px; font-size: 10.5px; }
.co-mutfak-hero-note { display: none; }
#co-uretim { padding: 34px 16px 36px !important; }
#co-uretim .co-fab-head { display: block; margin-bottom: 18px; }
#co-uretim .co-fab-eyebrow { margin-bottom: 8px; }
#co-uretim .co-fab-head h2 { font-size: 30px; line-height: 1; }
#co-uretim .co-fab-head p { margin: 10px 0 0; font-size: 12.5px; text-align: left; }
#co-uretim .co-fab-grid { min-height: 0; gap: 12px; }
#co-uretim .co-fab-media { min-height: 280px !important; border-radius: 18px; }
#co-uretim .co-fab-media > a::after {
background: linear-gradient(0deg, rgba(24, 22, 20, .82) 0%, rgba(24, 22, 20, .28) 48%, rgba(24, 22, 20, 0) 100%);
}
#co-uretim .co-fab-pill { top: 12px; left: 12px; min-height: 30px; padding: 0 11px; font-size: 8.5px; }
#co-uretim .co-fab-rozet { left: 16px; right: 16px; bottom: 16px; }
#co-uretim .co-fab-rozet-kicker { margin-bottom: 6px; font-size: 8.5px; }
#co-uretim .co-fab-rozet h3 { font-size: 20px !important; line-height: 1.08; margin-bottom: 6px; }
#co-uretim .co-fab-rozet p { font-size: 11px; line-height: 1.45; }
#co-uretim .co-fab-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
#co-uretim .co-fab-kart {
height: auto;
min-height: 0;
padding: 8px 10px 12px;
border-radius: 16px;
transform: none !important;
box-shadow: none !important;
}
#co-uretim .co-fab-medya {
position: relative;
top: auto; left: auto; right: auto;
height: 104px;
margin: 0 0 10px;
border-radius: 11px;
}
#co-uretim .co-fab-govde { position: static; padding: 0 2px; }
#co-uretim .co-fab-kart h3 { font-size: 13.5px; line-height: 1.2; margin-bottom: 4px; letter-spacing: -.01em; }
#co-uretim .co-fab-kart p {
font-size: 10.5px;
line-height: 1.45;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
#co-uretim .co-fab-ok { display: none; }
.co-guven { padding: 34px 0 36px !important; }
.co-guven__head { display: block; margin-bottom: 16px; }
.co-guven__head h2 { font-size: 26px; margin-bottom: 6px !important; }
.co-guven__head p { font-size: 12.5px; }
.co-guven__grid { grid-template-columns: 1fr; gap: 10px; }
.co-guven__card {
min-height: 150px;
padding: 16px 18px;
border-radius: 18px;
transform: none !important;
box-shadow: none !important;
}
.co-guven__card::before { background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.70)); }
.co-guven__ic h3 { font-size: 19px; margin-bottom: 4px; }
.co-guven__ic p { font-size: 12.5px; margin-bottom: 10px; }
.co-guven__btn { padding: 8px 14px; font-size: 12px; }
.export-solutions-v291 { padding: 34px 16px 38px !important; scroll-margin-top: 80px; }
.export-v291-head { display: block; margin-bottom: 18px; }
.export-v291-eyebrow { margin-bottom: 10px; }
.export-v291-head h2 { font-size: 32px !important; line-height: .98; }
.export-v291-intro { margin: 10px 0 0; font-size: 12.5px !important; line-height: 1.55; }
.export-v291-grid { grid-template-columns: 1fr; gap: 12px; }
.export-v291-card { border-radius: 18px; transform: none !important; box-shadow: 0 6px 18px rgba(30, 38, 33, .05) !important; }
.export-v291-media { height: 160px !important; }
.export-v291-card-franchise .export-v291-media img { padding: 14px; }
.export-v291-body {
min-height: 0 !important;
padding: 16px 16px 16px !important;
grid-template-columns: minmax(0, 1fr) 36px;
gap: 12px;
}
.export-v291-kicker { margin-bottom: 7px; font-size: 8.5px; }
.export-v291-body h3 { font-size: 21px !important; margin-bottom: 7px; }
.export-v291-body p {
font-size: 12px !important;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.export-v291-arrow { width: 36px; height: 36px; font-size: 15px; }
.co-blog { padding: 34px 0 36px !important; }
.co-blog__head { margin-bottom: 18px; }
.co-blog__kicker { font-size: 9.5px; letter-spacing: .14em; margin-bottom: 8px; }
.co-blog__head h2 { font-size: 24px; margin-bottom: 10px; }
.co-blog__cizgi { width: 26px; }
.co-blog__tumu { position: static; display: inline-block; margin-top: 10px; font-size: 10px; }
.co-blog__grid { grid-template-columns: 1fr; gap: 0; }
.co-blog__card:first-child { padding-bottom: 16px; }
.co-blog__card:first-child .co-blog__media { aspect-ratio: 16 / 10; border-radius: 14px; }
.co-blog__card:first-child .co-blog__etiket { margin: 12px 0 6px; }
.co-blog__card:first-child h3 { font-size: 17px; }
.co-blog__card:first-child p { font-size: 12.5px; margin-bottom: 10px; }
.co-blog__card:first-child .co-blog__incele { font-size: 10.5px; }
.co-blog__card:nth-child(n+2) {
display: grid;
grid-template-columns: 84px minmax(0, 1fr);
grid-template-rows: 1fr auto auto 1fr;
column-gap: 12px;
align-items: start;
padding: 12px 0;
border-top: 1px solid rgba(47, 44, 40, .10);
}
.co-blog__card:nth-child(n+2) .co-blog__media {
grid-column: 1;
grid-row: 1 / -1;
align-self: center;
aspect-ratio: 1 / 1;
border-radius: 10px;
}
.co-blog__card:nth-child(n+2) .co-blog__etiket { grid-column: 2; grid-row: 2; margin: 0 0 3px; font-size: 9px; }
.co-blog__card:nth-child(n+2) h3 { grid-column: 2; grid-row: 3; font-size: 14px; line-height: 1.3; margin: 0; }
.co-blog__card:nth-child(n+2) p,
.co-blog__card:nth-child(n+2) .co-blog__incele { display: none; }
.co-blog__card:last-child { border-bottom: 1px solid rgba(47, 44, 40, .10); }
.co-cat-hero {
display: block !important;
position: relative;
min-height: 0 !important;
border-radius: 0;
overflow: hidden;
}
.co-cat-hero__media {
position: absolute !important;
inset: 0;
order: 0;
min-height: 0 !important;
aspect-ratio: auto !important;
}
.co-cat-hero__media img { object-position: center 70%; }
.co-cat-hero__media::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.28) 35%, var(--cath-bg1, #3a342d) 100%) !important;
opacity: .96;
}
.co-cat-hero__copy {
position: relative;
z-index: 2;
order: 0;
min-height: 320px;
padding: 130px 18px 20px !important;
text-align: left;
align-items: flex-start;
justify-content: flex-end;
}
.co-cat-hero__eyebrow { font-size: 9.5px; letter-spacing: .18em; margin: 0 0 8px !important; }
.co-cat-hero__title {
font-size: clamp(26px, 7.6vw, 34px) !important;
line-height: 1.05;
margin: 0 0 8px !important;
}
.co-cat-hero__desc {
font-size: 12.5px !important;
line-height: 1.5;
max-width: none;
margin: 0 0 12px !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.co-cat-hero__features {
flex-direction: row !important;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
gap: 6px !important;
}
.co-cat-hero__features li {
font-size: 10.5px;
gap: 6px;
padding: 5px 10px 5px 8px;
border: 1px solid rgba(255, 255, 255, .22);
border-radius: 999px;
background: rgba(0, 0, 0, .22);
}
.co-cat-hero__features li::before { width: 5px; height: 5px; }
nav[aria-label="breadcrumb"].py-3 { padding: 6px 0 !important; }
nav[aria-label="breadcrumb"] .breadcrumb { font-size: 12px; scrollbar-width: none; -ms-overflow-style: none; }
nav[aria-label="breadcrumb"] .breadcrumb::-webkit-scrollbar { display: none; }
nav[aria-label="breadcrumb"] .breadcrumb-item + .breadcrumb-item { padding-left: 6px; }
nav[aria-label="breadcrumb"] .breadcrumb-item + .breadcrumb-item::before { padding-right: 6px; }
.co-plp-head { margin: 16px 0 12px !important; }
.co-plp-title { font-size: 22px !important; }
.co-plp-alt { font-size: 12px; }
.co-plp-sort { margin-top: 8px; }
.co-plp-main .row { margin-left: -5px; margin-right: -5px; }
.co-plp-main .row > .col-md-6 {
flex: 0 0 50%;
max-width: 50%;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 14px !important;
}
.co-plp-card__media { min-height: 0 !important; aspect-ratio: 1 / 1; border-radius: 10px; }
.co-plp-card__rozet { top: 8px; left: 8px; font-size: 9px; padding: 5px 8px; letter-spacing: .08em; }
.co-plp-card__body { padding: 9px 2px 0; }
.co-plp-card__ad {
font-size: 12px !important;
letter-spacing: .03em;
line-height: 1.25;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 3px;
}
.co-plp-card__meta { font-size: 10.5px !important; }
.co-plp-card__alt {
flex-direction: column;
align-items: stretch;
gap: 8px;
padding-top: 8px;
}
.co-plp-card__fiyat { font-size: 14.5px !important; }
.co-plp-card__fiyat del { display: inline; margin-left: 6px; font-size: 11px; }
.co-plp-card__btn { text-align: center; font-size: 11px; padding: 8px 10px; border-radius: 999px; }
.co-ara, .co-yeni, .transform-section, .export-solutions-v291 { max-width: 100vw; overflow-x: hidden; }
.mesh-chair-strip { display: none !important; }
.co-yeni {
padding: 36px 8px 44px;
border-bottom: 0;
background:
radial-gradient(ellipse at 0 15%, rgba(222, 212, 194, .38), transparent 60%),
linear-gradient(150deg, #f8f6f2, #eeede8);
}
.co-yeni__bas {
flex-direction: column;
align-items: center;
gap: 14px;
margin-bottom: 26px;
text-align: center;
}
.co-yeni__bas h2 {
font-size: clamp(29px, 8vw, 38px);
line-height: 1.2;
}
.co-yeni__el { margin-right: 3px; }
.co-yeni__aks { padding-top: 0; }
.co-yeni__tumu {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 36px;
padding: 0 16px;
border: 0;
border-radius: 999px;
background: rgba(255, 255, 255, .75);
box-shadow: 0 3px 10px rgba(58, 47, 33, .04);
font-size: 10px;
letter-spacing: .12em;
}
.co-yeni__tumu::after { content: "\2197"; font-size: 16px; line-height: 1; }
.co-yeni__ok { display: none !important; }
.co-yeni__ray {
grid-auto-flow: row;
grid-auto-columns: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px 7px;
overflow: visible;
scroll-snap-type: none;
}
.co-yeni__kart {
scroll-snap-align: none;
display: flex;
flex-direction: column;
background: linear-gradient(165deg, #faf9f6 0%, #f6f4ef 46%, #fff 78%);
border: 0;
border-radius: 22px;
padding: 0;
overflow: hidden;
box-shadow: 0 12px 26px -9px rgba(65, 51, 32, .18), 0 3px 8px rgba(65, 51, 32, .035);
font-family: "Avenir Next", "Segoe UI", Arial, sans-serif;
}
.co-yeni__gorsel {
min-height: 0;
aspect-ratio: 1 / 1;
border-radius: 0;
background: transparent;
border: 0;
}
.co-yeni__rozet {
max-width: calc(100% - 16px);
font-size: 9px;
line-height: 1.25;
padding: 5px 7px;
border-radius: 5px;
letter-spacing: .015em;
}
.co-yeni__rozet--indirim { top: 8px; left: 8px; }
.co-yeni__rozet--stok    { top: 8px; right: 8px; }
.co-yeni__rozet--indirim ~ .co-yeni__rozet--stok { top: auto; bottom: 8px; }
.co-yeni__bilgi { flex: 1 1 auto; padding: 4px 10px 0; text-align: center; }
.co-yeni__bilgi h3 {
font-family: inherit;
font-size: 12.5px;
font-weight: 600;
line-height: 1.4;
min-height: 2.8em;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: .01em;
margin-bottom: 8px;
color: #514b43;
}
.co-yeni__bilgi h3 a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.co-yeni__fiyat {
font-size: clamp(16px, 4.8vw, 20px);
font-weight: 700;
line-height: 1.35;
letter-spacing: -.035em;
color: #292620;
font-variant-numeric: tabular-nums;
margin-bottom: 0;
}
.co-yeni__fiyat del {
display: block;
margin: 4px 0 0;
font-size: 11px;
font-weight: 400;
letter-spacing: 0;
}
.co-yeni__bilgi .fabric-colours { margin-top: 9px; }
.co-yeni__bilgi .fabric-colours ul { justify-content: center; }
.co-yeni__hizli {
position: static;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 44px;
margin: 15px 12px 14px;
padding: 10px 6px;
border: 0;
border-radius: 13px;
background: linear-gradient(135deg, #49443d, #2d2924);
box-shadow: 0 5px 10px rgba(47, 40, 30, .15);
color: #fff;
font-family: inherit;
font-size: 10px;
font-weight: 700;
line-height: 1.3;
letter-spacing: .015em;
opacity: 1;
transform: none;
pointer-events: auto;
}
.co-yeni__hizli::before {
content: "";
flex: 0 0 16px;
width: 16px;
height: 18px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18' fill='none' stroke='%23e5d6bd' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h12l1 10H1L2 6Z'/%3E%3Cpath d='M5 7V4a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") center / contain no-repeat;
}
.co-yeni__hizli:hover,
.co-yeni__hizli:active { background: #25211c; color: #fff; }
.co-yeni__kart a:focus-visible { outline: 2px solid #d71920; outline-offset: -3px; }
.table-responsive { overflow-x: auto; }
.co-plp-side.co-acik ~ .whatsapp-btn,
body.co-mobil-kilit .whatsapp-btn { z-index: 9998; }
}
@media (max-width: 575.98px) {
.co-plp-main { gap: 10px !important; }
.co-plp-filtre--gorsel .co-plp-gkartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.co-cat-hero__features {
flex-direction: column;
align-items: center;
gap: 9px;
}
.co-cat-hero__desc { font-size: 13.4px; margin-bottom: 20px !important; }
.u-header .navbar-brand img { max-height: 32px; }
.u-header .co-ust-strip .co-ust-orta { font-size: 10.5px; }
.u-header .co-ust-aks .co-ust-ikon,
.u-header .co-ust-aks .co-ust-sepet > a,
.u-header .co-ust-aks .cart-trigger { width: 36px; height: 36px; }
.u-header .co-ust-aks .co-ust-ikon svg,
.u-header .co-ust-aks .co-ust-sepet svg,
.u-header .co-ust-aks .co-ust-hesap svg { width: 19px; height: 19px; }
.u-header .navbar-brand,
.u-header .u-header__navbar-brand-collapsed { max-width: calc(100vw - 168px); }
.u-header .navbar-toggler.u-hamburger { margin-right: 8px !important; }
}
@media (max-width: 360px) {
.u-header .co-ust-strip .co-ust-orta { display: none; }
.u-header .navbar-brand,
.u-header .u-header__navbar-brand-collapsed { max-width: calc(100vw - 156px); }
}
@media (max-width: 480px) {
.co-firsat { padding: 14px 14px 12px; }
.co-firsat__baslik { font-size: 19px; }
.co-firsat__kutu { min-width: 0; flex: 1; padding: 7px 2px 5px; }
.co-firsat__kutu b { font-size: 24px; }
.co-firsat__kutu small { font-size: 8.5px; letter-spacing: .1em; }
.co-firsat__ayrac { font-size: 16px; }
}