.fa, .fas, .far, .fal, .fab { -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: 0.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 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.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(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -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; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-abacus:before { content: "\f640"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acorn:before { content: "\f6ae"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-message-pen:before { content: "\f4a4"; } .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-square-info:before { content: "\f30f"; } .fa-note-sticky:before { content: "\f249"; } .fa-discord:before { content: "\f392"; } .fa-message-dots:before { content: "\f4a3"; } .fa-paper-plane-top:before { content: "\e20a"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-messages-dollar:before { content: "\f652"; } .fa-circle-dollar:before { content: "\f2e8"; } .fa-vk:before { content: "\f189"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-alarm-clock:before { content: "\f34e"; } .fa-algolia:before { content: "\f36c"; } .fa-alicorn:before { content: "\f6b0"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-circle-info:before { content: "\f05a"; } .fa-square-question:before { content: "\f2fd"; } .fa-circle-play:before { content: "\f144"; } .fa-rectangle-history-circle-plus:before { content: "\e4a3"; } .fa-gear:before { content: "\f013"; } .fa-face-awesome:before { content: "\e409"; } .fa-signal-stream:before { content: "\f8dd"; } .fa-paper-plane-top:before { content: "\e20a"; } .fa-rectangle-history-circle-plus:before { content: "\e4a3"; } .fa-rectangle-history:before { content: "\e4a2"; } .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-circle-dot:before { content: "\f192"; } .fa-clock-rotate-left:before { content: "\f1da"; } .fa-analytics:before { content: "\f643"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-left:before { content: "\f053"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angel:before { content: "\f779"; } .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-crate:before { content: "\f6b1"; } .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-alt-down:before { content: "\f354"; } .fa-arrow-alt-from-bottom:before { content: "\f346"; } .fa-arrow-alt-from-left:before { content: "\f347"; } .fa-arrow-alt-from-right:before { content: "\f348"; } .fa-arrow-alt-from-top:before { content: "\f349"; } .fa-arrow-alt-left:before { content: "\f355"; } .fa-arrow-alt-right:before { content: "\f356"; } .fa-arrow-alt-square-down:before { content: "\f350"; } .fa-arrow-alt-square-left:before { content: "\f351"; } .fa-arrow-alt-square-right:before { content: "\f352"; } .fa-arrow-alt-square-up:before { content: "\f353"; } .fa-arrow-alt-to-bottom:before { content: "\f34a"; } .fa-arrow-alt-to-left:before { content: "\f34b"; } .fa-arrow-alt-to-right:before { content: "\f34c"; } .fa-arrow-alt-to-top:before { content: "\f34d"; } .fa-arrow-alt-up:before { content: "\f357"; } .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-from-bottom:before { content: "\f342"; } .fa-arrow-from-left:before { content: "\f343"; } .fa-arrow-from-right:before { content: "\f344"; } .fa-arrow-from-top:before { content: "\f345"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-square-down:before { content: "\f339"; } .fa-arrow-square-left:before { content: "\f33a"; } .fa-arrow-square-right:before { content: "\f33b"; } .fa-arrow-square-up:before { content: "\f33c"; } .fa-arrow-to-bottom:before { content: "\f33d"; } .fa-arrow-to-left:before { content: "\f33e"; } .fa-arrow-to-right:before { content: "\f340"; } .fa-arrow-to-top:before { content: "\f341"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows:before { content: "\f047"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-arrows-h:before { content: "\f07e"; } .fa-arrows-v:before { content: "\f07d"; } .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-atom-alt:before { content: "\f5d3"; } .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-axe:before { content: "\f6b2"; } .fa-axe-battle:before { content: "\f6b3"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backpack:before { content: "\f5d4"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-badge:before { content: "\f335"; } .fa-badge-check:before { content: "\f336"; } .fa-badge-dollar:before { content: "\f645"; } .fa-badge-percent:before { content: "\f646"; } .fa-badger-honey:before { content: "\f6b4"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ball-pile:before { content: "\f77e"; } .fa-ballot:before { content: "\f732"; } .fa-ballot-check:before { content: "\f733"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-barcode-alt:before { content: "\f463"; } .fa-barcode-read:before { content: "\f464"; } .fa-barcode-scan:before { content: "\f465"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball:before { content: "\f432"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-basketball-hoop:before { content: "\f435"; } .fa-bat:before { content: "\f6b5"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-bolt:before { content: "\f376"; } .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-slash:before { content: "\f377"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-school:before { content: "\f5d5"; } .fa-bell-school-slash:before { content: "\f5d6"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bells:before { content: "\f77f"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blanket:before { content: "\f498"; } .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-bone-break:before { content: "\f5d8"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-alt:before { content: "\f5d9"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-heart:before { content: "\f499"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-book-spells:before { content: "\f6b8"; } .fa-book-user:before { content: "\f7e7"; } .fa-bookmark:before { content: "\f02e"; } .fa-books:before { content: "\f5db"; } .fa-books-medical:before { content: "\f7e8"; } .fa-boot:before { content: "\f782"; } .fa-booth-curtain:before { content: "\f734"; } .fa-bow-arrow:before { content: "\f6b9"; } .fa-bowling-ball:before { content: "\f436"; } .fa-bowling-pins:before { content: "\f437"; } .fa-box:before { content: "\f466"; } .fa-box-alt:before { content: "\f49a"; } .fa-box-ballot:before { content: "\f735"; } .fa-box-check:before { content: "\f467"; } .fa-box-fragile:before { content: "\f49b"; } .fa-box-full:before { content: "\f49c"; } .fa-box-heart:before { content: "\f49d"; } .fa-box-open:before { content: "\f49e"; } .fa-box-up:before { content: "\f49f"; } .fa-box-usd:before { content: "\f4a0"; } .fa-boxes:before { content: "\f468"; } .fa-boxes-alt:before { content: "\f4a1"; } .fa-boxing-glove:before { content: "\f438"; } .fa-brackets:before { content: "\f7e9"; } .fa-brackets-curly:before { content: "\f7ea"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-loaf:before { content: "\f7eb"; } .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-browser:before { content: "\f37e"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-bullseye-arrow:before { content: "\f648"; } .fa-bullseye-pointer:before { content: "\f649"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-burrito:before { content: "\f7ed"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-bus-school:before { content: "\f5dd"; } .fa-business-time:before { content: "\f64a"; } .fa-buysellads:before { content: "\f20d"; } .fa-cabinet-filing:before { content: "\f64b"; } .fa-calculator:before { content: "\f1ec"; } .fa-calculator-alt:before { content: "\f64c"; } .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-edit:before { content: "\f333"; } .fa-calendar-exclamation:before { content: "\f334"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-star:before { content: "\f736"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-alt:before { content: "\f332"; } .fa-camera-retro:before { content: "\f083"; } .fa-campfire:before { content: "\f6ba"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candle-holder:before { content: "\f6bc"; } .fa-candy-cane:before { content: "\f786"; } .fa-candy-corn:before { content: "\f6bd"; } .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-bump:before { content: "\f5e0"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-garage:before { content: "\f5e2"; } .fa-car-mechanic:before { content: "\f5e3"; } .fa-car-side:before { content: "\f5e4"; } .fa-car-tilt:before { content: "\f5e5"; } .fa-car-wash:before { content: "\f5e6"; } .fa-caret-circle-down:before { content: "\f32d"; } .fa-caret-circle-left:before { content: "\f32e"; } .fa-caret-circle-right:before { content: "\f330"; } .fa-caret-circle-up:before { content: "\f331"; } .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-cauldron:before { content: "\f6bf"; } .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-chair-office:before { content: "\f6c1"; } .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-line-down:before { content: "\f64d"; } .fa-chart-network:before { content: "\f78a"; } .fa-chart-pie:before { content: "\f200"; } .fa-chart-pie-alt:before { content: "\f64e"; } .fa-chart-scatter:before { content: "\f7ee"; } .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-cheese-swiss:before { content: "\f7f0"; } .fa-cheeseburger:before { content: "\f7f1"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-bishop-alt:before { content: "\f43b"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-clock:before { content: "\f43d"; } .fa-chess-clock-alt:before { content: "\f43e"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-king-alt:before { content: "\f440"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-knight-alt:before { content: "\f442"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-pawn-alt:before { content: "\f444"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-queen-alt:before { content: "\f446"; } .fa-chess-rook:before { content: "\f447"; } .fa-chess-rook-alt:before { content: "\f448"; } .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-double-down:before { content: "\f322"; } .fa-chevron-double-left:before { content: "\f323"; } .fa-chevron-double-right:before { content: "\f324"; } .fa-chevron-double-up:before { content: "\f325"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-square-down:before { content: "\f329"; } .fa-chevron-square-left:before { content: "\f32a"; } .fa-chevron-square-right:before { content: "\f32b"; } .fa-chevron-square-up:before { content: "\f32c"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chimney:before { content: "\f78b"; } .fa-chrome:before { content: "\f268"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-claw-marks:before { content: "\f6c2"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clipboard-list-check:before { content: "\f737"; } .fa-clipboard-prescription:before { content: "\f5e8"; } .fa-clipboard-user:before { content: "\f7f3"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-drizzle:before { content: "\f738"; } .fa-cloud-hail:before { content: "\f739"; } .fa-cloud-hail-mixed:before { content: "\f73a"; } .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-rainbow:before { content: "\f73e"; } .fa-cloud-showers:before { content: "\f73f"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sleet:before { content: "\f741"; } .fa-cloud-snow:before { content: "\f742"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-clouds:before { content: "\f744"; } .fa-clouds-moon:before { content: "\f745"; } .fa-clouds-sun:before { content: "\f746"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-club:before { content: "\f327"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-code-commit:before { content: "\f386"; } .fa-code-merge:before { content: "\f387"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-coffee-togo:before { content: "\f6c5"; } .fa-coffin:before { content: "\f6c6"; } .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-alt-check:before { content: "\f4a2"; } .fa-comment-alt-dollar:before { content: "\f650"; } .fa-comment-alt-dots:before { content: "\f4a3"; } .fa-comment-alt-edit:before { content: "\f4a4"; } .fa-comment-alt-exclamation:before { content: "\f4a5"; } .fa-comment-alt-lines:before { content: "\f4a6"; } .fa-comment-alt-medical:before { content: "\f7f4"; } .fa-comment-alt-minus:before { content: "\f4a7"; } .fa-comment-alt-plus:before { content: "\f4a8"; } .fa-comment-alt-slash:before { content: "\f4a9"; } .fa-comment-alt-smile:before { content: "\f4aa"; } .fa-comment-alt-times:before { content: "\f4ab"; } .fa-comment-check:before { content: "\f4ac"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-edit:before { content: "\f4ae"; } .fa-comment-exclamation:before { content: "\f4af"; } .fa-comment-lines:before { content: "\f4b0"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-minus:before { content: "\f4b1"; } .fa-comment-plus:before { content: "\f4b2"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comment-smile:before { content: "\f4b4"; } .fa-comment-times:before { content: "\f4b5"; } .fa-comments:before { content: "\f086"; } .fa-comments-alt:before { content: "\f4b6"; } .fa-comments-alt-dollar:before { content: "\f652"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compass-slash:before { content: "\f5e9"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-compress-wide:before { content: "\f326"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-container-storage:before { content: "\f4b7"; } .fa-contao:before { content: "\f26d"; } .fa-conveyor-belt:before { content: "\f46e"; } .fa-conveyor-belt-alt:before { content: "\f46f"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-corn:before { content: "\f6c7"; } .fa-couch:before { content: "\f4b8"; } .fa-cow:before { content: "\f6c8"; } .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-credit-card-blank:before { content: "\f389"; } .fa-credit-card-front:before { content: "\f38a"; } .fa-cricket:before { content: "\f449"; } .fa-critical-role:before { content: "\f6c9"; } .fa-croissant:before { content: "\f7f6"; } .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-crutches:before { content: "\f7f8"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-curling:before { content: "\f44a"; } .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-dagger:before { content: "\f6cb"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-debug:before { content: "\f7f9"; } .fa-deer:before { content: "\f78e"; } .fa-deer-rudolph:before { content: "\f78f"; } .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-desktop-alt:before { content: "\f390"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dewpoint:before { content: "\f748"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diamond:before { content: "\f219"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d10:before { content: "\f6cd"; } .fa-dice-d12:before { content: "\f6ce"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d4:before { content: "\f6d0"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-d8:before { content: "\f6d2"; } .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-diploma:before { content: "\f5ea"; } .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-do-not-enter:before { content: "\f5ec"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dog-leashed:before { content: "\f6d4"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-empty:before { content: "\f473"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-dolly-flatbed-alt:before { content: "\f475"; } .fa-dolly-flatbed-empty:before { content: "\f476"; } .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-circle:before { content: "\f5ed"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-draw-square:before { content: "\f5ef"; } .fa-dreidel:before { content: "\f792"; } .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:before { content: "\f6d6"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-duck:before { content: "\f6d8"; } .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-ear:before { content: "\f5f0"; } .fa-ear-muffs:before { content: "\f795"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-eclipse:before { content: "\f749"; } .fa-eclipse-alt:before { content: "\f74a"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-egg-fried:before { content: "\f7fc"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-elephant:before { content: "\f6da"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-h-alt:before { content: "\f39b"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ellipsis-v-alt:before { content: "\f39c"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-empty-set:before { content: "\f656"; } .fa-engine-warning:before { content: "\f5f2"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-dollar:before { content: "\f657"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-exchange:before { content: "\f0ec"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-square:before { content: "\f321"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows:before { content: "\f31d"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expand-wide:before { content: "\f320"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link:before { content: "\f08e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square:before { content: "\f14c"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-evil:before { content: "\f6db"; } .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-bag-shoping:before { content: "\f290"; } .fa-bars-staggered:before { content: "\f550"; } .fa-earth-africa:before { content: "\f57c"; } .fa-facebook-square:before { content: "\f082"; } .fa-message-lines:before { content: "\f4a6"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-field-hockey:before { content: "\f44c"; } .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-certificate:before { content: "\f5f3"; } .fa-file-chart-line:before { content: "\f659"; } .fa-file-chart-pie:before { content: "\f65a"; } .fa-file-check:before { content: "\f316"; } .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-edit:before { content: "\f31c"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-exclamation:before { content: "\f31a"; } .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-minus:before { content: "\f318"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-plus:before { content: "\f319"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-spreadsheet:before { content: "\f65b"; } .fa-file-times:before { content: "\f317"; } .fa-file-upload:before { content: "\f574"; } .fa-file-user:before { content: "\f65c"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-files-medical:before { content: "\f7fd"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-film-alt:before { content: "\f3a0"; } .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-fire-smoke:before { content: "\f74b"; } .fa-firefox:before { content: "\f269"; } .fa-fireplace:before { content: "\f79a"; } .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-fish-cooked:before { content: "\f7fe"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-alt:before { content: "\f74c"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flame:before { content: "\f6df"; } .fa-flask:before { content: "\f0c3"; } .fa-flask-poison:before { content: "\f6e0"; } .fa-flask-potion:before { content: "\f6e1"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flower:before { content: "\f7ff"; } .fa-flower-daffodil:before { content: "\f800"; } .fa-flower-tulip:before { content: "\f801"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-fog:before { content: "\f74e"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-folder-times:before { content: "\f65f"; } .fa-folder-tree:before { content: "\f802"; } .fa-folders:before { content: "\f660"; } .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-football-helmet:before { content: "\f44f"; } .fa-forklift:before { content: "\f47a"; } .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-fragile:before { content: "\f4bb"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-french-fries:before { content: "\f803"; } .fa-frog:before { content: "\f52e"; } .fa-frosty-head:before { content: "\f79b"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-function:before { content: "\f661"; } .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-gas-pump-slash:before { content: "\f5f4"; } .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-gift-card:before { content: "\f663"; } .fa-gifts:before { content: "\f79c"; } .fa-gingerbread-man:before { content: "\f79d"; } .fa-git:before { content: "\f1d3"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass:before { content: "\f804"; } .fa-glass-champagne:before { content: "\f79e"; } .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-glass-whiskey-rocks:before { content: "\f7a1"; } .fa-glasses:before { content: "\f530"; } .fa-glasses-alt:before { content: "\f5f5"; } .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-globe-snow:before { content: "\f7a3"; } .fa-globe-stand:before { content: "\f5f6"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-golf-club:before { content: "\f451"; } .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-h1:before { content: "\f313"; } .fa-h2:before { content: "\f314"; } .fa-h3:before { content: "\f315"; } .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-hammer-war:before { content: "\f6e4"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-heart:before { content: "\f4bc"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-box:before { content: "\f47b"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-magic:before { content: "\f6e5"; } .fa-hand-holding-seedling:before { content: "\f4bf"; } .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-receiving:before { content: "\f47c"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-heart:before { content: "\f4c3"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-usd:before { content: "\f4c5"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt:before { content: "\f4c6"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-santa:before { content: "\f7a7"; } .fa-hat-winter:before { content: "\f7a8"; } .fa-hat-witch:before { content: "\f6e7"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-haykal:before { content: "\f666"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side:before { content: "\f6e9"; } .fa-head-side-brain:before { content: "\f808"; } .fa-head-side-medical:before { content: "\f809"; } .fa-head-vr:before { content: "\f6ea"; } .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-heart-circle:before { content: "\f4c7"; } .fa-heart-rate:before { content: "\f5f8"; } .fa-heart-square:before { content: "\f4c8"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-helmet-battle:before { content: "\f6eb"; } .fa-hexagon:before { content: "\f312"; } .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-mask:before { content: "\f6ee"; } .fa-hockey-puck:before { content: "\f453"; } .fa-hockey-sticks:before { content: "\f454"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-home-alt:before { content: "\f80a"; } .fa-home-heart:before { content: "\f4c9"; } .fa-home-lg:before { content: "\f80b"; } .fa-home-lg-alt:before { content: "\f80c"; } .fa-hood-cloak:before { content: "\f6ef"; } .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-hospitals:before { content: "\f80e"; } .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-flood:before { content: "\f74f"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-humidity:before { content: "\f750"; } .fa-hurricane:before { content: "\f751"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-ice-skate:before { content: "\f7ac"; } .fa-icicles:before { content: "\f7ad"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-inbox-in:before { content: "\f310"; } .fa-inbox-out:before { content: "\f311"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-industry-alt:before { content: "\f3b3"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-info-square:before { content: "\f30f"; } .fa-inhaler:before { content: "\f5f9"; } .fa-instagram:before { content: "\f16d"; } .fa-integral:before { content: "\f667"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-intersection:before { content: "\f668"; } .fa-inventory:before { content: "\f480"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-island-tropical:before { content: "\f811"; } .fa-italic:before { content: "\f033"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-jack-o-lantern:before { content: "\f30e"; } .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-key-skeleton:before { content: "\f6f3"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-keynote:before { content: "\f66c"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kidneys:before { content: "\f5fb"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kite:before { content: "\f6f4"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-knife-kitchen:before { content: "\f6f5"; } .fa-korvue:before { content: "\f42f"; } .fa-lambda:before { content: "\f66e"; } .fa-lamp:before { content: "\f4ca"; } .fa-landmark:before { content: "\f66f"; } .fa-landmark-alt:before { content: "\f752"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-layer-minus:before { content: "\f5fe"; } .fa-layer-plus:before { content: "\f5ff"; } .fa-leaf:before { content: "\f06c"; } .fa-leaf-heart:before { content: "\f4cb"; } .fa-leaf-maple:before { content: "\f6f6"; } .fa-leaf-oak:before { content: "\f6f7"; } .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:before { content: "\f149"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up:before { content: "\f148"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-lightbulb-dollar:before { content: "\f670"; } .fa-lightbulb-exclamation:before { content: "\f671"; } .fa-lightbulb-on:before { content: "\f672"; } .fa-lightbulb-slash:before { content: "\f673"; } .fa-lights-holiday:before { content: "\f7b2"; } .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-lips:before { content: "\f600"; } .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:before { content: "\f601"; } .fa-location-arrow:before { content: "\f124"; } .fa-location-circle:before { content: "\f602"; } .fa-location-slash:before { content: "\f603"; } .fa-lock:before { content: "\f023"; } .fa-lock-alt:before { content: "\f30d"; } .fa-lock-open:before { content: "\f3c1"; } .fa-lock-open-alt:before { content: "\f3c2"; } .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-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-loveseat:before { content: "\f4cc"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luchador:before { content: "\f455"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lyft:before { content: "\f3c3"; } .fa-mace:before { content: "\f6f8"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailbox:before { content: "\f813"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-mandolin:before { content: "\f6f9"; } .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-marker-alt-slash:before { content: "\f605"; } .fa-map-marker-check:before { content: "\f606"; } .fa-map-marker-edit:before { content: "\f607"; } .fa-map-marker-exclamation:before { content: "\f608"; } .fa-map-marker-minus:before { content: "\f609"; } .fa-map-marker-plus:before { content: "\f60a"; } .fa-map-marker-question:before { content: "\f60b"; } .fa-map-marker-slash:before { content: "\f60c"; } .fa-map-marker-smile:before { content: "\f60d"; } .fa-map-marker-times:before { content: "\f60e"; } .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-meat:before { content: "\f814"; } .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-megaphone:before { content: "\f675"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-mind-share:before { content: "\f677"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-hexagon:before { content: "\f307"; } .fa-minus-octagon:before { content: "\f308"; } .fa-minus-square:before { content: "\f146"; } .fa-mistletoe:before { content: "\f7b4"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-mobile-android:before { content: "\f3ce"; } .fa-mobile-android-alt:before { content: "\f3cf"; } .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-monitor-heart-rate:before { content: "\f611"; } .fa-monkey:before { content: "\f6fb"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-moon-cloud:before { content: "\f754"; } .fa-moon-stars:before { content: "\f755"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mountains:before { content: "\f6fd"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-mug-marshmallows:before { content: "\f7b7"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-narwhal:before { content: "\f6fe"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-nintendo-switch:before { content: "\f418"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-octagon:before { content: "\f306"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-oil-temp:before { content: "\f614"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-omega:before { content: "\f67a"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-ornament:before { content: "\f7b8"; } .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-brush-alt:before { content: "\f5a9"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-pallet-alt:before { content: "\f483"; } .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-parking-circle:before { content: "\f615"; } .fa-parking-circle-slash:before { content: "\f616"; } .fa-parking-slash:before { content: "\f617"; } .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-paw-alt:before { content: "\f701"; } .fa-paw-claws:before { content: "\f702"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pegasus:before { content: "\f703"; } .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:before { content: "\f040"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-paintbrush:before { content: "\f618"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-pennant:before { content: "\f456"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-person-carry:before { content: "\f4cf"; } .fa-person-dolly:before { content: "\f4d0"; } .fa-person-dolly-empty:before { content: "\f4d1"; } .fa-person-sign:before { content: "\f757"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-office:before { content: "\f67d"; } .fa-phone-plus:before { content: "\f4d2"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-php:before { content: "\f457"; } .fa-pi:before { content: "\f67e"; } .fa-pie:before { content: "\f705"; } .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-pig:before { content: "\f706"; } .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:before { content: "\f817"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-alt:before { content: "\f3de"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-hexagon:before { content: "\f300"; } .fa-plus-octagon:before { content: "\f301"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-podium:before { content: "\f680"; } .fa-podium-star:before { content: "\f758"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poll-people:before { content: "\f759"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-popcorn:before { content: "\f819"; } .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-presentation:before { content: "\f685"; } .fa-print:before { content: "\f02f"; } .fa-print-search:before { content: "\f81a"; } .fa-print-slash:before { content: "\f686"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pumpkin:before { content: "\f707"; } .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-question-square:before { content: "\f2fd"; } .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-rabbit:before { content: "\f708"; } .fa-rabbit-fast:before { content: "\f709"; } .fa-racquet:before { content: "\f45a"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-raindrops:before { content: "\f75c"; } .fa-ram:before { content: "\f70a"; } .fa-ramp-loading:before { content: "\f4d4"; } .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-rectangle-landscape:before { content: "\f2fa"; } .fa-rectangle-portrait:before { content: "\f2fb"; } .fa-rectangle-wide:before { content: "\f2fc"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-renren:before { content: "\f18b"; } .fa-repeat:before { content: "\f363"; } .fa-repeat-1:before { content: "\f365"; } .fa-repeat-1-alt:before { content: "\f366"; } .fa-repeat-alt:before { content: "\f364"; } .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-retweet-alt:before { content: "\f361"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-rings-wedding:before { content: "\f81b"; } .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-route-highway:before { content: "\f61a"; } .fa-route-interstate:before { content: "\f61b"; } .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-triangle:before { content: "\f61c"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-rv:before { content: "\f7be"; } .fa-sack:before { content: "\f81c"; } .fa-sack-dollar:before { content: "\f81d"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salad:before { content: "\f81e"; } .fa-sandwich:before { content: "\f81f"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-sausage:before { content: "\f820"; } .fa-save:before { content: "\f0c7"; } .fa-scalpel:before { content: "\f61d"; } .fa-scalpel-path:before { content: "\f61e"; } .fa-scanner:before { content: "\f488"; } .fa-scanner-keyboard:before { content: "\f489"; } .fa-scanner-touchscreen:before { content: "\f48a"; } .fa-scarecrow:before { content: "\f70d"; } .fa-scarf:before { content: "\f7c1"; } .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-scroll-old:before { content: "\f70f"; } .fa-scrubber:before { content: "\f2f8"; } .fa-scythe:before { content: "\f710"; } .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-all:before { content: "\f367"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-sheep:before { content: "\f711"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield:before { content: "\f132"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-check:before { content: "\f2f7"; } .fa-shield-cross:before { content: "\f712"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shipping-timed:before { content: "\f48c"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shish-kebab:before { content: "\f821"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shovel:before { content: "\f713"; } .fa-shovel-snow:before { content: "\f7c3"; } .fa-shower:before { content: "\f2cc"; } .fa-shredder:before { content: "\f68a"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-shuttlecock:before { content: "\f45b"; } .fa-sickle:before { content: "\f822"; } .fa-sigma:before { content: "\f68b"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in:before { content: "\f090"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out:before { content: "\f08b"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signal-1:before { content: "\f68c"; } .fa-signal-2:before { content: "\f68d"; } .fa-signal-3:before { content: "\f68e"; } .fa-signal-4:before { content: "\f68f"; } .fa-signal-alt:before { content: "\f690"; } .fa-signal-alt-1:before { content: "\f691"; } .fa-signal-alt-2:before { content: "\f692"; } .fa-signal-alt-3:before { content: "\f693"; } .fa-signal-alt-slash:before { content: "\f694"; } .fa-signal-slash:before { content: "\f695"; } .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-skeleton:before { content: "\f620"; } .fa-sketch:before { content: "\f7c6"; } .fa-ski-jump:before { content: "\f7c7"; } .fa-ski-lift:before { content: "\f7c8"; } .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-sledding:before { content: "\f7cb"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-sliders-h-square:before { content: "\f3f0"; } .fa-sliders-v:before { content: "\f3f1"; } .fa-sliders-v-square:before { content: "\f3f2"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-plus:before { content: "\f5b9"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoke:before { content: "\f760"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snake:before { content: "\f716"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snow-blowing:before { content: "\f761"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowflakes:before { content: "\f7cf"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowmobile:before { content: "\f7d1"; } .fa-snowplow:before { content: "\f7d2"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-soup:before { content: "\f823"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-spade:before { content: "\f2f4"; } .fa-speakap:before { content: "\f3f3"; } .fa-spider:before { content: "\f717"; } .fa-spider-black-widow:before { content: "\f718"; } .fa-spider-web:before { content: "\f719"; } .fa-spinner:before { content: "\f110"; } .fa-spinner-third:before { content: "\f3f4"; } .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:before { content: "\f697"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-squirrel:before { content: "\f71a"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-staff:before { content: "\f71b"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-christmas:before { content: "\f7d4"; } .fa-star-exclamation:before { content: "\f2f3"; } .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-stars:before { content: "\f762"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steak:before { content: "\f824"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-steering-wheel:before { content: "\f622"; } .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-stocking:before { content: "\f7d5"; } .fa-stomach:before { content: "\f623"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-stretcher:before { content: "\f825"; } .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-sun-cloud:before { content: "\f763"; } .fa-sun-dust:before { content: "\f764"; } .fa-sun-haze:before { content: "\f765"; } .fa-sunrise:before { content: "\f766"; } .fa-sunset:before { content: "\f767"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-sword:before { content: "\f71c"; } .fa-swords:before { content: "\f71d"; } .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-tablet-android:before { content: "\f3fb"; } .fa-tablet-android-alt:before { content: "\f3fc"; } .fa-tablet-rugged:before { content: "\f48f"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer:before { content: "\f0e4"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tachometer-alt-average:before { content: "\f624"; } .fa-tachometer-alt-fast:before { content: "\f625"; } .fa-tachometer-alt-fastest:before { content: "\f626"; } .fa-tachometer-alt-slow:before { content: "\f627"; } .fa-tachometer-alt-slowest:before { content: "\f628"; } .fa-tachometer-average:before { content: "\f629"; } .fa-tachometer-fast:before { content: "\f62a"; } .fa-tachometer-fastest:before { content: "\f62b"; } .fa-tachometer-slow:before { content: "\f62c"; } .fa-tachometer-slowest:before { content: "\f62d"; } .fa-taco:before { content: "\f826"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tally:before { content: "\f69c"; } .fa-tanakh:before { content: "\f827"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-tasks-alt:before { content: "\f828"; } .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-frigid:before { content: "\f768"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-hot:before { content: "\f76a"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-tennis-ball:before { content: "\f45e"; } .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-theta:before { content: "\f69e"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-thunderstorm:before { content: "\f76c"; } .fa-thunderstorm-moon:before { content: "\f76d"; } .fa-thunderstorm-sun:before { content: "\f76e"; } .fa-ticket:before { content: "\f145"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-tilde:before { content: "\f69f"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-times-hexagon:before { content: "\f2ee"; } .fa-times-octagon:before { content: "\f2f0"; } .fa-times-square:before { content: "\f2d3"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tire:before { content: "\f631"; } .fa-tire-flat:before { content: "\f632"; } .fa-tire-pressure-warning:before { content: "\f633"; } .fa-tire-rugged:before { content: "\f634"; } .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-alt:before { content: "\f71f"; } .fa-tombstone:before { content: "\f720"; } .fa-tombstone-alt:before { content: "\f721"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-toothbrush:before { content: "\f635"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tornado:before { content: "\f76f"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-cone:before { content: "\f636"; } .fa-traffic-light:before { content: "\f637"; } .fa-traffic-light-go:before { content: "\f638"; } .fa-traffic-light-slow:before { content: "\f639"; } .fa-traffic-light-stop:before { content: "\f63a"; } .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-treasure-chest:before { content: "\f723"; } .fa-tree:before { content: "\f1bb"; } .fa-tree-alt:before { content: "\f400"; } .fa-tree-christmas:before { content: "\f7db"; } .fa-tree-decorated:before { content: "\f7dc"; } .fa-tree-large:before { content: "\f7dd"; } .fa-tree-palm:before { content: "\f82b"; } .fa-trees:before { content: "\f724"; } .fa-trello:before { content: "\f181"; } .fa-triangle:before { content: "\f2ec"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-trophy-alt:before { content: "\f2eb"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-container:before { content: "\f4dc"; } .fa-truck-couch:before { content: "\f4dd"; } .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-truck-plow:before { content: "\f7de"; } .fa-truck-ramp:before { content: "\f4e0"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-turkey:before { content: "\f725"; } .fa-turtle:before { content: "\f726"; } .fa-tv:before { content: "\f26c"; } .fa-tv-retro:before { content: "\f401"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-unicorn:before { content: "\f727"; } .fa-union:before { content: "\f6a2"; } .fa-uniregistry:before { content: "\f404"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-usd-circle:before { content: "\f2e8"; } .fa-usd-square:before { content: "\f2e9"; } .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-chart:before { content: "\f6a3"; } .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-crown:before { content: "\f6a4"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-hard-hat:before { content: "\f82c"; } .fa-user-headset:before { content: "\f82d"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-md-chat:before { content: "\f82e"; } .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-class:before { content: "\f63d"; } .fa-users-cog:before { content: "\f509"; } .fa-users-crown:before { content: "\f6a5"; } .fa-users-medical:before { content: "\f830"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-fork:before { content: "\f2e3"; } .fa-utensil-knife:before { content: "\f2e4"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-utensils-alt:before { content: "\f2e6"; } .fa-vaadin:before { content: "\f408"; } .fa-value-absolute:before { content: "\f6a6"; } .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-plus:before { content: "\f4e1"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-volcano:before { content: "\f770"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume:before { content: "\f6a8"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-slash:before { content: "\f2e2"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-nay:before { content: "\f771"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walker:before { content: "\f831"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-wand:before { content: "\f72a"; } .fa-wand-magic:before { content: "\f72b"; } .fa-warehouse:before { content: "\f494"; } .fa-warehouse-alt:before { content: "\f495"; } .fa-watch:before { content: "\f2e1"; } .fa-watch-fitness:before { content: "\f63e"; } .fa-water:before { content: "\f773"; } .fa-water-lower:before { content: "\f774"; } .fa-water-rise:before { content: "\f775"; } .fa-webcam:before { content: "\f832"; } .fa-webcam-slash:before { content: "\f833"; } .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-whale:before { content: "\f72c"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheat:before { content: "\f72d"; } .fa-wheelchair:before { content: "\f193"; } .fa-whistle:before { content: "\f460"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wifi-1:before { content: "\f6aa"; } .fa-wifi-2:before { content: "\f6ab"; } .fa-wifi-slash:before { content: "\f6ac"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-wind-warning:before { content: "\f776"; } .fa-window:before { content: "\f40e"; } .fa-window-alt:before { content: "\f40f"; } .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-windsock:before { content: "\f777"; } .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-wreath:before { content: "\f7e2"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; font-display: swap; src: url("../fonts/fa-brands-400.eot"); src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; } @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/fa-light-300.eot"); src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"), url("../fonts/fa-light-300.svg#fontawesome") format("svg"); } .fal { font-family: 'Font Awesome 5 Pro'; font-weight: 300; } @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/fa-regular-400.eot"); src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Pro'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 900; font-display: swap; src: url("../fonts/fa-solid-900.eot"); src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Pro'; font-weight: 900; }
@font-face { font-family: 'Uni Sans Heavy CAPS'; src: url("../fonts/UniSansHeavyCAPS.eot"); src: local('Uni Sans Heavy CAPS'), local('UniSansHeavyCAPS'), url("../fonts/UniSansHeavyCAPS.eot?#iefix") format('embedded-opentype'), url("../fonts/UniSansHeavyCAPS.woff2") format('woff2'), url("../fonts/UniSansHeavyCAPS.woff") format('woff'), url("../fonts/UniSansHeavyCAPS.ttf") format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Uni Sans Heavy Italic CAPS'; src: url("../fonts/UniSansHeavyItalicCAPS.eot"); src: local('Uni Sans Heavy Italic CAPS'), local('UniSansHeavyItalicCAPS'), url("../fonts/UniSansHeavyItalicCAPS.eot?#iefix") format('embedded-opentype'), url("../fonts/UniSansHeavyItalicCAPS.woff2") format('woff2'), url("../fonts/UniSansHeavyItalicCAPS.woff") format('woff'), url("../fonts/UniSansHeavyItalicCAPS.ttf") format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Uni Sans Thin CAPS'; src: url("../fonts/UniSansThinCAPS.eot"); src: local('Uni Sans Thin CAPS'), local('UniSansThinCAPS'), url("../fonts/UniSansThinCAPS.eot?#iefix") format('embedded-opentype'), url("../fonts/UniSansThinCAPS.woff2") format('woff2'), url("../fonts/UniSansThinCAPS.woff") format('woff'), url("../fonts/UniSansThinCAPS.ttf") format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Uni Sans Thin Italic CAPS'; src: url("../fonts/UniSansThinItalicCAPS.eot"); src: local('Uni Sans Thin Italic CAPS'), local('UniSansThinItalicCAPS'), url("../fonts/UniSansThinItalicCAPS.eot?#iefix") format('embedded-opentype'), url("../fonts/UniSansThinItalicCAPS.woff2") format('woff2'), url("../fonts/UniSansThinItalicCAPS.woff") format('woff'), url("../fonts/UniSansThinItalicCAPS.ttf") format('truetype'); font-weight: 100; font-style: italic; font-display: swap; }
/* source: templates/cs27Reg/css/bootstrap.css */ /*!
 * Bootstrap v4.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ *,::after,::before { box-sizing: border-box } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent } @-ms-viewport { width: device-width } article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section { display: block } body { margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #ffffff; 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: .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 } 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: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } dfn { font-style: italic } b,strong { font-weight: bolder } small { font-size: 80% } sub,sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects } a:hover { color: #0056b3; text-decoration: underline } code,kbd,pre,samp { font-family: monospace,monospace; font-size: 1em } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar } figure { margin: 0 0 1rem } img { vertical-align: middle; border-style: none; width: auto; } svg:not(:root) { overflow: hidden } table { /* border-collapse:collapse; */ border-spacing: 0px 8px; } caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom } th { text-align: inherit } label { display: inline-block; margin-bottom: .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; } [type=reset],[type=submit],button,html [type=button] { -webkit-appearance: button } [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: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal } progress { vertical-align: baseline } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: none } [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } summary { display: list-item; cursor: pointer } template { display: none } [hidden] { display: none!important } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { margin-bottom: .5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit } .h1,h1 { font-size: 13px; font-family: unset; font-weight: 600; margin-left: 15px; margin-bottom: 10px; } .h2,h2 { font-size: 2rem } .h3,h3 { font-size: 1.75rem } .h4,h4 { font-size: 12px; } .h5,h5 { font-size: 1.25rem } .h6,h6 { font-size: 1rem } .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 rgb(40 47 63); */ } .small,small { font-size: 80%; font-weight: 400 } .mark,mark { padding: .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: .5rem } .initialism { font-size: 90%; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.25rem } .blockquote-footer { display: block; font-size: 80%; color: #6c757d } .blockquote-footer::before { content: "\2014 \00A0" } .img-fluid { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: 90%; color: #6c757d } code,kbd,pre,samp { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace } code { font-size: 87.5%; color: #e83e8c; word-break: break-word } a>code { color: inherit } kbd { padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #232627; border-radius: .2rem } kbd kbd { padding: 0; font-size: 100%; font-weight: 700 } pre { display: flex; font-size: 13px; color: #7d818b; margin-bottom: 0px; justify-content: center; } 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:540px } } @media (min-width: 768px) { .container { max-width:720px } } @media (min-width: 992px) { .container { max-width:960px } } @media (min-width: 1200px) { .container { max-width:1140px } } .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-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%; min-height: 1px; padding-right: 15px; margin-bottom: 10px; 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: none } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .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.333333% } .offset-2 { margin-left: 16.666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.333333% } .offset-5 { margin-left: 41.666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.333333% } .offset-8 { margin-left: 66.666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.333333% } .offset-11 { margin-left: 91.666667% } @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: none } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .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.333333% } .offset-sm-2 { margin-left: 16.666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.333333% } .offset-sm-5 { margin-left: 41.666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.333333% } .offset-sm-8 { margin-left: 66.666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.333333% } .offset-sm-11 { margin-left: 91.666667% } } @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: none } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .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.333333% } .offset-md-2 { margin-left: 16.666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.333333% } .offset-md-5 { margin-left: 41.666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.333333% } .offset-md-8 { margin-left: 66.666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.333333% } .offset-md-11 { margin-left: 91.666667% } } @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: none } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-lg-01 { -ms-flex: 0 0 8.333333%; flex: 0 0 1%; max-width: 0px; margin-right: -63px; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 28%; max-width: 28%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; /* max-width: 65.333333%; */ } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 72%; max-width: 72%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .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.333333% } .offset-lg-2 { margin-left: 16.666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.333333% } .offset-lg-5 { margin-left: 41.666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.333333% } .offset-lg-8 { margin-left: 66.666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.333333% } .offset-lg-11 { margin-left: 91.666667% } } @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: none } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .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.333333% } .offset-xl-2 { margin-left: 16.666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.333333% } .offset-xl-5 { margin-left: 41.666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.333333% } .offset-xl-8 { margin-left: 66.666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.333333% } .offset-xl-11 { margin-left: 91.666667% } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent } .table td,.table th { padding: 0px 10px; border-top: 1px solid #dee2e6 } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6 } .table tbody+tbody { border-top: 2px solid #dee2e6 } .table .table { background-color: #fff } .table-sm td,.table-sm th { padding: .3rem } .table-bordered { border: 1px solid #dee2e6 } .table-bordered td,.table-bordered th { border: 1px solid #dee2e6 } .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: rgba(0,0,0,.05) } .table-hover tbody tr:hover { background-color: rgba(0,0,0,.075) } .table-primary,.table-primary>td,.table-primary>th { background-color: #b8daff } .table-hover .table-primary:hover { background-color: #9fcdff } .table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th { background-color: #9fcdff } .table-secondary,.table-secondary>td,.table-secondary>th { background-color: #d6d8db } .table-hover .table-secondary:hover { background-color: #c8cbcf } .table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th { background-color: #c8cbcf } .table-success,.table-success>td,.table-success>th { background-color: #c3e6cb } .table-hover .table-success:hover { background-color: #b1dfbb } .table-hover .table-success:hover>td,.table-hover .table-success:hover>th { background-color: #b1dfbb } .table-info,.table-info>td,.table-info>th { background-color: #bee5eb } .table-hover .table-info:hover { background-color: #abdde5 } .table-hover .table-info:hover>td,.table-hover .table-info:hover>th { background-color: #abdde5 } .table-warning,.table-warning>td,.table-warning>th { background-color: #ffeeba } .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: #f5c6cb } .table-hover .table-danger:hover { background-color: #f1b0b7 } .table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th { background-color: #f1b0b7 } .table-light,.table-light>td,.table-light>th { background-color: #fdfdfe } .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: #c6c8ca } .table-hover .table-dark:hover { background-color: #b9bbbe } .table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th { background-color: #b9bbbe } .table-active,.table-active>td,.table-active>th { background-color: rgba(0,0,0,.075) } .table-hover .table-active:hover { background-color: rgba(0,0,0,.075) } .table-hover .table-active:hover>td,.table-hover .table-active:hover>th { background-color: rgba(0,0,0,.075) } .table .thead-dark th { color: #fff; background-color: #232627; border-color: #353a3b } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6 } .table-dark { color: #fff; background-color: #232627 } .table-dark td,.table-dark th,.table-dark thead th { border-color: #353a3b } .table-dark.table-bordered { border: 0 } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255,255,255,.05) } .table-dark.table-hover tbody tr:hover { background-color: rgba(255,255,255,.075) } @media (max-width: 575.98px) { .table-responsive-sm { display:block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar } .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; -ms-overflow-style: -ms-autohiding-scrollbar } .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; -ms-overflow-style: -ms-autohiding-scrollbar } .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; -ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive-xl>.table-bordered { border: 0 } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive>.table-bordered { border: 0 } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media screen and (prefers-reduced-motion:reduce) { .form-control { transition: none } } .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1 } .form-control::-moz-placeholder { color: #6c757d; opacity: 1 } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1 } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1 } .form-control::placeholder { color: #6c757d; opacity: 1 } .form-control:disabled,.form-control[readonly] { background-color: #e9ecef; opacity: 1 } select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px) } select.form-control:focus::-ms-value { color: #495057; background-color: #fff } .form-control-file,.form-control-range { display: block; width: 100% } .col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; line-height: 1.5 } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.5 } .form-control-plaintext { display: block; width: 100%; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; line-height: 1.5; color: #232627; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.input-group-append>.form-control-plaintext.btn,.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.input-group-append>.form-control-plaintext.btn,.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text { padding-right: 0; padding-left: 0 } .form-control-sm,.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: 10px 15px; font-size: 11px; line-height: 1.5; color: #ffffff; border-radius: 9px; } .input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]) { height: calc(1.8125rem + 2px); } .form-control-lg,.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: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]) { height: calc(2.875rem + 2px) } .form-group { margin-bottom: 10px; } .form-text { display: block; margin-top: .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: .3rem; margin-left: -1.25rem; display: none; } .form-check-input:disabled~.form-check-label { color: #6c757d } .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: .75rem } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #28a745 } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(40,167,69,.8); border-radius: .2rem } .custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid { border-color: #28a745 } .custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip { display: block } .form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label { color: #28a745 } .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: #28a745 } .custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before { background-color: #71dd8a } .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 { background-color: #34ce57 } .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 1px #fff,0 0 0 .2rem rgba(40,167,69,.25) } .custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label { border-color: #28a745 } .custom-file-input.is-valid~.custom-file-label::before,.was-validated .custom-file-input:valid~.custom-file-label::before { border-color: inherit } .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 { box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545 } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(220,53,69,.8); border-radius: .2rem } .custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid { border-color: #dc3545 } .custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip { display: block } .form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label { color: #dc3545 } .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: #dc3545 } .custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before { background-color: #efa2a9 } .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 { background-color: #e4606d } .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 1px #fff,0 0 0 .2rem rgba(220,53,69,.25) } .custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label { border-color: #dc3545 } .custom-file-input.is-invalid~.custom-file-label::before,.was-validated .custom-file-input:invalid~.custom-file-label::before { border-color: inherit } .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 { box-shadow: 0 0 0 .2rem rgba(220,53,69,.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; margin-top: 0; margin-right: .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: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media screen and (prefers-reduced-motion:reduce) { .btn { transition: none } } .btn:focus,.btn:hover { text-decoration: none } .btn.focus,.btn:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .btn.disabled,.btn:disabled { opacity: .65 } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active { background-image: none; background: linear-gradient(201deg, #3a8dff 0%, rgb(7 106 255) 55%); opacity: 1.0; } a.btn.disabled,fieldset:disabled a.btn { pointer-events: none } .btn-primary { height: 40px; border: none; transition: 0.2s; margin-right: 6px; background: #212d47; font-weight: 600; color: #ffffff; font-size: 11px; border-radius: 9px; padding: 0px 26px; cursor: pointer; } .btn-primary:hover { height: 40px; border: none; transition: 0.2s; margin-right: 6px; background: #283551; font-weight: 600; color: #ffffff; font-size: 11px !important; border-radius: 9px !important; padding: 0px 26px !important; cursor: pointer; } .btn-primary.focus,.btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) } .btn-primary.disabled,.btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff } .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf } .btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62 } .btn-secondary.focus,.btn-secondary:focus { box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) } .btn-secondary.disabled,.btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b } .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 .2rem rgba(108,117,125,.5) } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34 } .btn-success.focus,.btn-success:focus { box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) } .btn-success.disabled,.btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430 } .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 .2rem rgba(40,167,69,.5) } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b } .btn-info.focus,.btn-info:focus { box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) } .btn-info.disabled,.btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f } .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 .2rem rgba(23,162,184,.5) } .btn-warning { color: #232627; background-color: #ffc107; border-color: #ffc107 } .btn-warning:hover { color: #232627; background-color: #e0a800; border-color: #d39e00 } .btn-warning.focus,.btn-warning:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) } .btn-warning.disabled,.btn-warning:disabled { color: #232627; 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: #232627; 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 .2rem rgba(255,193,7,.5) } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130 } .btn-danger.focus,.btn-danger:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) } .btn-danger.disabled,.btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d } .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 .2rem rgba(220,53,69,.5) } .btn-light { color: #232627; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:hover { color: #232627; background-color: #e2e6ea; border-color: #dae0e5 } .btn-light.focus,.btn-light:focus { box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) } .btn-light.disabled,.btn-light:disabled { color: #232627; 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: #232627; 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 .2rem rgba(248,249,250,.5) } .btn-dark { color: #fff; background-color: #373c3d; border-color: #373c3d } .btn-dark:hover { color: #fff; background-color: #252829; border-color: #1f2122 } .btn-dark.focus,.btn-dark:focus { box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) } .btn-dark.disabled,.btn-dark:disabled { color: #fff; background-color: #373c3d; border-color: #373c3d } .btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1f2122; border-color: #191b1b } .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 .2rem rgba(52,58,64,.5) } .btn-outline-primary { color: #007bff; background-color: transparent; background-image: none; border-color: #007bff } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff } .btn-outline-primary.focus,.btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) } .btn-outline-primary.disabled,.btn-outline-primary:disabled { color: #007bff; 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: #007bff; border-color: #007bff } .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 .2rem rgba(0,123,255,.5) } .btn-outline-secondary { color: #6c757d; background-color: transparent; background-image: none; border-color: #6c757d } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-outline-secondary.focus,.btn-outline-secondary:focus { box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) } .btn-outline-secondary.disabled,.btn-outline-secondary:disabled { color: #6c757d; 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: #6c757d; border-color: #6c757d } .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 .2rem rgba(108,117,125,.5) } .btn-outline-success { color: #28a745; background-color: transparent; background-image: none; border-color: #28a745 } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-outline-success.focus,.btn-outline-success:focus { box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) } .btn-outline-success.disabled,.btn-outline-success:disabled { color: #28a745; 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: #28a745; border-color: #28a745 } .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 .2rem rgba(40,167,69,.5) } .btn-outline-info { color: #17a2b8; background-color: transparent; background-image: none; border-color: #17a2b8 } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-outline-info.focus,.btn-outline-info:focus { box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) } .btn-outline-info.disabled,.btn-outline-info:disabled { color: #17a2b8; 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: #fff; background-color: #17a2b8; border-color: #17a2b8 } .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 .2rem rgba(23,162,184,.5) } .btn-outline-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107 } .btn-outline-warning:hover { color: #232627; background-color: #ffc107; border-color: #ffc107 } .btn-outline-warning.focus,.btn-outline-warning:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.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: #232627; 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 .2rem rgba(255,193,7,.5) } .btn-outline-danger { color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545 } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-outline-danger.focus,.btn-outline-danger:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) } .btn-outline-danger.disabled,.btn-outline-danger:disabled { color: #dc3545; 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: #dc3545; border-color: #dc3545 } .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 .2rem rgba(220,53,69,.5) } .btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa } .btn-outline-light:hover { color: #232627; background-color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light.focus,.btn-outline-light:focus { box-shadow: 0 0 0 .2rem rgba(248,249,250,.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: #232627; 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 .2rem rgba(248,249,250,.5) } .btn-outline-dark { color: #373c3d; background-color: transparent; background-image: none; border-color: #373c3d } .btn-outline-dark:hover { color: #fff; background-color: #373c3d; border-color: #373c3d } .btn-outline-dark.focus,.btn-outline-dark:focus { box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) } .btn-outline-dark.disabled,.btn-outline-dark:disabled { color: #373c3d; 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: #373c3d; border-color: #373c3d } .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 .2rem rgba(52,58,64,.5) } .btn-link { font-weight: 400; color: #007bff; background-color: transparent } .btn-link:hover { color: #0056b3; text-decoration: underline; background-color: transparent; border-color: transparent } .btn-link.focus,.btn-link:focus { text-decoration: underline; border-color: transparent; box-shadow: none } .btn-link.disabled,.btn-link:disabled { color: #6c757d; pointer-events: none } .btn-group-lg>.btn,.btn-lg { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .btn-group-sm>.btn,.btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .btn-block { display: block; width: 100% } .btn-block+.btn-block { margin-top: .5rem } input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block { width: 100% } .fade { transition: opacity .13s linear; } @media screen and (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 .35s ease } @media screen and (prefers-reduced-motion:reduce) { .collapsing { transition: none } } .dropdown,.dropleft,.dropright,.dropup { position: relative } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent } .dropdown-toggle:empty::after { margin-left: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #232627; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem } .dropdown-menu-right { right: 0; left: auto } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent } .dropup .dropdown-toggle:empty::after { margin-left: 0 } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid } .dropright .dropdown-toggle:empty::after { margin-left: 0 } .dropright .dropdown-toggle::after { vertical-align: 0 } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: "" } .dropleft .dropdown-toggle::after { display: none } .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropleft .dropdown-toggle:empty::after { margin-left: 0 } .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: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #232627; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus,.dropdown-item:hover { color: #17191a; text-decoration: none; background-color: #f8f9fa } .dropdown-item.active,.dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff } .dropdown-item.disabled,.dropdown-item:disabled { color: #6c757d; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap } .dropdown-item-text { display: block; padding: .25rem 1.5rem; color: #232627 } .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: 0 1 auto; flex: 0 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-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group { margin-left: -1px } .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:first-child { margin-left: 0 } .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: .5625rem; padding-left: .5625rem } .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: .375rem; padding-left: .375rem } .btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn-group-vertical { -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+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group { margin-top: -1px; margin-left: 0 } .btn-group-vertical>.btn-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: nowrap; -ms-flex-align: stretch; width: 100%; align-items: center; } .input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0 } .input-group>.custom-file:focus,.input-group>.custom-select:focus,.input-group>.form-control:focus { z-index: 3 } .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 { margin-left: -1px } .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) { margin-left: 13px; } .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,.input-group>.custom-file:not(:first-child) .custom-file-label::after { 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+.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: -1px } .input-group-prepend { margin-right: -6px; } .input-group-append { margin-left: -1px } .input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem } .input-group-text input[type=checkbox],.input-group-text input[type=radio] { margin-top: 0 } .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-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem } .custom-control-inline { display: -ms-inline-flexbox; display: flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0 } .custom-control-input:checked~.custom-control-label::before { color: #fff; background-color: #007bff } .custom-control-input:focus~.custom-control-label::before { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-control-input:active~.custom-control-label::before { color: #fff; background-color: #b3d7ff } .custom-control-input:disabled~.custom-control-label { color: #6c757d } .custom-control-input:disabled~.custom-control-label::before { background-color: #e9ecef } .custom-control-label { margin-bottom: 0 } .custom-control-label::before { position: absolute; top: .25rem; left: -25px; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6 } .custom-control-label::after { position: absolute; top: .25rem; display: block; left: -25px; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50% } .custom-checkbox .custom-control-label::before { border-radius: .25rem; } .custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color: #5086ff; } .custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%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 { background-color: #007bff } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%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(0,123,255,.5) } .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { background-color: rgba(0,123,255,.5) } .custom-radio .custom-control-label::before { border-radius: 4px; } .custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: #007bff } .custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%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(0,123,255,.5) } .custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem 1.75rem .375rem .75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%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 .75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5) } .custom-select:focus::-ms-value { color: #495057; background-color: #fff } .custom-select[multiple],.custom-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none } .custom-select:disabled { color: #6c757d; background-color: #e9ecef } .custom-select::-ms-expand { opacity: 0 } .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: .375rem; padding-bottom: .375rem; font-size: 75% } .custom-select-lg { height: calc(2.875rem + 2px); padding-top: .375rem; padding-bottom: .375rem; font-size: 125% } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0 } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0 } .custom-file-input:focus~.custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .custom-file-input:focus~.custom-file-label::after { border-color: #80bdff } .custom-file-input:lang(en)~.custom-file-label::after { content: "Browse" } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 2px); padding: .375rem .75rem; line-height: 1.5; color: #a1a8aa; font-size: 11px; font-weight: 600; background-color: #585f61; border-radius: 8px; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(calc(2.25rem + 2px) - 1px * 2); padding: .375rem .75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; border-radius: 9px; } .custom-range { width: 100%; padding-left: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-range:focus { outline: 0 } .custom-range::-moz-focus-outer { border: 0 } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-appearance: none; appearance: none } .custom-range::-webkit-slider-thumb:focus { outline: 0; box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff } .custom-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; -moz-appearance: none; appearance: none } .custom-range::-moz-range-thumb:focus { outline: 0; box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff } .custom-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .custom-range::-ms-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; appearance: none } .custom-range::-ms-thumb:focus { outline: 0; box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-range::-ms-thumb:active { background-color: #b3d7ff } .custom-range::-ms-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: .5rem } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem } .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: .5rem 1rem } .nav-link:focus,.nav-link:hover { text-decoration: none } .nav-link.disabled { color: #6c757d } .nav-tabs { border-bottom: 1px solid #dee2e6 } .nav-tabs .nav-item { margin-bottom: -1px } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6 } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent } .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .nav-pills .nav-link { border-radius: .25rem } .nav-pills .nav-link.active,.nav-pills .show>.nav-link { color: #fff; background-color: #007bff } .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: .5rem 1rem } .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: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; 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: .5rem; padding-bottom: .5rem } .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: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem } .navbar-toggler:focus,.navbar-toggler:hover { text-decoration: none } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer } .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: .5rem; padding-left: .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: .5rem; padding-left: .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: .5rem; padding-left: .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: .5rem; padding-left: .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 } } .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: .5rem; padding-left: .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,.9) } .navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover { color: rgba(0,0,0,.9) } .navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,.5) } .navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover { color: rgba(0,0,0,.7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(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,.9) } .navbar-light .navbar-toggler { color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%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,.5) } .navbar-light .navbar-text a { color: rgba(0,0,0,.9) } .navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover { color: rgba(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,.5) } .navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255,.75) } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255,255,255,.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,.5); border-color: rgba(255,255,255,.1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%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,.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; color: #fff; background-clip: border-box; border-radius: 10px; } .card>hr { margin-right: 0; margin-left: 0 } .card>.list-group:first-child .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .card>.list-group:last-child .list-group-item:last-child { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem } .card-title { margin-bottom: .75rem } .card-subtitle { margin-top: -.375rem; margin-bottom: 0 } .card-text:last-child { margin-bottom: 0 } .card-link:hover { text-decoration: none } .card-link+.card-link { margin-left: 1.25rem } .card-header { padding: .75rem 1.25rem; margin-bottom: 0; border-radius: 10px; height: 60px; background-color: rgb(30 34 47); border-bottom: 1px solid rgb(30 34 47); } .card-header:first-child { border-radius: 15px; } .card-header+.list-group .list-group-item:first-child { border-top: 0 } .card-footer { padding: .75rem 1.25rem; background-color: rgba(0,0,0,.03); border-top: 1px solid rgba(0,0,0,.125) } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) } .card-header-tabs { margin-right: -.625rem; margin-bottom: -.75rem; margin-left: -.625rem; border-bottom: 0 } .card-header-pills { margin-right: -.625rem; margin-left: -.625rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem } .card-img { width: 100%; border-radius: calc(.25rem - 1px) } .card-img-top { width: 100%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 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:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top { border-top-right-radius: 0 } .card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom { border-bottom-right-radius: 0 } .card-group>.card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top { border-top-left-radius: 0 } .card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom { border-bottom-left-radius: 0 } .card-group>.card:only-child { border-radius: .25rem } .card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .card-group>.card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0 } .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top { border-radius: 0 } } .card-columns .card { margin-bottom: .75rem } @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:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0 } .accordion .card:not(:first-of-type) .card-header:first-child { 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 } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem } .breadcrumb-item+.breadcrumb-item { padding-left: .5rem } .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: #6c757d; content: "/" } .breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: underline } .breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: none } .breadcrumb-item.active { color: #6c757d } .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6 } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6 } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .page-link:not(:disabled):not(.disabled) { cursor: pointer } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6 } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.5 } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5 } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem } .badge-primary { color: #fff; background-color: #007bff } .badge-primary[href]:focus,.badge-primary[href]:hover { color: #fff; text-decoration: none; background-color: #0062cc } .badge-secondary { color: #fff; background-color: #6c757d } .badge-secondary[href]:focus,.badge-secondary[href]:hover { color: #fff; text-decoration: none; background-color: #545b62 } .badge-success { color: #fff; background-color: #28a745 } .badge-success[href]:focus,.badge-success[href]:hover { color: #fff; text-decoration: none; background-color: #1e7e34 } .badge-info { color: #fff; background-color: #17a2b8 } .badge-info[href]:focus,.badge-info[href]:hover { color: #fff; text-decoration: none; background-color: #117a8b } .badge-warning { color: #232627; background-color: #ffc107 } .badge-warning[href]:focus,.badge-warning[href]:hover { color: #232627; text-decoration: none; background-color: #d39e00 } .badge-danger { color: #fff; background-color: #dc3545 } .badge-danger[href]:focus,.badge-danger[href]:hover { color: #fff; text-decoration: none; background-color: #bd2130 } .badge-light { color: #232627; background-color: #f8f9fa } .badge-light[href]:focus,.badge-light[href]:hover { color: #232627; text-decoration: none; background-color: #dae0e5 } .badge-dark { color: #fff; background-color: #373c3d } .badge-dark[href]:focus,.badge-dark[href]:hover { color: #fff; text-decoration: none; background-color: #1f2122 } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: .3rem } @media (min-width: 576px) { .jumbotron { padding:4rem 2rem } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0 } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 4rem } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .75rem 1.25rem; color: inherit } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff } .alert-primary hr { border-top-color: #9fcdff } .alert-primary .alert-link { color: #002752 } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db } .alert-secondary hr { border-top-color: #c8cbcf } .alert-secondary .alert-link { color: #202326 } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb } .alert-success hr { border-top-color: #b1dfbb } .alert-success .alert-link { color: #0b2e13 } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb } .alert-info hr { border-top-color: #abdde5 } .alert-info .alert-link { color: #062c33 } .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: #721c24; background-color: #f8d7da; border-color: #f5c6cb } .alert-danger hr { border-top-color: #f1b0b7 } .alert-danger .alert-link { color: #491217 } .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: #1d1f1f; background-color: #d6d8d9; border-color: #c6c8ca } .alert-dark hr { border-top-color: #b9bbbe } .alert-dark .alert-link { color: #040505 } @-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: .75rem; background-color: #939b9d; border-radius: 15px; } .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: #007bff; transition: width .6s ease } @media screen and (prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 1rem 1rem } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite } .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: #495057; text-align: inherit } .list-group-item-action:focus,.list-group-item-action:hover { color: #495057; text-decoration: none; background-color: #f8f9fa } .list-group-item-action:active { color: #232627; background-color: #e9ecef } .list-group-item { position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0,0,0,.125) } .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .list-group-item:focus,.list-group-item:hover { z-index: 1; text-decoration: none } .list-group-item.disabled,.list-group-item:disabled { color: #6c757d; background-color: #fff } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0 } .list-group-flush:first-child .list-group-item:first-child { border-top: 0 } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0 } .list-group-item-primary { color: #004085; background-color: #b8daff } .list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover { color: #004085; background-color: #9fcdff } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085 } .list-group-item-secondary { color: #383d41; background-color: #d6d8db } .list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover { color: #383d41; background-color: #c8cbcf } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41 } .list-group-item-success { color: #155724; background-color: #c3e6cb } .list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover { color: #155724; background-color: #b1dfbb } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724 } .list-group-item-info { color: #0c5460; background-color: #bee5eb } .list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover { color: #0c5460; background-color: #abdde5 } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460 } .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: #721c24; background-color: #f5c6cb } .list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover { color: #721c24; background-color: #f1b0b7 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24 } .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: #1d1f1f; background-color: #c6c8ca } .list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover { color: #1d1f1f; background-color: #b9bbbe } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1d1f1f; border-color: #1d1f1f } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; /* text-shadow:0 1px 0 #fff; */ opacity: .5 } .close:focus,.close:hover { color: #000; text-decoration: none; opacity: .75 } .close:not(:disabled):not(.disabled) { cursor: pointer } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none } .modal-open { overflow: hidden } .modal { position: fixed; top: 0; right: 0; bottom: 0; background: #24242e12; left: 0; z-index: 1050; display: none;!i;!; overflow: hidden; outline: 0 } .modal-open .modal { overflow-x: hidden; overflow-y: auto; !i;!; !i;!; } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .0s ease-out,-webkit-transform .2s ease-out; -webkit-transform: translate(0,-25%); transform: translate(0,0%); } @media screen and (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { -webkit-transform: translate(0,0); transform: translate(0,0); } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (.5rem * 2)) } .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-radius: .3rem; outline: 0 } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .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; border-bottom: none; border-top-left-radius: .3rem; border-top-right-radius: .3rem } .modal-header .close { padding: 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 #e9ecef } .modal-footer>:not(:first-child) { margin-left: .25rem } .modal-footer>:not(:last-child) { margin-right: .25rem } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width: 576px) { .modal-dialog { max-width: 550px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)) } .modal-sm { max-width: 300px } } @media (min-width: 992px) { .modal-lg { max-width:800px } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; 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: .875rem; word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: .9 } .tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-auto[x-placement^=top],.bs-tooltip-top { padding: .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: .4rem .4rem 0; border-top-color: #000 } .bs-tooltip-auto[x-placement^=right],.bs-tooltip-right { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow { left: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #000 } .bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom { padding: .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 .4rem .4rem; border-bottom-color: #000 } .bs-tooltip-auto[x-placement^=left],.bs-tooltip-left { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow { right: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; 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: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; /* border:1px solid rgba(0,0,0,.2); */ border-radius: .3rem } .popover .arrow { position: absolute; display: block; width: 1rem; display: none; height: .5rem; margin: 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: .5rem } .bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow { bottom: calc((.5rem + 1px) * -1); } .bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before { border-width: .5rem .5rem 0 } .bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before { bottom: 0; border-top-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after { bottom: 1px; border-top-color: #fff } .bs-popover-auto[x-placement^=right],.bs-popover-right { margin-left: .5rem } .bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow { left: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0 } .bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before { border-width: .5rem .5rem .5rem 0 } .bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before { left: 0; border-right-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after { left: 1px; border-right-color: #fff } .bs-popover-auto[x-placement^=bottom],.bs-popover-bottom { margin-top: .5rem } .bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow { top: calc((.5rem + 1px) * -1) } .bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before { border-width: 0 .5rem .5rem .5rem } .bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before { top: 0; border-bottom-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after { top: 1px; 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: -.5rem; content: ""; border-bottom: 1px solid #f7f7f7 } .bs-popover-auto[x-placement^=left],.bs-popover-left { margin-right: .5rem } .bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow { right: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0 } .bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before { border-width: .5rem 0 .5rem .5rem } .bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before { right: 0; border-left-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after { right: 1px; border-left-color: #fff } .popover-header { padding: 15px; margin-bottom: 0; font-family: 'Montserrat'; font-size: 12px; color: inherit; background-color: #4c505b; border-top-left-radius: 15px; border-top-right-radius: 15px; } .popover-header:empty { display: none } .popover-body { padding: 12px 15px; color: #8b8b9b; position: relative; font-size: 11px; font-weight: 600; font-family: 'Montserrat'; } .carousel { position: relative } .carousel-inner { position: relative; width: 100%; overflow: hidden; border-radius: 15px; height: 210px; } .carousel-item { position: relative; display: none; -ms-flex-align: center; align-items: center; width: 100%; background: #22283e00; border-radius: 15px; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease,-webkit-transform .6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } @media screen and (prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next,.carousel-item-prev,.carousel-item.active { display: block; } .carousel-item-next,.carousel-item-prev { position: absolute; top: 0 } .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right { -webkit-transform: translateX(0); transform: translateX(0) } @supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) { .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right { -webkit-transform:translate3d(0,0,0); transform: translate3d(0,0,0) } } .active.carousel-item-right,.carousel-item-next { -webkit-transform: translateX(100%); transform: translateX(100%) } @supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) { .active.carousel-item-right,.carousel-item-next { -webkit-transform:translate3d(100%,0,0); transform: translate3d(100%,0,0) } } .active.carousel-item-left,.carousel-item-prev { -webkit-transform: translateX(-100%); transform: translateX(-100%) } @supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) { .active.carousel-item-left,.carousel-item-prev { -webkit-transform:translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity } .carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active { opacity: 1 } .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right { opacity: 0 } .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active { -webkit-transform: translateX(0); transform: translateX(0) } @supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) { .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active { -webkit-transform:translate3d(0,0,0); transform: translate3d(0,0,0) } } .carousel-control-next,.carousel-control-prev { position: absolute; top: -25px; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; transition: 0.2s; -ms-flex-pack: center; justify-content: center; width: 10%; color: #fff; text-align: center; opacity: .5; } .carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-next-icon,.carousel-control-prev-icon { display: inline-block; width: 23px; height: 25px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; 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 { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 6px; height: 6px; border-radius: 50px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255,255,255,.5) } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: "" } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: "" } .carousel-indicators .active { background-color: #fff } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center } .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: #007bff!important } a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover { background-color: #0062cc!important } .bg-secondary { background-color: #6c757d!important } a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover { background-color: #545b62!important } .bg-success { background-color: #28a745!important } a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover { background-color: #1e7e34!important } .bg-info { background-color: #e5768d !important; } a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover { background-color: #117a8b!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-danger { background-color: #dc3545!important } a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover { background-color: #bd2130!important } .bg-light { background-color: #f8f9fa!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: #373c3d!important } a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { background-color: #1f2122!important } .bg-white { background-color: #fff!important } .bg-transparent { background-color: transparent!important } .border { border: 1px solid #dee2e6!important } .border-top { border-top: 1px solid #dee2e6!important } .border-right { border-right: 1px solid #dee2e6!important } .border-bottom { border-bottom: 1px solid #dee2e6!important } .border-left { border-left: 1px solid #dee2e6!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: #007bff!important } .border-secondary { border-color: #6c757d!important } .border-success { border-color: #28a745!important } .border-info { border-color: #17a2b8!important } .border-warning { border-color: #ffc107!important } .border-danger { border-color: #dc3545!important } .border-light { border-color: #f8f9fa!important } .border-dark { border-color: #373c3d!important } .border-white { border-color: #fff!important } .rounded { border-radius: .25rem!important } .rounded-top { border-top-left-radius: .25rem!important; border-top-right-radius: .25rem!important } .rounded-right { border-top-right-radius: .25rem!important; border-bottom-right-radius: .25rem!important } .rounded-bottom { border-bottom-right-radius: .25rem!important; border-bottom-left-radius: .25rem!important } .rounded-left { border-top-left-radius: .25rem!important; border-bottom-left-radius: .25rem!important } .rounded-circle { border-radius: 50%!important } .rounded-0 { border-radius: 0!important } .clearfix::after { display: block; clear: both; content: "" } .d-none { display: none; } .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; background: #ff75750a; border: solid 1px #ff83835c; border-radius: 12px; width: 100%; position: relative; top: -25px; font-size: 11px; color: #ff8383f5; font-weight: 600; } .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 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.857143% } .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 } } .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 } } .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 .125rem .25rem rgba(0,0,0,.075)!important } .shadow { /* box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; */ } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,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 } .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 } .mw-100 { max-width: 100%!important } .mh-100 { max-height: 100%!important } .m-0 { margin: 0!important } .mt-0,.my-0 { margin-top: 0!important } .mr-0,.mx-0 { margin-right: 0!important } .mb-0,.my-0 { margin-bottom: 0!important } .ml-0,.mx-0 { margin-left: 0!important } .m-1 { margin: .25rem!important } .mt-1,.my-1 { margin-top: 20px; } .mr-1,.mx-1 { margin-right: .25rem!important } .mb-1,.my-1 { margin-bottom: .25rem!important } .ml-1,.mx-1 { margin-left: .25rem!important } .m-2 { margin: .5rem!important } .mt-2,.my-2 { } .mr-2,.mx-2 { margin-right: .5rem!important } .mb-2,.my-2 { margin-bottom: .5rem!important } .ml-2,.mx-2 { margin-left: .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: 30px; } .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: 55px; } .ml-4,.mx-4 { margin-left: 1.5rem!important } .m-5 { margin: 3rem!important } .mt-5,.my-5 { /* margin-top: -30px; */ } .mr-5,.mx-5 { margin-right: 3rem!important } .mb-5,.my-5 { margin-bottom: 3rem!important } .ml-5,.mx-5 { margin-left: 3rem!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: .25rem!important } .pt-1,.py-1 { padding-top: .25rem!important } .pr-1,.px-1 { padding-right: .25rem!important } .pb-1,.py-1 { padding-bottom: .25rem!important } .pl-1,.px-1 { padding-left: .25rem!important } .p-2 { padding: .5rem!important } .pt-2,.py-2 { padding-top: .5rem!important } .pr-2,.px-2 { padding-right: .5rem!important } .pb-2,.py-2 { padding-bottom: .5rem!important } .pl-2,.px-2 { padding-left: .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: 0px; } .pt-5,.py-5 { padding-top: 3rem!important } .pr-5,.px-5 { padding-right: 3rem!important } .pb-5,.py-5 { padding-bottom: 3rem!important } .pl-5,.px-5 { padding-left: 3rem!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: .25rem!important } .mt-sm-1,.my-sm-1 { margin-top: .25rem!important } .mr-sm-1,.mx-sm-1 { margin-right: .25rem!important } .mb-sm-1,.my-sm-1 { margin-bottom: .25rem!important } .ml-sm-1,.mx-sm-1 { margin-left: .25rem!important } .m-sm-2 { margin: .5rem!important } .mt-sm-2,.my-sm-2 { margin-top: .5rem!important } .mr-sm-2,.mx-sm-2 { margin-right: .5rem!important } .mb-sm-2,.my-sm-2 { margin-bottom: .5rem!important } .ml-sm-2,.mx-sm-2 { margin-left: .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: 3rem!important } .mt-sm-5,.my-sm-5 { margin-top: 3rem!important } .mr-sm-5,.mx-sm-5 { margin-right: 3rem!important } .mb-sm-5,.my-sm-5 { margin-bottom: 3rem!important } .ml-sm-5,.mx-sm-5 { margin-left: 3rem!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: .25rem!important } .pt-sm-1,.py-sm-1 { padding-top: .25rem!important } .pr-sm-1,.px-sm-1 { padding-right: .25rem!important } .pb-sm-1,.py-sm-1 { padding-bottom: .25rem!important } .pl-sm-1,.px-sm-1 { padding-left: .25rem!important } .p-sm-2 { padding: .5rem!important } .pt-sm-2,.py-sm-2 { padding-top: .5rem!important } .pr-sm-2,.px-sm-2 { padding-right: .5rem!important } .pb-sm-2,.py-sm-2 { padding-bottom: .5rem!important } .pl-sm-2,.px-sm-2 { padding-left: .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: 3rem!important } .pt-sm-5,.py-sm-5 { padding-top: 3rem!important } .pr-sm-5,.px-sm-5 { padding-right: 3rem!important } .pb-sm-5,.py-sm-5 { padding-bottom: 3rem!important } .pl-sm-5,.px-sm-5 { padding-left: 3rem!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: .25rem!important } .mt-md-1,.my-md-1 { margin-top: .25rem!important } .mr-md-1,.mx-md-1 { margin-right: .25rem!important } .mb-md-1,.my-md-1 { margin-bottom: .25rem!important } .ml-md-1,.mx-md-1 { margin-left: .25rem!important } .m-md-2 { margin: .5rem!important } .mt-md-2,.my-md-2 { margin-top: .5rem!important } .mr-md-2,.mx-md-2 { margin-right: .5rem!important } .mb-md-2,.my-md-2 { margin-bottom: .5rem!important } .ml-md-2,.mx-md-2 { margin-left: .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: 3rem!important } .mt-md-5,.my-md-5 { margin-top: 3rem!important } .mr-md-5,.mx-md-5 { margin-right: 3rem!important } .mb-md-5,.my-md-5 { margin-bottom: 3rem!important } .ml-md-5,.mx-md-5 { margin-left: 3rem!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: .25rem!important } .pt-md-1,.py-md-1 { padding-top: .25rem!important } .pr-md-1,.px-md-1 { padding-right: .25rem!important } .pb-md-1,.py-md-1 { padding-bottom: .25rem!important } .pl-md-1,.px-md-1 { padding-left: .25rem!important } .p-md-2 { padding: .5rem!important } .pt-md-2,.py-md-2 { padding-top: .5rem!important } .pr-md-2,.px-md-2 { padding-right: .5rem!important } .pb-md-2,.py-md-2 { padding-bottom: .5rem!important } .pl-md-2,.px-md-2 { padding-left: .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: 3rem!important } .pt-md-5,.py-md-5 { padding-top: 3rem!important } .pr-md-5,.px-md-5 { padding-right: 3rem!important } .pb-md-5,.py-md-5 { padding-bottom: 3rem!important } .pl-md-5,.px-md-5 { padding-left: 3rem!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: .25rem!important } .mt-lg-1,.my-lg-1 { margin-top: .25rem!important } .mr-lg-1,.mx-lg-1 { margin-right: .25rem!important } .mb-lg-1,.my-lg-1 { margin-bottom: .25rem!important } .ml-lg-1,.mx-lg-1 { margin-left: .25rem!important } .m-lg-2 { margin: .5rem!important } .mt-lg-2,.my-lg-2 { margin-top: .5rem!important } .mr-lg-2,.mx-lg-2 { margin-right: .5rem!important } .mb-lg-2,.my-lg-2 { margin-bottom: .5rem!important } .ml-lg-2,.mx-lg-2 { margin-left: .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: 3rem!important } .mt-lg-5,.my-lg-5 { margin-top: 3rem!important } .mr-lg-5,.mx-lg-5 { margin-right: 3rem!important } .mb-lg-5,.my-lg-5 { margin-bottom: 3rem!important } .ml-lg-5,.mx-lg-5 { margin-left: 3rem!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: .25rem!important } .pt-lg-1,.py-lg-1 { padding-top: .25rem!important } .pr-lg-1,.px-lg-1 { padding-right: .25rem!important } .pb-lg-1,.py-lg-1 { padding-bottom: .25rem!important } .pl-lg-1,.px-lg-1 { padding-left: .25rem!important } .p-lg-2 { padding: .5rem!important } .pt-lg-2,.py-lg-2 { padding-top: .5rem!important } .pr-lg-2,.px-lg-2 { padding-right: .5rem!important } .pb-lg-2,.py-lg-2 { padding-bottom: .5rem!important } .pl-lg-2,.px-lg-2 { padding-left: .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: 3rem!important } .pt-lg-5,.py-lg-5 { padding-top: 3rem!important } .pr-lg-5,.px-lg-5 { padding-right: 3rem!important } .pb-lg-5,.py-lg-5 { padding-bottom: 3rem!important } .pl-lg-5,.px-lg-5 { padding-left: 3rem!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: .25rem!important } .mt-xl-1,.my-xl-1 { margin-top: .25rem!important } .mr-xl-1,.mx-xl-1 { margin-right: .25rem!important } .mb-xl-1,.my-xl-1 { margin-bottom: .25rem!important } .ml-xl-1,.mx-xl-1 { margin-left: .25rem!important } .m-xl-2 { margin: .5rem!important } .mt-xl-2,.my-xl-2 { margin-top: .5rem!important } .mr-xl-2,.mx-xl-2 { margin-right: .5rem!important } .mb-xl-2,.my-xl-2 { margin-bottom: .5rem!important } .ml-xl-2,.mx-xl-2 { margin-left: .5rem!important } .m-xl-3 { margin: 1rem!important } .mt-xl-3,.my-xl-3 { margin-top: 1rem!important } .mr-xl-3,.mx-xl-3 { margin-right: 1rem!important } .mb-xl-3,.my-xl-3 { margin-bottom: 1rem!important } .ml-xl-3,.mx-xl-3 { margin-left: 1rem!important } .m-xl-4 { margin: 1.5rem!important } .mt-xl-4,.my-xl-4 { margin-top: 1.5rem!important } .mr-xl-4,.mx-xl-4 { margin-right: 1.5rem!important } .mb-xl-4,.my-xl-4 { margin-bottom: 1.5rem!important } .ml-xl-4,.mx-xl-4 { margin-left: 1.5rem!important } .m-xl-5 { margin: 3rem!important } .mt-xl-5,.my-xl-5 { margin-top: 3rem!important } .mr-xl-5,.mx-xl-5 { margin-right: 3rem!important } .mb-xl-5,.my-xl-5 { margin-bottom: 3rem!important } .ml-xl-5,.mx-xl-5 { margin-left: 3rem!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: .25rem!important } .pt-xl-1,.py-xl-1 { padding-top: .25rem!important } .pr-xl-1,.px-xl-1 { padding-right: .25rem!important } .pb-xl-1,.py-xl-1 { padding-bottom: .25rem!important } .pl-xl-1,.px-xl-1 { padding-left: .25rem!important } .p-xl-2 { padding: .5rem!important } .pt-xl-2,.py-xl-2 { padding-top: .5rem!important } .pr-xl-2,.px-xl-2 { padding-right: .5rem!important } .pb-xl-2,.py-xl-2 { padding-bottom: .5rem!important } .pl-xl-2,.px-xl-2 { padding-left: .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: 3rem!important } .pt-xl-5,.py-xl-5 { padding-top: 3rem!important } .pr-xl-5,.px-xl-5 { padding-right: 3rem!important } .pb-xl-5,.py-xl-5 { padding-bottom: 3rem!important } .pl-xl-5,.px-xl-5 { padding-left: 3rem!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 } } .text-monospace { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace } .text-justify { text-align: justify!important } .text-nowrap { white-space: nowrap!important } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-left { text-align: left!important } .text-right { text-align: right!important } .text-center { text-align: center!important } @media (min-width: 576px) { .text-sm-left { text-align:left!important } .text-sm-right { text-align: right!important } .text-sm-center { text-align: center!important } } @media (min-width: 768px) { .text-md-left { text-align:left!important } .text-md-right { text-align: right!important } .text-md-center { text-align: center!important } } @media (min-width: 992px) { .text-lg-left { text-align:left!important } .text-lg-right { text-align: right!important } .text-lg-center { text-align: center!important } } @media (min-width: 1200px) { .text-xl-left { text-align:left!important } .text-xl-right { text-align: right!important } .text-xl-center { text-align: center!important } } .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-normal { font-weight: 400!important } .font-weight-bold { font-weight: 700!important } .font-italic { font-style: italic!important } .text-white { color: #fff!important } .text-primary { color: #007bff!important } a.text-primary:focus,a.text-primary:hover { color: #0062cc!important } .text-secondary { color: #6c757d!important } a.text-secondary:focus,a.text-secondary:hover { color: #545b62!important } .text-success { color: #28a745!important } a.text-success:focus,a.text-success:hover { color: #1e7e34!important } .text-info { color: #78a2ff!important; } a.text-info:focus,a.text-info:hover { color: #117a8b!important } .text-warning { color: #ffc107!important } a.text-warning:focus,a.text-warning:hover { color: #d39e00!important } .text-danger { color: #dc3545!important } a.text-danger:focus,a.text-danger:hover { color: #bd2130!important } .text-light { color: #f8f9fa!important } a.text-light:focus,a.text-light:hover { color: #dae0e5!important } .text-dark { color: #373c3d!important } a.text-dark:focus,a.text-dark:hover { color: #1f2122!important } .text-body { color: #232627!important } .text-muted { color: #6c757d!important } .text-black-50 { color: rgba(0,0,0,.5)!important } .text-white-50 { color: rgba(255,255,255,.5)!important } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .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 #adb5bd; 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 #dee2e6!important } } @media (max-width: 992px) { .toper { flex-direction:column; } } @media (max-width: 992px) { .toper { max-height:640px; } } /* source: templates/cs27Reg/css/style_one.css */ .col-lg-2 li { list-style-type: none; line-height: 0px; margin-bottom: 3px; } .sortition i { padding: 0px !important; border-radius: 50px; text-shadow: none !important; background: none !important; text-transform: uppercase; } .sortition .ending span::before { display: none; } .sortition .ending span::after { display: none; } .gift_lite_sortition {width: 93px;position: absolute;right: -30px;transition: 0.2s all;transform: skewX(11deg) rotate(5deg);} .case_soderjimoe { margin-bottom: 20px; background: #4b4f59; padding: 16px; display: flex; gap: 15px; border-radius: 12px; align-items: center; } .case_soderjimoe i{ font-size: 19px; color: #ffffff; background: #5e626d; display: flex; height: 40px; min-width: 40px; border-radius: 9px; width: 40px; align-items: center; justify-content: center; } .flex_case_soderjimoe { display: flex; flex-direction: column; line-height: 17px; font-weight: 600; } .text_case_a { font-size: 14px; } .text_case_b { font-size: 12px; color: #878a93; } #case-subjects { border-radius: 20px; backdrop-filter: blur(3px); background: linear-gradient(15deg, #3f4445 30%, #434751 100%); padding: 20px; } .label-info { color: #67c196; } .col-lg-2 ul{ list-style-type: none; padding-inline-start: 0px; margin-top: 6px; margin-bottom: 0px; } .col-lg-3 li{ list-style-type: none; line-height: 0px; margin-bottom: 3px; } .col-lg-3 ul{ list-style-type: none; padding-inline-start: 0px; margin-top: 6px; margin-bottom: 0px; } .flex_online_users { border-radius: 15px; background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%); padding: 17px; margin-bottom: 20px; } .flex_item_contact { display: flex; align-items: center; } .chat { width: 100%; padding: 15px !important; background: #fff0 !important; margin-bottom: 20px !important; border: solid 1px #3c4041; } .slider_menu {height: 125px;} .left_btns { width: 70px; height: 116px; gap: 8px; padding: 8px; background: linear-gradient(49deg, #fc856626 30%, #ff768e47 100%); border-radius: 13px; display: flex; z-index: 1; position: relative; margin-right: 9px; float: left; flex-direction: column; justify-content: space-between; } .bans_btn_slider { height: 55px; border-radius: 11px; display: flex; background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%); color: #ffffff; font-size: 18px; text-shadow: #000000d4 1px 0 12px; transition: .2s all; align-items: center; justify-content: center; } .bans_btn_slider:hover { opacity: 0.6; text-shadow: #000000d4 1px 0 12px; color: #ffffff; } .muts_btn_slider { height: 55px; border-radius: 11px; color: #ffffff; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); display: flex; font-size: 18px; text-shadow: #000000d4 1px 0 12px; align-items: center; justify-content: center; } .muts_btn_slider:hover { opacity: 0.6; text-shadow: #000000d4 1px 0 12px; color: #ffffff; } .head_rside { width: 40%; padding: 15px; background: linear-gradient(15deg, #313435 30%, #353939 100%); border-radius: 20px; margin: 15px; } .news_block { height: 184px; display: flex; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); gap: 20px; box-shadow: 0px 5px 10px #13151a4f; padding: 18px; border-radius: 18px; margin-bottom: 3px; align-items: center; justify-content: space-between; } .dropdown { display: inline-block; position: relative; font-size: 14px; color: #474747; height: 100%; } .dropdown .select { cursor: pointer; display: block; } .dropdown .select > i { font-size: 16px; color: #707387; cursor: pointer; transition: all .3s ease-in-out; float: right; line-height: 37px; } .dropdown.active .select > i { transform: rotate(-180deg) } .dropdown .dropdown-menu { position: absolute; background-color: #fff; width: 100%; left: 0; margin-top: 1px; box-shadow: 0 1px 2px rgb(204, 204, 204); border-radius: 0 1px 2px 2px; overflow: hidden; display: none; max-height: 144px; overflow-y: auto; z-index: 9 } .dropdown .dropdown-menu li { padding: 10px; transition: all .2s ease-in-out; cursor: pointer } .dropdown .dropdown-menu { padding: 0; list-style: none } .dropdown .dropdown-menu li:hover { background-color: #f2f2f2 } .dropdown .dropdown-menu li:active { background-color: #e2e2e2 } .number_online { color: #fff; font-weight: 600; font-size: 11px; margin-left: 9px; } .wrapper{ width:100%; margin:0 auto; } .cTabs > div.active{ font-size: 14px; text-decoration: none; width: 100% !important; height: 75px; gap: 13px; transition: 0.2s; overflow: hidden; padding: 0px 18px; border-radius: 12px; display: flex; margin-bottom: 8px; background: #222f49; cursor: pointer; color: #ffffff; font-weight: bold; align-items: center; } .cTabs > div.active .number_cTabs { font-size: 70px; position: relative; right: 0px; height: 100%; top: 15px; font-weight: 600; background: linear-gradient(to top, #2c3b57d6 0%, #26344ec4 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-family: sans-serif; line-height: 70px; } .cTabs > div.active .push_cTabs { color: #ffae4e; background: #ffae4e29; font-size: 10px; padding: 4px 8px; margin-left: 8px; margin-top: -3px; position: absolute; display: inline; border-radius: 5px; } .cTabs > div.active i{ font-size: 20px; height: 40px; transition: 0.2s; border-radius: 10px; width: 40px; display: flex; background: #ffae4e40; cursor: pointer; color: #ffae4e; align-items: center; justify-content: center; } .cTabs > div.active .name_cTabs{ font-size: 13.5px; color: #ffffff; transition: 0.2s; } .cTabs_block { display: flex; gap: 20px; margin-bottom: 30px; } .cTabs_left_block { background: #18233a; width: 70%; border-radius: 15px; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: flex-end; } .twoname_cTabs { font-size: 10.9px; color: #6e7678; } .name_cTabs { font-size: 13.5px; color: #c5d9fe; transition: 0.2s; } .number_cTabs { font-size: 70px; position: relative; right: 0px; height: 100%; top: 15px; font-weight: 600; background: linear-gradient(to top, #26344e 0%, #26344ec4 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-family: sans-serif; line-height: 70px; } @media(min-width:768px){#muts .success > .row > div.with-icon { position: relative; padding-left: 46px; }} @media(min-width:768px){#muts .success > .row > div.with-icon > i { color: #59cc94; font-size: 15px; border-radius: 9px; background: #47bf8529; top: 9px; padding: 9px; }} @media(min-width:768px){#muts .success { box-shadow: none; margin: 0; border-bottom: 1px solid #f1f2f400; padding: 4px 27px; margin-bottom: 7px; transition: .2s all; border-radius: 11px; background: #9d6e7d38; }} @media(min-width:768px){#muts .success:hover { background: #9d6e7d5e; }} @media(min-width:768px){#muts .success > .row > div > strong, #banlist .success > .row > div > p, #banlist .success > .row > div > span { display: inline-block; max-width: 110%; }} .table-adaptive .table-row > .row > div.with-icon > img { position: absolute; left: 1px; top: 10px; }@media(min-width:768px){#muts .success > .row > div.with-icon > i{ position: absolute; left: 1px; top: 10px; }} @media(min-width:768px){#muts .success .row { height: 50px; display: flex; flex-wrap: nowrap; }} @media(min-width:768px){#muts .success > .row > div.with-description > p { line-height: 22px; font-size: 12px; margin: 15px 0px 0; position: relative; top: -7px; border: none; background: #fff0; color: #ffff !important; font-weight: 600; }} @media(min-width:768px){#muts .success > .row > div { padding: 0 16px; }} @media(min-width:768px){#muts .success > .row > div.with-description > span { width: 100%; font-weight: 700; line-height: 20px; font-size: 10.5px; top: -13px; position: relative; color: #ad989f; }} .b_cTabs { display: flex; line-height: 17px; width: 240px; flex-direction: column; } @media(min-width:768px){#banlist .success > .row > div.with-icon { position: relative; padding-left: 46px; }} @media(min-width:768px){#banlist .success > .row > div.with-icon > i { color: #59cc94; font-size: 15px; border-radius: 9px; background: #47bf8529; top: 9px; padding: 9px; }} @media(min-width:768px){#banlist .success { box-shadow: none; margin: 0; border-bottom: 1px solid #f1f2f400; padding: 4px 27px; margin-bottom: 7px; transition: .2s all; border-radius: 11px; background: #9d6e7d38; }} @media(min-width:768px){#banlist .success:hover { background: #9d6e7d5e; }} @media(min-width:768px){#banlist .success > .row > div > strong, #banlist .success > .row > div > p, #banlist .success > .row > div > span { display: inline-block; max-width: 110%; }} .table-adaptive .table-row > .row > div.with-icon > img { position: absolute; left: 1px; top: 10px; }@media(min-width:768px){#banlist .success > .row > div.with-icon > i{ position: absolute; left: 1px; top: 10px; }} @media(min-width:768px){#banlist .success .row { height: 50px; display: flex; flex-wrap: nowrap; }} @media(min-width:768px){#banlist .success > .row > div.with-description > p { line-height: 22px; font-size: 12px; margin: 15px 0px 0; position: relative; top: -7px; border: none; background: #fff0; color: #ffff !important; font-weight: 600; }} @media(min-width:768px){#banlist .success > .row > div { padding: 0 16px; }} @media(min-width:768px){#banlist .success > .row > div.with-description > span { width: 100%; font-weight: 700; line-height: 20px; font-size: 10.5px; top: -13px; position: relative; color: #ad989f; }} .success { -webkit-box-shadow: none; box-shadow: none; margin: 0; border-bottom: 1px solid #f1f2f400; padding: 4px 27px; margin-bottom: 7px; transition: .2s all; background: #18233a; } @media(min-width:768px){#banlist .danger > .row > div.with-icon { position: relative; padding-left: 46px; }} @media(min-width:768px){#banlist .danger > .row > div.with-icon > i { color: #59cc94; font-size: 15px; border-radius: 9px; background: #47bf8529; top: 9px; padding: 9px; }} @media(min-width:768px){#banlist .danger { box-shadow: none; margin: 0; border-bottom: 1px solid #f1f2f400; padding: 4px 27px; margin-bottom: 7px; transition: .2s all; border-radius: 11px; background: #9d6e7d38; }} @media(min-width:768px){#banlist .danger:hover { background: #9d6e7d5e; }} @media(min-width:768px){#banlist .danger > .row > div > strong, #banlist .success > .row > div > p, #banlist .success > .row > div > span { display: inline-block; max-width: 110%; }} .table-adaptive .table-row > .row > div.with-icon > img { position: absolute; left: 1px; top: 10px; }@media(min-width:768px){#banlist .danger > .row > div.with-icon > i{ position: absolute; left: 1px; top: 10px; }} @media(min-width:768px){#banlist .danger .row { height: 50px; display: flex; flex-wrap: nowrap; }} @media(min-width:768px){#banlist .danger > .row > div.with-description > p { line-height: 22px; font-size: 12px; margin: 15px 0px 0; position: relative; top: -7px; border: none; background: #fff0; color: #ffff !important; font-weight: 600; }} @media(min-width:768px){#banlist .danger > .row > div { padding: 0 16px; }} @media(min-width:768px){#banlist .danger > .row > div.with-description > span { width: 100%; font-weight: 700; line-height: 20px; font-size: 10.5px; top: -13px; position: relative; color: #ad989f; }} #chat #chat_messages, #chat #messages { overflow-y: auto; width: calc(100% - 10px); height: 250px !important; margin-left: 7px; } @media(min-width:768px){#muts .danger > .row > div.with-icon { position: relative; padding-left: 46px; }} @media(min-width:768px){#muts .danger > .row > div.with-icon > i { color: #59cc94; font-size: 15px; border-radius: 9px; background: #47bf8529; top: 9px; padding: 9px; }} @media(min-width:768px){#muts .danger { box-shadow: none; margin: 0; border-bottom: 1px solid #f1f2f400; padding: 4px 27px; margin-bottom: 7px; transition: .2s all; border-radius: 11px; background: #9d6e7d38; }} @media(min-width:768px){#muts .danger:hover { background: #9d6e7d5e; }} @media(min-width:768px){#muts .danger > .row > div > strong, #banlist .success > .row > div > p, #banlist .success > .row > div > span { display: inline-block; max-width: 110%; }} .table-adaptive .table-row > .row > div.with-icon > img { position: absolute; left: 1px; top: 10px; }@media(min-width:768px){#muts .danger > .row > div.with-icon > i{ position: absolute; left: 1px; top: 10px; }} @media(min-width:768px){#muts .danger .row { height: 50px; display: flex; flex-wrap: nowrap; }} @media(min-width:768px){#muts .danger > .row > div.with-description > p { line-height: 22px; font-size: 12px; margin: 15px 0px 0; position: relative; top: -7px; border: none; background: #fff0; color: #ffff !important; font-weight: 600; }} @media(min-width:768px){#muts .danger > .row > div { padding: 0 16px; }} @media(min-width:768px){#muts .danger > .row > div.with-description > span { width: 100%; font-weight: 700; line-height: 20px; font-size: 10.5px; top: -13px; position: relative; color: #ad989f; }} .block_select_servers { padding: 13px; border-radius: 50px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); margin-bottom: 20px; } .block_select_servers_blocked { padding: 13px 14px; border-radius: 14px; display: flex; background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%); margin-bottom: 20px; justify-content: space-between; } #mutlist .success > .row > div.with-icon { position: relative; padding-left: 46px; } #mutlist .success > .row > div.with-icon > i { color: #59cc94; font-size: 15px; border-radius: 9px; background: #47bf8529; top: 9px; padding: 9px; } #mutlist .success { box-shadow: none; margin: 0; border-bottom: 1px solid #f1f2f400; padding: 4px 27px; margin-bottom: 7px; transition: .2s all; border-radius: 11px; background: #373c3d; } #mutlist .success:hover { background: #3c3c49; } #mutlist .success > .row > div > strong{ display: inline-block; max-width: 110%; }@media(min-width:768px){ #banlist .success > .row > div > p, #banlist .success > .row > div > span { display: inline-block; max-width: 110%; }} #mutlist .success > .row > div.with-icon > i, .table-adaptive .table-row > .row > div.with-icon > img { position: absolute; left: 1px; top: 10px; } #mutlist .success .row { height: 50px; display: flex; flex-wrap: nowrap; } #mutlist .success > .row > div.with-description > p { line-height: 22px; font-size: 12px; margin: 15px 0px 0; position: relative; top: -7px; border: none; background: #fff0; color: #ffff !important; font-weight: 600; } #mutlist .success > .row > div { padding: 0 16px; } #mutlist .success > .row > div.with-description > span { width: 100%; font-weight: 700; line-height: 20px; font-size: 10.5px; top: -13px; position: relative; color: #767689; } .posetili { height: 254px; overflow: auto; padding-right: 5px; } .block_t_u { padding: 17px; border-radius: 17px; margin-bottom: 20px; background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%); box-shadow: 0px 5px 10px #13151a4f; } .version_fixed { font-weight: 600; color: #746d70e0; position: fixed; bottom: 10px; font-size: 9px; left: 20px; z-index: 11; } .button_right_menu { width: 45px; padding-left: 5px; transition: 0.2s; background: linear-gradient(180deg, #4765a0 0%, rgb(64 92 147) 55%); color: #718fcb; border-radius: 50px 0px 0px 50px; overflow: hidden; margin-right: -8px; line-height: 0px; display: flex; font-size: 17px; height: 40px; align-items: center; justify-content: center; } .button_right_menu:hover { width: 45px; padding-left: 5px; background: linear-gradient(180deg, #4765a0 0%, rgb(64 92 147) 55%); transition: 0.2s; color: #ffffff; border-radius: 50px 0px 0px 50px; overflow: hidden; margin-right: -8px; line-height: 0px; display: flex; height: 40px; align-items: center; justify-content: center; } .button_right_menu1 { width: 45px; transition: 0.2s; padding-right: 2px; background: linear-gradient(180deg, #4765a0 0%, rgb(64 92 147) 55%); font-size: 17px; color: #718fcb; border-radius: 0px 50px 50px 0px; overflow: hidden; line-height: 0px; display: flex; height: 40px; align-items: center; justify-content: center; } .button_right_menu1:hover { width: 45px; padding-right: 2px; background: linear-gradient(180deg, #4765a0 0%, rgb(64 92 147) 55%); transition: 0.2s; color: #ffffff; border-radius: 0px 50px 50px 0px; overflow: hidden; line-height: 0px; display: flex; height: 40px; align-items: center; justify-content: center; } .fire_top { width: 34px !important; background: #ff957329; border-radius: 8px; height: 34px; padding: 8px; } .block_servers { display: flex; border-radius: 20px; margin-bottom: 20px; background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%); padding: 15px; flex-direction: column; } .online_servers_full span{ color: #fff; font-weight: 600; font-size: 11.5px; display: flex; align-items: center; } .button_sortion .bx-crown{ display: flex; padding-left: 1px; background: linear-gradient(34deg, #15c8f6 0%, rgb(71 166 255) 55%); height: 36px; font-size: 16px; width: 36px; border-radius: 10px; justify-content: center; align-items: center; } .button_sortion .bx-trophy{ display: flex; padding-left: 1px; background: linear-gradient(34deg, #ae6244 0%, #e59474 55%); height: 36px; font-size: 16px; width: 36px; color: #fff; border-radius: 10px; justify-content: center; align-items: center; } .menuq { background: #212d4700; width: 100px; display: flex; height: auto; transition: 0.2s; gap: 9px; border-radius: 10px; flex-direction: column; align-items: center; } .news_admin { display: flex; flex-direction: column; gap: 5px; justify-content: space-between; } .news_info { display: flex; width: 180px; background: linear-gradient(1deg, #323637 30%, #303334 100%); padding: 14px; border-radius: 15px; height: 100%; flex-direction: column; } .text_info_news i{ color: #ffffff; font-size: 13px; font-weight: 100; background: linear-gradient(34deg, #c85353 0%, rgb(255 105 105) 55%); width: 25px; height: 25px; display: flex; border-radius: 7px; align-items: center; justify-content: center; } .menu_top_push_active { display: flex; font-weight: 600; transition: 0.2s; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #656d6e 0, #404546 100%)); text-shadow: #00000096 1px 0 10px; cursor: pointer; align-items: center; margin-right: 5px; height: 40px; width: 40px; border-radius: 50px; justify-content: center; } .menu_top_push_active:hover { opacity: 0.7; } .menu_top_push_active i{ color: #9f969a; font-size: 16px; transition: 0.2s; } .menu_top_left { display: flex; position: relative; } .menu_top_left1 { display: flex; position: relative; margin-left: -3px; top: -1px; } .menu_top_rigth { display: flex; gap: 6px; } .search_user { background: #20294700; font-size: 10.8px; color: #8b8186; padding: 6px 25px 6px 8px; border: solid 1px #373b3c; cursor: pointer; float: left; position: relative; display: flex; margin-left: 5px; top: 16px; transition: 0.2s; height: 45px; font-weight: 600; border-radius: 50px; align-items: center; } .search_user:hover { background: #373b3c; border: solid 1px #373b3c; color: #ffffff; } .search_user:hover .svg_sdg{ font-size: 13px; width: 31px; background: #434351; transition: 0.2s; height: 31px; display: flex; fill: #74748c; margin-right: 10px; border-radius: 50px; align-items: center; justify-content: center; } .two_top_menu { border-radius: 505px; padding: 9px 11px 9px 11px; box-shadow: 0px 10px 10px #00000012; display: flex; background: linear-gradient(0deg, #2d3132 30%, #353939 100%); margin-bottom: 20px; position: relative; border: solid 1px #353939; margin-top: -28px; justify-content: space-between; align-items: center; } .button_plus_purse { transition: 0.2s; display: flex; padding: 0px 19px; background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%); text-shadow: #000000a1 1px 0 10px; border-radius: 8px; cursor: pointer; font-size: 10.5px; color: #ffffff; height: 34px; align-items: center; justify-content: center; } .button_plus_purse:hover { transition: 0.2s; opacity: 0.7; } .version i { width: 35px; height: 35px; border-radius: 10px; padding-right: 1px; display: flex; background: linear-gradient(237deg, #ffb875 0%, rgb(218 151 95) 55%); color: #fff; margin-right: 10px; font-size: 16px; align-items: center; justify-content: center; } .bottom_water_info { margin-top: 30px; display: flex; justify-content: space-between; align-items: center; } .left_bottom_logo { display: flex; flex-wrap: nowrap; align-items: center; } .bottom_info { background: #2d303a00; height: 100px; display: flex; justify-content: space-between; align-items: center; } .logo_button { width: 190px; height: 100%; transition: 0.2s; margin-right: 5px; cursor: pointer; border-radius: 10px; } .logo_button:hover { opacity: 0.7; } .shield_bottom { color: #746d70; } .bottom_info_left { display: flex; flex-direction: column; font-size: 11.5px; font-weight: 600; } .t1 { color: #6b7476 !important; font-size: 10.5px; margin-top: -23px; } .flip-tr { background: #2a2e2f; padding: 10px 20px; display: flex; gap: 16px; border-radius: 11px; margin-bottom: 7px; align-items: center; } .flip-tr i{ color: #a5b2c4; font-size: 20px; } .h1-tr { color: #a5b2c4; font-size: 11px; font-weight: 600; } .h2-tr { font-size: 12px; font-weight: 600; } .edit-user-tag { font-size: 11px; display: block; margin-bottom: 3px; color: #7a8385; } #copyright {display: none;} .img_navigation { width: 38px; height: 38px; transition: .3s all; border-radius: 50px; } .img_navigation:hover { opacity: 0.7; transition: .1s all; } .div_edit_user { padding: 20px; border-radius: 16px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); box-shadow: 0px 5px 10px #13151a4f; gap: 20px; margin-bottom: 15px; display: flex; } .ring-container { position: relative; left: 50px; top: -125px; display: flex; align-items: center; justify-content: center; } .password_setting { border: none; padding: 14px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); margin-top: 21px; text-shadow: #00000082 1px 0 10px; color: #ffffff; transition: .2s all; font-weight: 600; width: 100%; border-radius: 10px; } .password_setting:hover { opacity: 0.7; } .black_list_h1 { font-weight: 600; font-size: 17px; } .black_list_h2 { color: #857c7f; font-weight: 600; font-size: 12px; line-height: 13px; } .player_servers { height: 328px; overflow: auto; padding-right: 7px; } .banlist { display: flex; flex-wrap: nowrap; } .toper_mini_block { height: 135px; margin-bottom: 5px; width: 100%; display: flex; padding-bottom: 6px; gap: 11px; border-radius: 15px; } .topic-answers div[id^="answer"] { position: relative; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); display: flex; box-shadow: 0px 5px 10px #13151a4f; border-radius: 20px; margin-bottom: 35px; } .block_mini_profile { border-radius: 17px; padding: 15px 16px; margin-bottom: 30px; background: linear-gradient(1deg, #2e3132 30%, #333738 100%); position: relative; } .block_authorization { border-radius: 16px; display: flex; flex-wrap: nowrap; background: linear-gradient(247deg, #1e2a42 0%, #18233a 20%); } .authorization_img { background: #212e49; width: 80%; border-radius: 16px 0px 0px 16px; } .authorization_plaza { display: flex; width: 100%; margin: 24px; justify-content: center; } .chat_block { display: flex; flex-direction: row; box-shadow: 0px 5px 10px #13151a4f; padding: 17px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); padding-bottom: 0px; border-radius: 20px; margin-bottom: 30px; } .users_online_chat { width: 100%; padding: 0px; gap: 9px; display: flex; flex-direction: column; } .btn_heading i{ height: 45px; border: none; width: 45px; transition: 0.2s; margin-right: 6px; background: #2d3d62; font-weight: 600; color: #ffffff; font-size: 11px; border-radius: 13px; } .btn_heading { height: 45px; border: none; width: 45px; cursor: pointer; transition: 0.2s; background: #2a2e2f; color: #a1aec6; font-weight: 600; font-size: 20px; border-radius: 13px; } .btn_heading:hover { height: 45px; border: none; width: 45px; transition: 0.2s; background: #414647; font-weight: 600; color: #ffffff; font-size: 20px; border-radius: 13px; } .btn_heading_rules { height: 38px; border: none; cursor: pointer; display: flex; transition: 0.2s; padding: 0px 23px; background: #4d5355; font-weight: 600; color: #b1a5a9; font-size: 11.5px; border-radius: 9px; align-items: center; justify-content: center; } .btn_heading_rules:hover { background: #575e5f; color: #ffffff; } .btn_heading_full { height: 45px; border: none; cursor: pointer; display: flex; transition: 0.2s; padding: 0px 23px; background: #313536; font-weight: 600; color: #8b8184; font-size: 11.5px; border-radius: 10px; align-items: center; justify-content: center; } .btn_heading_full:hover { background: #4b5152; color: #ffffff; } .btn_admin_stn { height: 45px; border: none; cursor: pointer; display: flex; width: 45px; transition: 0.2s; padding: 0px 23px; background: #393e3f; font-weight: 600; color: #958b8f; font-size: 19px; border-radius: 11px; align-items: center; justify-content: center; } .btn_admin_stn:hover { background: #464b4c; color: #ffffff; } .news_view_osn { font-size: 10.5px; display: flex; font-weight: 600; padding: 5px 14px; text-align: center; float: right; position: relative; top: -7px; line-height: 24px; margin-right: -7px; color: #7a8385; align-items: center; } .news-block-info { padding: 0px; bottom: 15px; position: absolute; background: #fff0; width: -webkit-fill-available; margin-bottom: 30px; border-radius: 0px; } .news-block-imgg { padding: 13px; width: 100%; height: 270px; background: #fff0; display: flex; border-radius: 15px; justify-content: space-between; align-items: flex-start; flex-direction: column; } .news-block-imgg span { display: flex; position: relative; letter-spacing: 1px; backdrop-filter: blur(8px); gap: 10px; padding: 6px 16px 6px 7px; background: #00000047; align-items: center; font-size: 10px; color: rgb(255 255 255); font-weight: 600; border-radius: 50px; } .news-block-imgg span i{ border-radius: 50%; font-size: 13px; color: rgb(255 255 255); display: flex; padding-left: 1px; width: 26px; background: #00000030; height: 26px; align-items: center; justify-content: center; } .news_delete { background: #00000029; color: #ffffff; font-size: 11px; text-align: center; line-height: 40px; border: none; height: 39px; margin-left: 6px; width: 39px; position: relative; float: right; transition: .2s all; border-radius: 10px; } .news_delete:hover { background: #00000045; color: #ffffff; font-size: 11px; text-align: center; line-height: 40px; height: 39px; margin-left: 6px; width: 39px; position: relative; float: right; transition: .2s all; border-radius: 10px; } .punkt_news { font-size: 11px; font-weight: 600; background: #272f428f; padding: 13px; line-height: 13px; height: 49px; display: block; margin-top: 5px; border-radius: 10px; } .punkt_news i { height: 30px; color: #fff; background: linear-gradient(180deg, #3473ff 0%, rgb(80 134 255) 55%); border-radius: 9px; position: relative; line-height: 31px; text-align: center; top: -3px; width: 30px; font-size: 13px; float: left; margin-right: 10px; } .news_delete:active { background: #00000045; color: #ffffff; font-size: 11px; text-align: center; line-height: 40px; height: 39px; margin-left: 6px; width: 39px; position: relative; float: right; transition: .2s all; border-radius: 10px; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .news-data { padding: 10px 0px; margin-top: 20px; font-size: 11px; margin-bottom: 30px; font-weight: 600; border-radius: 0px; border-bottom: solid 1px #383e4e9c; background: #fff0; border-top: solid 1px #383e4e9c; } .bottom_buttons { display: flex; align-items: center; } .block_message { display: flex; justify-content: space-between; margin-bottom: 20px; gap: 10px; } #companions { width: 30%; box-shadow: 0px 5px 10px #13151a4f; border-radius: 20px; gap: 8px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); overflow: auto; max-height: 477px; display: flex; padding: 20px; flex-direction: column; } #companions::-webkit-scrollbar{ display: none; } .block_auth_push { display: flex; margin-left: auto; align-items: center; gap: 10px; margin-right: auto; flex-direction: column; } .vaucher_activated { border: dashed 1px #5086ff; background: #5086ff1a; height: 70px; padding: 24px 16px; border-radius: 15px; font-size: 12px; display: flex; cursor: pointer; transition: .2s all; font-weight: 600; margin-bottom: 15px; align-items: center; justify-content: center; } .vaucher_activated:hover { border: dashed 1px #5086ff; background: #5086ff30; height: 70px; padding: 24px 16px; border-radius: 15px; font-size: 12px; transition: .2s all; display: flex; font-weight: 600; margin-bottom: 15px; align-items: center; justify-content: center; } .vaucher_activated:active { border: dashed 1px #5086ff; background: #5086ff30; height: 70px; padding: 24px 16px; border-radius: 15px; font-size: 12px; transition: .2s all; display: flex; font-weight: 600; margin-bottom: 15px; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); transition: .15s all; align-items: center; justify-content: center; } .nav_bottom_soc { background: #ffffff00; gap: 13px; display: flex; position: relative; justify-content: space-between; align-items: center; } .span_number { border-radius: 50px; font-weight: 600; font-size: 17px; color: #fff; box-shadow: 0px 0px 20px #66878200; max-width: fit-content; transition: .2s all; display: flex; } .name_stats { font-size: 11px; color: #a39ea0; } .span_number small{ font-weight: 600; font-size: 9px; padding: 0px 7px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); text-shadow: #000000e0 1px 0 7px; border-radius: 50px; margin-left: 6px; position: relative; display: flex; height: 16px; box-shadow: 0px 0px 30px #ff807594; color: #fff; align-items: center; justify-content: center; } .span_text { font-weight: 600; font-size: 9.5px; transition: .2s all; letter-spacing: 1px; font-family: inherit; position: relative; color: #6a7375; } .razrabotal { float: right; font-size: 10.8px; line-height: 17px; margin-right: 2px; top: 4px; position: relative; } .stats_mini_block { display: flex; height: 60px; width: 96%; padding: 0px 12px; background: #595155; transition: .2s all; border-radius: 50px; cursor: pointer; margin-left: 10px; align-items: center; justify-content: space-between; } .stats_mini_block:hover { opacity: 0.8; } .online5 { position: relative; width: 15px; height: 15px; display: flex; margin-right: 10px; align-items: center; justify-content: center; } .online5::before, .online5::after { border: 2px solid #5086ff21; border-radius: 50%; position: absolute; content: ''; display: block; } .online5::before { width: 6px; height: 6px; border-bottom-color: #5086ff; border-left-color: #5086ff; animation: spinner-1o3y8q 0.75s infinite linear reverse; } .online5::after { animation: spinner-1o3y8q 1.5s infinite linear; height: 14px; width: 14px; border-right-color: #5086ff; border-top-color: #5086ff; } .top_mecenat { padding: 16px 20px; font-weight: 600; background: #272f428f; margin: -4px 0px 10px; padding-left: 78px; font-size: 11.5px; border-radius: 11px; } .bottom_inf { display: flex; align-items: center; } .info_button { line-height: 0px; font-weight: 600; margin-left: 15px; position: relative; top: 2px; font-size: 11px; } .h2_button { font-weight: 600; font-size: 10.5px; right: 1px; position: relative; line-height: 16px; color: #7a8385; top: -3px; } .author { color: #ffffff; font-size: 11.4px !important; transition: .2s all; } .logo { width: 190px; float: left; height: 100%; position: relative; top: 20px; margin-left: 2px; cursor: pointer; border-radius: 10px; transition: .20s all; } .logo:hover { opacity: 0.7; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); transition: .20s all; } .author:hover { color: #ffffff; } .navigation_head { border-radius: 13px 13px 0px 0px; transition: .2s all; background: linear-gradient(1deg, #3e4344 30%, #4f5556 100%); box-shadow: 0px 5px 10px #3d405329; height: 56px; padding: 11px 18px; padding-left: 20px; display: flex; align-items: center; justify-content: space-between; } .notification_collapse { padding: 0px; width: 70% !important; margin-bottom: 0px; background: #fff0; line-height: 17px; display: flex; flex-direction: column; align-items: flex-start; } .notification_all_uved { color: #a1a8aa; font-weight: 600; text-align: center; font-size: 11px !important; margin-top: 20px; cursor: pointer; margin-bottom: -8px; position: relative; padding: 11px 20px; border: solid 1px #494e4f; border-radius: 10px; transition: .2s all; } .notification_all_uved:hover { border: solid 1px #4d5354; color: #ffffff; background: #4d5354; } .notification_delete_all { color: #abb1b2; font-weight: 600; font-size: 17px !important; width: auto !important; border: none; background: none; transition: .2s all; } .notification_delete_all:hover { color: #ffffff; } .discord_contact { background: #5865f2; width: 34px; display: block; float: left; position: relative; top: -2px; font-size: 16px; line-height: 37px; height: 34px; text-align: center; border-radius: 10px; } .vk_contact { font-size: 18px; width: 42px; transition: 0.2s; display: flex; color: #a1a8aa; background: #3d4142; height: 42px; border-radius: 11px; align-items: center; justify-content: center; } .vk_contact:hover { background: #0076ff; color: #ffff; } .tg_contact { font-size: 18px; width: 42px; transition: 0.2s; display: flex; color: #a1a8aa; background: #3d4142; height: 42px; border-radius: 11px; align-items: center; justify-content: center; } .tg_contact:hover { background: #3390ec; color: #ffff; } .steam_contact { font-size: 18px; width: 42px; display: flex; background: #3d4142; height: 42px; border-radius: 11px; color: #a1a8aa; transition: 0.2s; align-items: center; justify-content: center; } .steam_contact:hover { background: #646c6e; color: #ffff; } .info_notification { color: white; font-weight: 600; text-align: center; height: 35px; margin-top: -4px; position: relative; left: 4px; padding: 0px 20px; float: right; line-height: 30px; border-radius: 8px; border: 1.5px solid #404547; background: #404547; transition: .2s all; } .info_notification:hover { color: white; font-weight: 600; text-align: center; height: 35px; margin-top: -4px; position: relative; left: 4px; padding: 0px 20px; float: right; line-height: 30px; border-radius: 8px; border: 1.5px solid #3d4142; background: #3d4142; transition: .2s all; } .info_notification:active { color: white; font-weight: 600; text-align: center; height: 31px; margin-top: -4px; position: relative; left: 4px; padding: 0px 20px; float: right; line-height: 30px; border-radius: 8px; border: 1.5px solid #3d4142; background: #3d4142; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); transition: .15s all; } .notification_img { border-radius: 9px; padding: 9px; background: linear-gradient(41deg, rgb(39 47 66) 0%, rgb(49 58 80) 55%); margin-top: 3px; margin-bottom: 30px; margin-right: 15px; width: 35px; float: left; height: 35px; margin-left: -10px; color: #fff; } .block_nick_group { text-align: left; margin-left: 35px; width: 125px; top: 2px; position: relative; height: 10px; } .slick-active { /* margin-top: 8px; */ width: 6px; /* padding: 0px; */ position: relative; border-radius: 50px; } .slick-dots { color: #ffffff3d; font-size: 18px; position: absolute; left: 78px; bottom: -8px; transform: rotate(270deg); width: 0px; margin-bottom: -75px; } #slick-slide-control00 { display:none; } #slick-slide-control01 { display:none; } #slick-slide-control02 { display:none; } #slick-slide-control03 { display:none; } .balance_block { padding: 0px; display: flex; justify-content: space-between; } .balance_mini_profile { background: #333738; padding: 8px 9px; border-radius: 12px; transition: .2s all; display: flex; justify-content: space-between; align-items: center; } .info_navigation { padding-left: 10px; display: flex; flex-direction: column; line-height: 16px; position: relative; align-items: flex-start; } .info_navigation .bx-ruble { color: #ffffff; font-weight: 500; background: linear-gradient(180deg, #3473ff 0%, rgb(80 134 255) 55%); font-size: 10px; padding: 3px 3px 3px 4px; border-radius: 5px; top: 1px; position: relative; } .navigation_profile { border-radius: 20px; transition: .2s all; background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%); gap: 11px; padding: 17px; box-shadow: 0px 5px 10px #13151a4f; display: flex; margin-bottom: 20px; flex-direction: column; } .navigation_profile .bxs-door-open{ transition: all 0.2s; width: 29px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #889193 0, #4b5152 100%)); font-size: 15px; color: #b5a6ab; height: 29px; cursor: pointer; display: flex; position: relative; border-radius: 50px; justify-content: center; align-items: center; } .navigation_profile .bxs-door-open:hover{ opacity: 0.7; } .topusers-block { padding: 0px; background: #fff0; margin-bottom: 0px; margin-top: 0px; display: flex; box-shadow: 0px 5px 10px #13151a00; justify-content: space-between; } .topdonators-block { width: 48.3%; height: 65px; display: flex; background: #292c2d; padding: 24px 16px; border-radius: 12px; margin-bottom: 30px; } .topuserss-block { width: 48.2%; height: 65px; display: flex; padding: 24px 16px; margin-bottom: 30px; background: #292c2d; border-radius: 12px; } .userstext-block { font-size: 11px; font-weight: 900; line-height: 15px; width: 95px; padding-top: 5px; height: 40px; background: #ff4d4d00; margin-left: 20px; border-right: solid 1px #353a3b; position: relative; display: block; top: -11px; } .fa-message-lines:before { content: "\f4a6"; color: #3330; transition: 0.2s; font-size: 15.5px; background: #323637; padding: 11.5px; height: 38px; cursor: pointer; top: 6px; border-radius: 10px; margin-right: -20px; margin-left: 5px; position: relative; font-weight: 500; } .servers-block { display: flex; box-shadow: 0px 5px 10px #13151a00; background: #fff0; justify-content: space-between; } .servers-online-block { opacity: 1; transition: .2s all; height: 57px; display: flex; width: 57px; min-width: 57px; margin-left: -4px; margin-right: 5px; border-radius: 50px; box-shadow: 0px 5px 10px #13151a0a; border: solid 4px #545966; margin-bottom: 0px; flex-direction: column; align-items: center; justify-content: center; } .servers-online-block:hover { opacity: 1; transition: .2s all; height: 57px; display: flex; width: 57px; margin-left: -4px; margin-right: 5px; border-radius: 50px; box-shadow: 0px 5px 10px #13151a0a; border: solid 4px #676c7a; margin-bottom: 0px; flex-direction: column; align-items: center; justify-content: center; } #servers { position: relative; gap: 7px; display: flex; width: 100%; flex-direction: column; } .servers-info-block { display: flex; height: 90px; position: relative; overflow: hidden; padding: 45px 10px 45px 15px; border-radius: 16px; border: solid 1px #484d4e; background-size: cover !important; align-items: center; } .servers-info-block .bx-cog { font-size: 12px; position: absolute; display: flex; top: 7px; left: 7px; transition: 0.2s; color: #8b8188; border-radius: 50px; align-items: center; justify-content: center; } .servers-info-block .bx-cog:hover { color: #ffffff; } .servers-info-block .bx-heart:active{ width: 24px; height: 24px; padding-right: 1px; display: flex; background: #ff6b7c; cursor: pointer; color: #ffffff; border: solid 1px #ff6b7c; transition: 0.2s; font-size: 12px; padding-left: 2px; border-radius: 7px; justify-content: center; align-items: center; } .servers-online-now { color: #fff; font-weight: 600; text-align: center; display: flex; height: 45px; width: 45px; z-index: 1; transition: .2s all; position: relative; font-size: 15px; border-radius: 50px; justify-content: center; align-items: center; } .servers-info-span { font-size: 11.5px; line-height: 20px; text-overflow: ellipsis; display: flex; z-index: 1; width: 100%; overflow: hidden; white-space: nowrap; justify-content: space-between; align-items: center; } .pursee-button { padding: 9px; background: linear-gradient(180deg, #545b5c 30%, #454b4c 100%); top: 4px; position: relative; float: right; margin-left: auto; } .pursee-button:hover { opacity: 0.7; } .right-sidebar { width: 330px; top: 0; bottom: 0; margin-top: 20px; border-radius: 13px; margin-bottom: 20px; margin-left: 30px; z-index: 900; background-color: #ffffff; position: fixed; } .block-aut {padding: 10px;display: flex;width: 34.4%;background: #292c2d;border-radius: 13px;position: relative;margin-right: auto;top: 230px;margin-left: auto;flex-direction: column;flex-wrap: nowrap;} .img-setting { width: 100px; border-radius: 15px; } .modal-bans { padding: 0px; display: flex; margin-left: -14px; margin-bottom: 0px; background: #21253100; margin-right: -14px; } .login_account_btn { width: 100%; border: none; border-radius: 10px; text-shadow: #00000085 1px 0 10px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); padding: 14px; cursor: pointer; font-size: 11.5px; color: #ffffff; transition: .2s all; display: flex; font-weight: 600; justify-content: center; align-items: center; } .login_account_btn:hover { opacity: 0.7; } .authoriz { border: none; background: #25324d; border-radius: 9px; margin-top: 8px; margin-right: 8px; display: flex; padding: 11px 20px 11px 16px; color: #6e7678; transition: .2s all; font-weight: 600; justify-content: space-between; align-items: center; } .authoriz:hover { border: none; background: #2a3855; border-radius: 9px; margin-top: 8px; margin-right: 8px; display: flex; padding: 11px 20px 11px 16px; color: #ffffff; transition: .2s all; font-weight: 600; justify-content: space-between; align-items: center; } .authoriz i { font-size: 17px; margin-right: 6px; } .zareg { border: none; background: linear-gradient(34deg, #3473ff 0%, rgb(80 134 255) 55%); border-radius: 9px; margin-top: 8px; margin-right: 1px; display: flex; padding: 11px 20px; color: #ffff; transition: .2s all; font-weight: 600; justify-content: space-between; align-items: center; } .zareg i{ font-size: 17px; margin-right: 6px; } .zareg:hover { border: none; opacity: 0.7; background: linear-gradient(34deg, #3473ff 0%, rgb(80 134 255) 55%); border-radius: 9px; margin-top: 8px; margin-right: 1px; display: flex; padding: 11px 20px; color: #ffff; transition: .2s all; font-weight: 600; justify-content: space-between; align-items: center; } .autorization { background: #272a2b; padding: 12px 30px; border-radius: 8px; margin-right: 7px; } .registrationn { background: #272a2b; padding: 12px 30px; border-radius: 8px; } #exTab1 .tab-content { color : white; background-color: #428bca00; margin-top: -20px; } #exTab2 h3 { color : white; background-color: #428bca; padding : 5px 15px; } #exTab1 .nav-pills > li > a { border-radius: 0; margin-right: 10px; background: #3a3f40; border-radius: 8px; color: #fff; top: -52px; position: relative; display: flex; padding: 12px 30px; } #exTab1 .nav-pills > li > a:hover { border-radius: 0; margin-right: 10px; background: #43494a; border-radius: 8px; color: #fff; display: flex; top: -52px; position: relative; padding: 12px 30px; } #exTab3 .nav-pills > li > a { border-radius: 4px 4px 0 0 ; } #exTab3 .tab-content { color : white; background-color: #428bca; padding : 5px 15px; } .but-bonus { padding: 16px; display: flex; background: linear-gradient(15deg, #2b2f30 30%, #303334 100%); border-radius: 14px; font-size: 10px; line-height: 15px; font-weight: 600; align-items: center; } .but-bonus i{background: linear-gradient(34deg, #c54242 0%, #ff5858 55%);height: 40px;min-width: 40px;border-radius: 11px;font-size: 18px;display: flex;margin-right: 11px;align-items: center;justify-content: center;} .bottom-text { color: #7a8091; font-size: 11px; } .footer-osn { background: #292c2d; padding: 10px; padding-left: 30px; line-height: 20px; margin-top: 10px; padding-right: 30px; display: flex; margin-bottom: 20px; height: 110px; border-radius: 15px; align-items: center; justify-content: space-between; } .but-block { display: flex; width: 100%; padding: 0px; background: #fff0; margin-bottom: -18px; flex-wrap: nowrap; justify-content: space-between; } .bottom-nav { background: #272b3800; display: flex; flex-wrap: nowrap; width: 500px; padding: 20px 20px 0px 20px; margin-bottom: 11px; border-radius: 15px; } .bottom-link { display: flex; padding: 0px; margin-bottom: 30px; background: #5b6b9b00; margin-right: 15px; border-radius: 15px; flex-wrap: wrap; flex-direction: column; } .logo-img { width: 125px; margin-top: -10px; margin-bottom: -10px; margin-right: -10px; margin-left: -10px; } .logo-img-top { width: 100px; margin-right: -10px; position: relative; margin-left: -8px; top: 2px; } .bonus-block { display: flex; border-radius: 15px; background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%); padding: 18px; margin-bottom: 30px; gap: 10px; flex-direction: column; } .button-m { border: none; font-weight: 600; background: linear-gradient(15deg, #3b3f40 30%, #404547 100%); padding: 16px 25px; transition: 0.2s; border-radius: 11px; color: #fff; } .button-plateji { display: flex; padding: 0px; background: #fff0; margin-bottom: 0px; justify-content: space-between; } .user-full { display: flex; background: #313536; border-radius: 19px; background-size: cover; transition: 0.2s; padding: 15px; padding-left: 27px; justify-content: space-between; } .user-full:hover .buttons_friends { display: flex; gap: 10px; animation: 0.5s show ease; } @keyframes show { from { opacity: 0; } to { opacity: 1; } } .user-img { width: 35px; border-radius: 11px; } .user_name_block { padding: 0px; display: flex; margin-left: 12px; line-height: 15px; border-radius: 0px; margin-bottom: 0px; float: right; flex-direction: column; } .button-m:hover { opacity: 0.7; } .komissia-block { background: #89898900; width: 60%; padding-left: 20px; padding-top: 0px; margin-left: 20px; margin-top: 30px; border-radius: 0px; } .date-not { padding: 0px; color: #ffffff; font-weight: 600; font-size: 10px; padding-top: 10px; background: #fff0; margin-top: 10px; } .komissia-h1 { font-size: 13.1px; margin-bottom: 7px; margin-top: -5px; display: block; } .komissia-text { font-size: 11px; font-weight: 500; color: #7a8091; } .tabs-payment { background: #fff0; display: flex; flex-wrap: nowrap; margin-bottom: 30px; border-radius: 15px; padding: 0px; justify-content: space-between; } #noty_bottomRight_layout_container { display: flex; flex-direction: column; align-items: flex-end; } .block-history { padding: 0px; height: 200px; background: #fff0; overflow: auto; border-radius: 0px; margin-bottom: 0px; } .tabcontent { float: left; padding: 0px 20px; width: 100%; margin-top: 15px; border-left: none; height: 300px; } .steamid_recomended { display: flex; border-radius: 15px; padding: 17px 25px; height: 205px; margin-bottom: 30px; box-shadow: 0px 5px 10px #13151a0a; background: #18233a; flex-wrap: nowrap; flex-direction: column; } .promocode-block { display: flex; border-radius: 15px; padding: 24px 16px; margin-bottom: 30px; height: 95px; background: #272a2b; } .steamid_left { width: auto; background: #f6f8ff00; border-radius: 0px; padding: 10px 0px; margin-bottom: -10px; } .steamid_right { background: #ffffff00; padding: 0px; width: auto; position: relative; } .circle-h1 { background: #fff0; width: 8px; padding: 0px; height: 8px; top: 1.1px; position: relative; border-radius: 50%; border: solid 2px #fcc776; } .news-block-info { padding: 0px; bottom: 50px; width: auto; position: absolute; border-radius: 0px; } .news-block-img { height: 150px; display: flex; width: 225px; min-width: 225px; max-width: 225px; background: #383c3d; border-radius: 16px; flex-direction: column; justify-content: space-between; } .news-block { float: right; display: flex; padding: 3px; width: 100%; border-radius: 15px 0px 0px 15px; flex-direction: column; justify-content: space-between; } .news-button-bottom i{font-size: 15px;margin-left: 8px;} .news-button-bottom { cursor: pointer; text-align: center; display: flex; font-size: 9.5px; border: solid 1px #ff8189; letter-spacing: 1px; padding: 11px 0px; background: #fff0; width: 190px; position: relative; font-weight: 600; color: #ff8189; border-radius: 50px; transition: .2s all; justify-content: center; align-items: center; } .news-button-bottom:hover { background: #ff8189; color: #ffffff; } .news-button-vk { cursor: pointer; text-align: center; display: flex; font-size: 11px; margin-top: 6px; padding: 9px 0px; position: relative; font-weight: 600; background: #4b5152; color: #a7a0a2; border-radius: 9px; transition: .2s all; justify-content: center; align-items: center; } .news-button-vk:hover { background: #0377fe; color: #ffffff; } .block-profile-user { display: flex; background: linear-gradient(22deg, rgb(33 37 49) 45%, rgb(46 51 66) 100%); flex-wrap: nowrap; padding: 0px; height: 130px; border-radius: 15px; margin-bottom: 30px; } .block-profile-left { width: 50%; background: #fff0; display: flex; border-radius: 15px; padding: 24px 0px; margin-bottom: 0px; } .block-profile-stats { display: flex; flex-wrap: nowrap; border-radius: 13px; gap: 7px; justify-content: space-between; margin-bottom: 13px; align-items: center; } .stats-text { font-size: 13px; font-weight: 600; color: #ffff; margin-bottom: 4px; } .block-stats { color: #fff; border: solid 1px #505657; display: flex; background: #5f555a8a; padding: 0px 10px 0px 4px; gap: 8px; font-weight: 600; font-size: 11px; height: 26px; border-radius: 50px; align-items: center; } .block-stats .bx-heart{color: #ffffff;font-size: 10px;background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff685d 0, #d15249 100%));text-shadow: #000000d4 1px 0 7px;width: 18px;border-radius: 50px;padding-top: 2px;display: flex;height: 18px;align-items: center;justify-content: center;} .block-stats .bx-message{ color: #ffffff; font-size: 10px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%)); text-shadow: #000000d4 1px 0 7px; width: 18px; border-radius: 50px; padding-top: 2px; display: flex; height: 18px; align-items: center; justify-content: center; } .block-stats .bx-trophy{ color: #ffffff; text-shadow: #000000cf 1px 0 10px; font-size: 11px; background: linear-gradient(34deg, #ad6f2c 0%, #ffa33e 55%); width: 18px; border-radius: 50px; display: flex; height: 18px; align-items: center; justify-content: center; } .block-profile-right { width: 50%; padding: 0px; border-radius: 15px; margin-bottom: 0px; background: #fff0; } .opiss { color: #6e7678; position: relative; font-size: 10px; top: -9px; font-weight: 600; } .table-adaptive .table-row > .row > div > strong, .table-adaptive .table-row > .row > div > p, .table-adaptive .table-row > .row > div > span, .table-adaptive .table-row > .row > div > .area-user, .wapper .monitoring .server p, .wapper .monitoring .server strong, .wapper .monitoring .server a, .block .block_head, .vertical-navigation li a, #place_for_messages .dialog > div:nth-child(1) div p, #events .event > a:not(.btn), #events .event > span, #top_users a div > span, #companions a div > span, #last_activity > div > p, #last_activity > span > p, #mybans > div > p, #mybans > span > p, #forum .row .col-lg-8 > div h3, #forum .row .col-lg-4 div p, #forum_topics .row .col-lg-9 h3, #forum_topics .row .col-lg-3 div p, .user a[href^="../profile"]:not(:first-child), .user .btn, .detailed-profile > div:nth-child(1) > div span, .detailed-profile table tr td:nth-child(2) span, .detailed-profile ul li a, #stats tr td, #news a.small-new div p { -o-text-overflow: ellipsis; text-overflow: ellipsis; /* overflow: hidden; */ white-space: nowrap; } .table-adaptive .table-row, .block, .block .block_head, .our-steam-group, .vertical-navigation, .forum-info, .money-info-block, .profile-top-menu { border-radius: 20px; } .btn, .form-control, [class^="custom-"] { -webkit-box-shadow: none; box-shadow: none; } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn:active:focus, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus, .form-control:hover, .form-control:focus, .form-control:active, .form-control.active, .form-control:active:focus, .form-control:not(:disabled):not(.disabled):active, .form-control:not(:disabled):not(.disabled).active, .form-control:not(:disabled):not(.disabled):active:focus, .form-control:not(:disabled):not(.disabled).active:focus, [class^="custom-"]:hover, [class^="custom-"]:focus, [class^="custom-"]:active, [class^="custom-"].active, [class^="custom-"]:active:focus, [class^="custom-"]:not(:disabled):not(.disabled):active, [class^="custom-"]:not(:disabled):not(.disabled).active, [class^="custom-"]:not(:disabled):not(.disabled):active:focus, [class^="custom-"]:not(:disabled):not(.disabled).active:focus { -webkit-box-shadow: none; box-shadow: none; } *[onclick], *[data-toggle="modal"] { cursor: pointer; font-size: 11px; } *[onclick], *[data-toggle="modal"]:hover { cursor: pointer; font-size: 11px; } *[class^="btn"]:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } .modal .modal-content { border-radius: 20px; margin-left: auto; padding: 5px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); margin-right: auto; } .modal .modal-content .modal-header { border-bottom: none; padding: 17px 20px 20px 20px; display: flex; } .modal .modal-content .modal-header .close { font-size: 20px; margin: 0px; height: 28px; opacity: 1; right: 23px; position: absolute; border-radius: 9px; width: 28px; background: linear-gradient(14deg, #ff4b4b21 10%, #ff4b4b3d 100%); font-weight: 500; transition: .2s all; padding: 0; color: #ff7e7ea1 !important; } .modal .modal-content .modal-header .close:hover { opacity: 0.7; } .modal .modal-content .modal-header h4 { font-weight: 600; font-size: 18px; color: #ffffff; } .modal .modal-content .modal-body { padding: 0 20px 20px 20px; } .modal .modal-content .modal-body h4 { font-weight: 600; font-size: 16px; color: #ffffff; } .modal .modal-content .modal-body table td { vertical-align: middle; } .modal-backdrop.show { opacity: .75; } .modal-lg2 { width: 1200px; } .input-search { height: 80px; border-radius: 4px; overflow: hidden; position: relative; margin-top: -40px; margin-bottom: -23px; } .search_btn { z-index: 2; position: absolute; left: 4px; transition: 0.2s; top: 30px; width: 36px; display: flex; height: 36px; fill: #a5999d; border-radius: 9px; background: linear-gradient(28deg, #4b5152 30%, #555c5d 100%); cursor: pointer; justify-content: center; align-items: center; } .search_btn:hover { opacity: 0.7; } .input-search i.fa-search { z-index: 1000; position: absolute; left: 16px; top: 43px; color: #ffffff; font-size: 12px; cursor: pointer; } .input-search .custom-input, .input-search .custom-input input, .input-search .custom-input .custom-file label, .custom-file .input-search .custom-input label { border-radius: 15 !important; text-indent: 0 !important; border: 0 !important; margin: 0; } .input-search .custom-input { margin-left: 35px; height: 50px; width: calc( 100% - 0px); top: 19px; padding-right: 60px; } .input-search .custom-input.with-title span { top: 19px !important; } .input-search .custom-select { width: 130px; position: absolute; right: 10px; top: 28px; height: 40px; } .input-search .custom-select.with-title > select { line-height: 22px; font-size: 12px; padding-top: 13px; position: relative; } .input-search .custom-select.with-title > span { font-size: 10px; line-height: 14px; top: 4px; } #toCopy { display:none } .flex_donate_merch .with-title { position:relative; top: 0px; } .custom-input { cursor: text; background: #f9faff00; margin-bottom: 0px; z-index: 1; position: relative; width: 100%; } .custom-input i { z-index: 100 !important; position: absolute; color: #a5b2c4; left: 16px; top: 17px; font-size: 20px; } .custom-input > small { cursor: default; position: relative; line-height: 17px; font-size: 11px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; opacity: 0; z-index: 2; } .custom-input > small:not(:empty) { opacity: 1; height: 30px; color: #a0c0bb; gap: 8px; display: flex; align-items: center; } .custom-input > input, .custom-file .custom-input > label { border-radius: 10px; z-index: 2; border: 0; margin: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 10px; font-weight: 500; font-size: 14px; } .custom-input > input::-webkit-input-placeholder, .custom-file .custom-input > label::-webkit-input-placeholder { color: #939b9d; } .custom-input > input:-ms-input-placeholder, .custom-file .custom-input > label:-ms-input-placeholder { color: #939b9d; } .custom-input > input::-ms-input-placeholder, .custom-file .custom-input > label::-ms-input-placeholder { color: #939b9d; } .custom-input > input::placeholder, .custom-file .custom-input > label::placeholder { color: #939b9d; } .custom-input.with-button > input, .custom-file .custom-input.with-button > label { padding-right: 58px; } .custom-input.with-button > button { z-index: 3; right: 6px; width: 115px; border: none; height: 42px; font-size: 10.5px; display: flex; background: linear-gradient(0deg, #534c4f94 30%, #534c4f 100%); color: #fff; border-top: solid 1px #635b5f; margin-top: 6px; position: absolute; font-weight: 600; border-radius: 10px; transition: 0.2s; align-items: center; justify-content: center; } .custom-select.with-button > button { z-index: 3; right: 6px; background: linear-gradient(0deg, #534c4f94 30%, #534c4f 100%); width: 115px; border: none; height: 42px; font-size: 10.5px; display: flex; color: #fff; margin-top: 6px; border-top: solid 1px #635b5f; position: absolute; font-weight: 600; border-radius: 10px; transition: 0.2s; align-items: center; justify-content: center; } .custom-input.with-button > button > i { color: #ffffff; } .custom-input.with-button > button:hover { opacity: 0.7; } .custom-select.with-button > button:hover { opacity: 0.7; } .custom-input.with-button > button:hover > i { color: #fff; } .custom-input.with-button > button > i.fa-pencil { display: block; width: 100%; height: 100%; line-height: 31px; font-weight: 100; font-size: 11px !important; } .custom-input.with-title > input, .custom-file .custom-input.with-title > label { position: relative; font-size: 12px; background-color: #2b2f30; color: #fff; height: 55px; padding-top: 15px; padding-left: 50px; } .custom-input.with-title > span { z-index: 3; font-size: 11px; line-height: 18px; position: absolute; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; height: 18px; top: 19px; font-weight: 600; left: 50px; color: #8a8084 !important; } .custom-input.with-title > input:not(:placeholder-shown) + span, .custom-file .custom-input.with-title > label:not(:placeholder-shown) + span, .custom-input.with-title > input:focus + span, .custom-file .custom-input.with-title > label:focus + span { font-size: 11px; top: 20px; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); } .custom-input.with-title input.placeholder-hidden + span, .custom-input.with-title .custom-file label.placeholder-hidden + span, .custom-file .custom-input.with-title label.placeholder-hidden + span { left: 15px; font-size: 12px; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); } .custom-select { cursor: text; background: #262f4200; z-index: 1; position: relative; border: 1px solid #262f4200; height: 49px; width: 100%; min-width: 90px; border-radius: 9px; margin-bottom: 14px; padding: 0; } .custom-select i{ z-index: 100 !important; position: absolute; color: #a5b2c4; left: 16px; top: 17px; font-size: 20px; } .custom-select > small { cursor: default; bottom: -22px; position: absolute; line-height: 17px; font-size: 12px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; opacity: 0; z-index: 2; } .custom-select > small:not(:empty) { opacity: 1; } .custom-select > select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 6px; z-index: 2; border: 0; margin: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 13px; font-weight: 500; font-size: 14px; } .custom-select > select::-webkit-input-placeholder { color: #939b9d; } .custom-select > select:-ms-input-placeholder { color: #939b9d; } .custom-select > select::-ms-input-placeholder { color: #939b9d; } .custom-select > select::placeholder { color: #939b9d; } .custom-select.with-title > select { font-size: 11px; padding-top: 16px; background: #2b2f30; font-weight: 600; padding-left: 50px; height: 55px !important; top: -1px; cursor: pointer; transition: 0.2s; border-radius: 10px; color: #ffff; } .custom-select.with-title > select:focus { background: #3f4344; } .custom-select.with-title > span { z-index: 3; font-size: 11px; line-height: 14px; position: absolute; height: 18px; font-weight: 600; top: 10px; left: 50px; color: #a5b2c4 !important; } .form-control { font-size: 11px; font-weight: 600; border-radius: 10px; height: 55px; text-indent: 0; background: #333738 !important; border: 1px solid #333738; color: #ffffff; transition: 0.2s; } .form-control:focus { border-color: #393d3e; color: #ffffff; background: #393d3e !important; -webkit-box-shadow: none; box-shadow: none; } input.form-control, .custom-file label.form-control, input[type="file"], .custom-file label[type="file"], select.form-control, select[type="file"] { padding: 0 15px; line-height: 40px; margin-bottom: 10px; } input.form-control::-webkit-input-placeholder, .custom-file label.form-control::-webkit-input-placeholder, input[type="file"]::-webkit-input-placeholder, .custom-file label[type="file"]::-webkit-input-placeholder, select.form-control::-webkit-input-placeholder, select[type="file"]::-webkit-input-placeholder { font-size: 13px; color: #ffffff; } input.form-control:-ms-input-placeholder, .custom-file label.form-control:-ms-input-placeholder, input[type="file"]:-ms-input-placeholder, .custom-file label[type="file"]:-ms-input-placeholder, select.form-control:-ms-input-placeholder, select[type="file"]:-ms-input-placeholder { font-size: 13px; color: #ffffff; } input.form-control::-ms-input-placeholder, .custom-file label.form-control::-ms-input-placeholder, input[type="file"]::-ms-input-placeholder, .custom-file label[type="file"]::-ms-input-placeholder, select.form-control::-ms-input-placeholder, select[type="file"]::-ms-input-placeholder { font-size: 13px; color: #ffffff; } input.form-control::placeholder, .custom-file label.form-control::placeholder, input[type="file"]::placeholder, .custom-file label[type="file"]::placeholder, select.form-control::placeholder, select[type="file"]::placeholder { font-size: 11px; color: #a8aeaf; } input[disabled], .custom-file label[disabled], select[disabled] { /* color: #777 !important; */ cursor: not-allowed !important; } .custom-file { border-radius: 4px; cursor: pointer; } .custom-file input, .custom-file label { -webkit-box-shadow: none !important; box-shadow: none !important; border-color: #1247eb00 !important; } .custom-file label { width: 100%; height: 50px; display: flex; position: absolute; top: 0; right: 0; left: 0; cursor: pointer; z-index: 2; transition: 0.2s; color: #9b9497; font-size: 11px; font-weight: 600; background-color: #4c4448bf; border-radius: 11px; border: dashed 1px #695f64 !important; padding: 0 16px; align-items: center; justify-content: center; } .custom-file label:hover { color: #ffffff; background-color: #5f555abf; border: dashed 1px #756b70 !important; } .custom-file label::after { display:none; } .custom-file:hover label::after { opacity: 0.7; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { color: #ffffff00; background-color: transparent; } .custom-radio .custom-control-label { color: #6e7678; line-height: 24px; cursor: pointer; font-weight: 600; font-size: 11px; } .custom-radio .custom-control-label::before { background: #17171700 !important; border: 1px solid #6e7678 !important; } .custom-radio .custom-control-label::after, .custom-radio .custom-control-label::before { -webkit-box-shadow: none !important; box-shadow: none !important; } .custom-checkbox { cursor: pointer; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { border: 0; } .custom-checkbox .custom-control-label { color: #6e7678; line-height: 25px; cursor: pointer; font-size: 10.9px; font-weight: 600; } .custom-checkbox .custom-control-label::before { background-color: #212d47; border: 1px solid #212d47; } .custom-checkbox .custom-control-label::after, .custom-checkbox .custom-control-label::before { -webkit-box-shadow: none !important; box-shadow: none !important; } textarea:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } select.form-control { text-indent: 0px; height: 41px !important; position: relative; top: 8px; font-size: 10.5px; color: #ffffff; font-weight: 600; border-radius: 8px; } input[disabled], .custom-file label[disabled] { cursor: text !important; background: transparent; } input[type="file"], .custom-file label[type="file"] { text-indent: 0; border: 0; border-radius: 10px; font-size: 11px; font-weight: 600; margin-left: -60px; color: #6a7273; overflow: hidden; max-width: 100%; } .input-xs { height: 18px; padding: 0 6px; font-size: 12px; line-height: 18px; border-radius: 2px; width: auto; } .input-xsselect { height: 23px; line-height: 23px; } .input-xs[type="file"] { border-radius: 3px; padding: 0; height: 23px; width: auto; font-size: 12px; line-height: 23px; } a.btn { line-height: 28px; } a[data-toggle="popover"] { cursor: pointer; } .input-group-sm { min-width: 150px; } .input-group-sm input, .input-group-sm .custom-file label, .custom-file .input-group-sm label { text-indent: 5px; } .input-group .input-group-prepend .btn { margin: 0; } .input-group .input-group-text { height: 40px; background-color: whitesmoke; } .input-group.editing-date select { padding-left: 5px; text-indent: 0; } .form-group label h4 { font-size: 16px; margin: 0; color: #ffffff; } small { font-size: 12px; color: #978f94; font-weight: 600; line-height: 11px; } * > p:last-child { color: #fff; font-weight: 600; } p { margin-top: 0; margin-bottom: 20px; } .text-warning { color: #ffbea4 !important; font-weight: 600; } .text-success { color: #82b975 !important; } .text-info { color: #ffa8b8 !important; } .text-error, .text-danger { color: #ff8b8b !important; font-size: 11.5px; border-radius: 8px; padding: 0px; } a.text-danger:focus,a.text-danger:hover { color: #ce6e6e!important } .btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active { position: relative; font-size: 11px; color: #ffffff !important; display: flex; background: #464b54; height: 50px !important; padding: 0px 25px !important; transition: 0.2s; font-weight: 600; align-items: center; } a.btn:not(.disp-n), input.btn:not(.disp-n), .custom-file label.btn:not(.disp-n), button.btn:not(.disp-n), label.btn:not(.disp-n) { position: relative; font-size: 11px; color: #ffffff !important; text-shadow: #00000063 1px 0 10px; display: flex; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); height: 50px !important; padding: 0px 25px !important; transition: 0.2s; border-radius: 10px !important; font-weight: 600; border: none; align-items: center; justify-content: center; } a.btn:not(.disp-n), input.btn:not(.disp-n), .custom-file label.btn:not(.disp-n), button.btn:hover:not(.disp-n), label.btn:not(.disp-n) { font-size: 11px !important; opacity: 0.7; border-radius: 10px !important; padding: 0px 25px !important; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)) !important; } a.btn:not(.disp-n).btn-primary span, input.btn:not(.disp-n).btn-primary span, .custom-file label.btn:not(.disp-n).btn-primary span, button.btn:not(.disp-n).btn-primary span, label.btn:not(.disp-n).btn-primary span { color: #fff !important; } a.btn:not(.disp-n).btn-default, a.btn:not(.disp-n).btn-outline-primary, input.btn:not(.disp-n).btn-default, .custom-file label.btn:not(.disp-n).btn-default, input.btn:not(.disp-n).btn-outline-primary, .custom-file label.btn:not(.disp-n).btn-outline-primary, button.btn:not(.disp-n).btn-default, button.btn:not(.disp-n).btn-outline-primary, label.btn:not(.disp-n).btn-default, label.btn:not(.disp-n).btn-outline-primary { background: #43494a !important; border-radius: 11px; border: none; color: #8e9698; text-shadow: #00000000 1px 0 10px; padding: 0px 25px !important; border-radius: 10px !important; font-size: 11px; } a.btn:not(.disp-n).btn-default span, a.btn:not(.disp-n).btn-default i, a.btn:not(.disp-n).btn-outline-primary span, a.btn:not(.disp-n).btn-outline-primary i, input.btn:not(.disp-n).btn-default span, .custom-file label.btn:not(.disp-n).btn-default span, input.btn:not(.disp-n).btn-default i, .custom-file label.btn:not(.disp-n).btn-default i, input.btn:not(.disp-n).btn-outline-primary span, .custom-file label.btn:not(.disp-n).btn-outline-primary span, input.btn:not(.disp-n).btn-outline-primary i, .custom-file label.btn:not(.disp-n).btn-outline-primary i, button.btn:not(.disp-n).btn-default span, button.btn:not(.disp-n).btn-default i, button.btn:not(.disp-n).btn-outline-primary span, button.btn:not(.disp-n).btn-outline-primary i, label.btn:not(.disp-n).btn-default span, label.btn:not(.disp-n).btn-default i, label.btn:not(.disp-n).btn-outline-primary span, label.btn:not(.disp-n).btn-outline-primary i { color: #61696b; font-size: 22px; line-height: 46px; } label.btn.btn-sm { height: 32px; line-height: 20px !important; font-size: 12px !important; } blockquote { padding: 20px; margin: 15px 0 10px; border-radius: 0px 13px 13px 0px; border-left: 3px solid #f57386; background: #f5738617 none repeat scroll 0 0; font-size: 11px; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } blockquote:before, blockquote:after { content: ""; } @media (max-width: 991.99px) { .order-is-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1 !important; } .order-is-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13 !important; } } @media (min-width: 992px) { .order-is-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-is-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } } .table-adaptive { border-radius: 14px; color: #736a6e; font-size: 11px; font-weight: bold; } .table-adaptive.table-fused { overflow: hidden; border-radius: 4px; margin-top: 0px !important; } .table-adaptive.table-fused .loader { margin: 16px 0; } .table-adaptive.table-fused .table-row { -webkit-box-shadow: none; box-shadow: none; margin: 0; border-bottom: 1px solid #f1f2f400; padding: 4px 27px; margin-bottom: 7px; transition: .2s all; } .table-adaptive.table-fused .table-row:hover { background: #424849 !important; } .table-adaptive.table-fused .table-row:last-child { border-bottom: 0; } .table-adaptive .table-row { margin-bottom: 9px; border-radius: 11px; padding: 5px 28px; background: #353939; transition: 0.2s; } .table-adaptive .table-row:hover { background: #3e4243; } .table-adaptive .table-row > .row { height: 50px; display: flex; flex-wrap: nowrap; position: relative; } .table-adaptive .table-row > .row > div { padding: 0 16px; } .table-adaptive .table-row > .row > div > strong, .table-adaptive .table-row > .row > div > p, .table-adaptive .table-row > .row > div > span { display: inline-block; max-width: 110%; } .table-adaptive .table-row > .row > div > p { width: auto; color: #6c6e8100; font-weight: 600; font-size: 0px; line-height: 52px; } .table-adaptive .table-row > .row > div > strong { color: #6e7678; font-weight: 600; line-height: 48px; font-size: 12px; } .table-adaptive .table-row > .row > div > .area-user { color: #ffffff; font-weight: 600; line-height: 48px; font-size: 13px; } .table-adaptive .table-row > .row > div > .area-user a img { height: 25px; width: 25px; border-radius: 50%; margin-right: 5px; } .table-adaptive .table-row > .row > div > .area-user a i { font-style: normal; } .table-adaptive .table-row > .row > div > .area-image img { margin: 10px; max-height: 30px; width: auto; } .table-adaptive .table-row > .row > div.with-icon { position: relative; padding-left: 46px; } .table-adaptive .table-row > .row > div.with-icon > i, .table-adaptive .table-row > .row > div.with-icon > img { position: absolute; left: 1px; top: 18px; } .table-adaptive .table-row > .row > div.with-icon > i { color: #ff9573; font-size: 15px; border-radius: 9px; background: #ff957326; top: 9px; padding: 9px; } .table-adaptive .table-row > .row > div.with-icon > img { height: 20px; width: 20px; border-radius: 50px; top: 16px; } .table-adaptive .table-row > .row > div.with-description > p { line-height: 22px; font-size: 12px; margin: 15px 0px 0; position: relative; text-overflow: ellipsis; width: 150px; white-space: nowrap; top: -7px; font-style: normal; border: none; overflow: hidden; background: #fff0; color: #ffff; font-weight: 600; } .table-adaptive .table-row > .row > div.with-description > p a { color: #ffffff; font-style: normal; position: relative; z-index: 111; } .table-adaptive .table-row > .row > div.with-description > p a:hover { opacity: 0.7; } .table-adaptive .table-row > .row > div.with-description > p a i{ color: #ffffff; font-style: normal; } .table-adaptive .table-row > .row > div.with-description > .area-user img { display: none; } .table-adaptive .table-row > .row > div.with-description > span { width: 100%; font-weight: 700; line-height: 20px; font-size: 10.5px; top: -20px; position: relative; color: #91868a; } .table-adaptive .table-row > .row > div.with-description > span a { color: #ffffff !important; margin-left: 5px; } .table-adaptive .table-row > .row > div.with-description > span p { color: #7a8091 !important; margin: 0; font-weight: 600; margin-left: 68px; text-align: center; position: relative; display: flex; font-size: 10px; top: -3px; flex-wrap: nowrap; justify-content: flex-start; } .table-adaptive .table-row > .row > div.with-button > .btn { margin: 8px 0 0; } .table-adaptive .table-row > .row > div.with-button > .btn i { font-size: 14px; line-height: 30px; text-align: center; } @media (max-width: 991.99px) { .table-adaptive .table-row > .row { height: auto; display: flex; padding-bottom: 15px; padding-top: 15px; flex-direction: column; } .btn_heading_rules { display: none; } #servers { padding-right: 0px; } .btn_heading_full { display: none; } .table-adaptive .table-row > .row > div { padding: 0 16px; height: 42px; margin-left: 0px !important; } .table-adaptive .table-row > .row > div.with-icon { padding-left: 16px; } .table-adaptive .table-row > .row > div.with-icon > i, .table-adaptive .table-row > .row > div.with-icon > img { display: none; } .table-adaptive .table-row > .row > div.with-button .btn { width: 100%; } } #cote { height: 150px; width: 150px; position: absolute; right: -25px; cursor: pointer; bottom: -29px; z-index: 1001; } #cote img { height: 150px; width: 150px; } @media (max-width: 991.99px) { @media(min-width:768px){#muts .danger .row { height: 100%; flex-direction: column; }} @media(min-width:768px){#muts .danger { padding-top: 17px; border-radius: 20px; }} .table-adaptive .table-row > .row > div.with-icon > img { display: none; }@media(min-width:768px){#muts .danger > .row > div.with-icon > i{ display: none; }} @media(min-width:768px){#muts .danger > .row > div.with-icon { position: relative; padding-left: 17px; }} #cote { display: none; } @media(min-width:768px){#banlist .danger .row { height: 100%; flex-direction: column; }} @media(min-width:768px){#banlist .danger { padding-top: 17px; border-radius: 20px; }} .table-adaptive .table-row > .row > div.with-icon > img { display: none; }@media(min-width:768px){#banlist .danger > .row > div.with-icon > i{ display: none; }} @media(min-width:768px){#banlist .danger > .row > div.with-icon { position: relative; padding-left: 17px; }} .double_heading i {min-width: 45px;} @media(min-width:768px){#banlist .success .row { height: 100%; flex-direction: column; }} @media(min-width:768px){#banlist .success { padding-top: 17px; border-radius: 20px; }} .table-adaptive .table-row > .row > div.with-icon > img { display: none; }@media(min-width:768px){#banlist .success > .row > div.with-icon > i{ display: none; }} @media(min-width:768px){#banlist .success > .row > div.with-icon { position: relative; padding-left: 17px; }} @media(min-width:768px){#muts .success .row { height: 100%; flex-direction: column; }} @media(min-width:768px){#muts .success { padding-top: 17px; border-radius: 20px; }} .table-adaptive .table-row > .row > div.with-icon > img { display: none; }@media(min-width:768px){#muts .success > .row > div.with-icon > i{ display: none; }} @media(min-width:768px){#muts .success > .row > div.with-icon { position: relative; padding-left: 17px; }} } .m-icon { font-family: Font Awesome\ 5 Pro; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; font-weight: 900; } .m-icon.icon-trash:before { font-weight: 400; content: "\f1f8"; } .m-icon.icon-remove:before { content: "\f00d"; } .m-icon.icon-ok:before { content: "\f00c"; } .m-icon.icon-pencil:before { font-weight: 400; content: "\f040"; } .m-icon.icon-link:before { content: "\f0c1"; } .m-icon.icon-time:before { font-weight: 400; content: "\f017"; } .m-icon.icon-user:before { content: "\f007"; } .m-icon.icon-up:before { content: "\f077"; } .m-icon.icon-down:before { content: "\f078"; } .m-icon.icon-left:before { content: "\f104"; } .m-icon.icon-right:before { content: "\f105"; } .m-icon.icon-plus:before { content: "\f067"; } .m-icon.icon-minus:before { content: "\f068"; } .m-icon.icon-bank:before { content: "\f19c"; } .m-icon.icon-marker:before { content: "\f041"; } .m-icon.icon-vk:before { font-family: 'Font Awesome 5 Brands', serif; content: "\f189"; } .m-icon.icon-steam:before { font-weight: 400; font-family: 'Font Awesome 5 Brands', serif; content: "\f3f6"; } .m-icon.icon-fb:before { font-family: 'Font Awesome 5 Brands', serif; content: "\f39e"; } .m-icon.icon-bars:before { content: "\f0c9"; } .m-icon.icon-compress:before { content: "\f066"; } .with_code { overflow-wrap: break-word; height: auto; font-weight: 500; background: rgb(30 34 47 / 0%); border-radius: 15px; flex: 0 0 auto; } .with_code:hover .answer { color: #636b6d; } .with_code:hover .answer:hover { color: #ffffff; } .with_code ol { list-style: decimal; margin-left: 15px; } .with_code ul { list-style: disc; margin-left: 15px; } .with_code em { font-style: italic; } .with_code video { max-width: 100%; } .with_code .player { height: 40px; overflow: hidden; } .with_code .player object { position: relative; margin-top: -22px; } .with_code video, .with_code iframe { border: 0; max-width: 100%; } .with_code img { height: auto; max-width: fit-content; width: 100%; } .with_code img[style="margin-left:auto;margin-right:auto;"] { margin: 0 auto; display: block; } .with_code .m-icon { font-size: 7px; margin-right: 4px; color: #ffffff; background: #fe7d7f; width: 15px; text-align: center; height: 15px; border-radius: 50px; line-height: 16px; } .with_code::after { clear: both; display: table; content: " "; } .with_code table { width: auto; max-width: 100% !important; } .with_code table tr td { border: 1px solid #f1f2f4; padding: 5px; word-break: break-all; white-space: pre-wrap; word-wrap: break-word; } .with_code .g_sticker { max-width: 250px !important; } .order-is-first { order: 13; } .order-is-last {order: -1;} img.thumbnail-img { border-radius: 13px; height: auto; margin: 0; width: 100%; margin-top: 10px; } #imgs .thumbnail { max-width: 100px; margin-right: 10px; margin-bottom: 0; float: left; } #imgs::before, #imgs::after { display: table; content: " "; } #imgs::after { clear: both; } div.spoiler div.spoiler-title { font-size: 13px; font-weight: bold; padding: 5px 3px; border: 1px solid #f1f2f4; cursor: pointer; line-height: 25px; background: whitesmoke; height: 35px; } div.spoiler div.spoiler-title div.spoiler-toggle { float: left; width: 11px; height: 11px; margin-top: 5px; margin-left: 10px; margin-right: 6px; cursor: pointer; -webkit-user-modify: read-only; } div.spoiler div.spoiler-title div.hide-icon { background: url("../img/minus.png") no-repeat scroll left center transparent; } div.spoiler div.spoiler-title div.show-icon { background: url("../img/plus.png") no-repeat scroll left center transparent; } div.spoiler div.spoiler-content { font-size: 13px; border: 1px solid #f1f2f4; border-top: 0; padding: 6px 10px; background: #fff; } div.spoiler div.title-text { float: left; height: 24px; line-height: 20px; font-weight: normal; } .error_message, .success_message { height: 0; margin: 0; font-size: 12px; position: relative; float: right; top: -54px; right: 55px; } .input_error { background-color: #ed717121 !important; } .input_success { border-color: #8fc47a !important; background-color: #e3f5dc !important; } .success_message { color: #0BB07B !important; } .error_message { color: #ff686800 !important; } .table-responsive { width: 100%; margin-bottom: 0px; border: 1px solid #f1f2f400; } @media (min-width: 992px) { .table-responsive { overflow: hidden; background: #212d4700; padding: 0px; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: normal !important; } } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > table.table { border: 0 !important; } .table-responsive > table.table > tbody:first-child > tr:first-child > th, .table-responsive > table.table > tbody:first-child > tr:first-child > td, .table-responsive > table.table > thead > tr:first-child > th, .table-responsive > table.table > thead > tr:first-child > td { border-top: 0 !important; color: #8d8287 !important; } .table-responsive > table.table > thead > tr > th:first-child, .table-responsive > table.table > tbody > tr > th:first-child, .table-responsive > table.table > tfoot > tr > th:first-child, .table-responsive > table.table > thead > tr > td:first-child, .table-responsive > table.table > tbody > tr > td:first-child, .table-responsive > table.table > tfoot > tr > td:first-child { border-left: 0 !important; padding-right: 0px; color: #fff; border-radius: 9px 0px 0px 9px; padding-left: 20px; } .table-responsive > table.table > thead > tr > th:last-child, .table-responsive > table.table > tbody > tr > th:last-child, .table-responsive > table.table > tfoot > tr > th:last-child, .table-responsive > table.table > thead > tr > td:last-child, .table-responsive > table.table > tbody > tr > td:last-child, .table-responsive > table.table > tfoot > tr > td:last-child { border-right: 0 !important; border-radius: 0px 9px 9px 0px; } .table-responsive > table.table > tbody > tr:last-child > th, .table-responsive > table.table > tfoot > tr:last-child > th, .table-responsive > table.table > tbody > tr:last-child > td, .table-responsive > table.table > tfoot > tr:last-child > td { border-bottom: 0 !important; } table.table.table-bordered { border-color: #e1e4e800 !important; } table.table.table-bordered tr { position: relative; height: 55px; background: #2b2f30; } tr:nth-child(even) { background-color: #3c4142 !important; } table.table.table-bordered tr td { font-size: 11px; padding-left: 0px; border: none; font-weight: 600; border-color: #353939 !important; } table.table > thead tr td { font-size: 13px; } table.table > tbody > tr.danger > td { border-color: #e8caca; color: #ff7e7e; } table.table > tbody > tr.success > td { background: #e3f5dc; border-color: #cde8c3; color: #0BB07B; } table.table > tbody > tr.success > td span { color: #0BB07B; } table.table > tbody > tr.warning > td { border-color: #e8ddca; color: #fba85e; } table.table > tbody > tr.warning > td span { color: #ffffff; } table.table > tbody > tr > td { vertical-align: middle; font-size: 13px; line-height: 15px; color: #ffffff; } table.table > tbody > tr > td .btn { margin: 0; } table.table > tbody > tr > td p { margin: 0; } table.table > tbody > tr > td a { color: #ffffff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } table.table > tbody > tr > td a[href*="profile"] img, table.table > tbody > tr > td a img[src="../files/avatars/no_avatar.jpg"] { height: 18px; width: 18px; margin-right: 5px; border-radius: 4px; } table.table > tbody > tr > td a[href*="profile"] i { font-style: normal; } #search_ban_res_min > tr:nth-child(2n) { height: 0 !important; padding: 0 !important; margin: 0 !important; } #search_ban_res_min > tr:nth-child(2n) > td { height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; } #bans tr td:nth-child(1):hover, #tickets tr td:nth-child(2):hover, #open_tickets tr td:nth-child(2):hover, #close_tickets tr td:nth-child(2):hover, #search_ban_res_min tr td:nth-child(2):hover { background-color: #1f1f1f00; } #bans tr td:nth-child(1) a, #tickets tr td:nth-child(2) a, #open_tickets tr td:nth-child(2) a, #close_tickets tr td:nth-child(2) a, #search_ban_res_min tr td:nth-child(2) a { max-width: 300px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; position: relative; top: 4px; margin-right: 30px; white-space: nowrap; display: inline-block; } #stats td { vertical-align: middle; cursor: pointer; }@media(min-width:768px){#muts td, #banlist td{ vertical-align: middle; cursor: pointer; }} td[colspan$="10"] img, td[colspan$="10"] { text-align: center; padding-bottom: 10px; color: #7d7679; width: 1220px; border-radius: 10px; font-size: 12px; font-weight: 600; margin: 0 auto; } table tr[data-toggle="modal"] > td, table.admins tr > td { border-bottom: 0 !important; } .hidden-tr > td { height: 0 !important; border: 0 !important; padding: 0 !important; } .mce-tinymce { -webkit-box-shadow: none !important; box-shadow: none !important; } .mce-tinymce .mce-btn-small button { padding: 7px 6px; } .mce-tinymce .mce-path { padding: 14px; } .mce-tinymce .mce-btn-group:not(:first-child) { border-left: 0; } .mce-fullscreen div[id^="mceu_"].mce-container.mce-fullscreen { z-index: 2000; } .label.label-default { color: #466ea5; } .label.label-success { color: #ffa0a0; } .label.label-danger { color: #FF5D5D; } #new_news .empty-element { margin-left: 15px; margin-right: 15px; } #users .empty-element { margin-bottom: 13px; border-radius: 14px !important; background: #2e3239bd !important; display: flex !important; width: 100%; font-weight: bold; margin-left: 15px; margin-right: 15px; color: #757b83; font-size: 11px; border: dashed 1px #4a4f59 !important; padding: 40px !important; align-items: center !important; justify-content: center !important; } #unfriends .empty-element { margin-left: 15px; margin-right: 15px; } .empty-element { margin-bottom: 13px; border-radius: 14px !important; background: #3f373a7a !important; display: flex !important; width: 100%; font-weight: bold; color: #81767b; font-size: 11px; border: dashed 1px #494f50 !important; padding: 40px !important; align-items: center !important; justify-content: center !important; } div[id^="pagination"]::after { display: table; clear: both; content: ' '; } .pagination { display: inline-block; border: solid 1px #473e41fa; border-radius: 50px; background: #5d55582e; padding: 7px 4px; } .pagination > li { display: inline; } .pagination > li:first-child > a, .pagination > li:last-child > a { background: #2b2f30; } .pagination > li:first-child > a span, .pagination > li:last-child > a span { color: #ffffff !important; } .pagination > li:first-child > a > span, .pagination > li:last-child > a > span { font-family: Font Awesome\ 5 Pro; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 0px; line-height: 30px; vertical-align: -.0667em; font-weight: 400; color: #ffffff; } .pagination > li:first-child > a > span:before, .pagination > li:last-child > a > span:before { color: #a1a8aa; font-size: 9px; position: relative; font-weight: 600; top: -1px; } .pagination > li:first-child > a > span:before { content: "\f060"; } .pagination > li:last-child > a > span:before { content: "\f061"; } .pagination > li > a, .pagination > li > span { position: relative; float: left; height: 35px; width: 35px; text-align: center; margin: 0 5px; border-radius: 50px; font-size: 11px; line-height: 34px; color: #a1a8aa; border: 1px solid #2b2f30; background: #2b2f30; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { border: 1px solid #4a5051; background: #4a5051; color: #ffff; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)) !important; cursor: default; text-shadow: #000000d4 1px 0 7px; background-color: #41454d; border-color: #41454d; border: none; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { cursor: not-allowed; } div[id^="pagination"] { display: block; text-align: center; margin: 0 auto 25px; } div[id^="pagination"] ul { float: left; margin: 0 -5px; } @media (max-width: 991.99px) { .pagination > li.pagination-excess { display: none !important; } .btn_unban { gap: 8px; display: flex; flex-direction: column; align-items: flex-start; } } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel > .container { padding: 0; } .owl-carousel.smiles_panel *::selection, .owl-carousel.smiles_panel *::-moz-selection { background: none; } .owl-carousel .owl-dots { display: none; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; margin-left: 21.5px; width: 82%; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { padding: 0 !important; font: inherit; border: none !important; background: #505657; transition: 0.2s all; width: 37px; position: relative; border-radius: 10px; color: #afb4b5; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .no-js .owl-carousel { display: block; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 1100; background-color: black; opacity: 0.75; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 1110; text-align: center; line-height: 0; font-weight: normal; display: none; } .lightbox .lb-outerContainer { position: relative; background-color: white; /* *zoom: 1; */ width: 250px; height: 250px; margin: 0 auto; border-radius: 2px; } .lightbox .lb-outerContainer .lb-container { padding: 2px; } .lightbox .lb-outerContainer .lb-container > .nav { left: 0; } .lightbox .lb-outerContainer .lb-container .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lightbox .lb-outerContainer .lb-container .lb-loader .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url("../img/loader.gif") no-repeat; } .lightbox .lb-outerContainer .lb-container .lb-image { display: block; height: auto; max-width: inherit; border-radius: 3px; } .lightbox .lb-outerContainer .lb-container .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lightbox .lb-outerContainer .lb-container .lb-nav a { outline: none; background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); } .lightbox .lb-outerContainer .lb-container .lb-nav .lb-prev, .lightbox .lb-outerContainer .lb-container .lb-nav .lb-next { height: 100%; cursor: pointer; display: block; } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev, .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next { opacity: 0; -webkit-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; background: rgba(0, 0, 0, 0.26); } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev:after, .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next:after { font-family: Font Awesome\ 5 Pro; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; line-height: 0.75em; font-weight: 900; font-size: 30px; color: #fff; position: absolute; top: 50%; margin-top: -0.325em; } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev { width: 20%; left: 0; float: left; } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev::after { margin-left: -8px; left: 10%; content: "\f104"; } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next { width: 20%; right: 0; float: right; } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next::after { margin-right: -8px; right: 10%; content: "\f105"; } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev:hover, .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next:hover { opacity: 0.8; } .lightbox .lb-outerContainer:after { content: ""; display: table; clear: both; } .lightbox a img { border: none; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; /* *zoom: 1; */ width: 100%; } .lb-dataContainer::after { content: ""; display: table; clear: both; } .lb-dataContainer .lb-data { padding: 0 4px; color: #ccc; } .lb-dataContainer .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-dataContainer .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-dataContainer .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999; } .lb-dataContainer .lb-data .lb-close { color: #ccc; display: block; float: right; width: 30px; height: 30px; text-align: right; outline: none; opacity: 0.7; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-dataContainer .lb-data .lb-close::after { font-family: Font Awesome\ 5 Pro; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; font-weight: 900; content: "\f00d"; } .lb-dataContainer .lb-data .lb-close:hover { cursor: pointer; opacity: 1; } .noty_bar.noty_type_error .noty_message { background: #fce3e3; color: #FF5D5D; border: 1px solid #e8caca; } .noty_bar.noty_type_error a { color: #FF5D5D; } .noty_bar .noty_message { padding: 15px !important; } .noty_bar .noty_message .noty_text { margin: -15px; display: block; font-weight: 400; } .noty_bar .noty_message .noty_text a { display: block; background: #e17b7d; color: #ffffff; font-size: 11px; padding: 15px 25px; } .noty_bar .noty_message .noty_text a:hover { display: block; background: #c36c6e; color: #ffffff; font-size: 11px; padding: 15px 25px; } .animated { border: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 9px !important; width: fit-content !important; background-color: #ffffff00 !important; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated .infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { border-radius: 10px !important; background-color: rgb(47 51 58) !important; width: auto !important; float: right; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } #nprogress { z-index: 1200; pointer-events: none; } #nprogress .spinner { display: block; position: fixed; z-index: 1200; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 20px; display: none; height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 2px transparent; border-top-color: #8670ff00; border-left-color: #8670ff; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent .spinner, .nprogress-custom-parent .bar { position: absolute; } @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .result_ok, .result_ok_b { display: block; position: fixed; z-index: 1200; top: 16px; right: 18px; color: #5086ff; font-size: 16px; } .result_error, .result_error_b { display: block; position: fixed; z-index: 1200; top: 17px; right: 18px; color: #5086ff; font-size: 16px; } .wapper .header { position: relative; } .b-page__content { height: 50px; background-color: #1c1e1f; } .b-head-decor { display: none; } .b-page_newyear .b-head-decor { z-index: 1200; position: absolute; top: 0; margin-top: -35px; left: 0; display: block; height: 105px; width: 100%; overflow: hidden; background: url("../img/balls/b-head-decor_newyear.png") repeat-x 0 0; } .b-page_newyear .b-head-decor__inner { position: absolute; top: 0; left: 0; height: 115px; display: block; width: 373px; } .b-page_newyear .b-head-decor::before { content: ''; display: block; position: absolute; top: -115px; left: 0; z-index: 3; height: 115px; display: block; width: 100%; -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.75); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.75); } .b-page_newyear .b-head-decor__inner_n2 { left: 373px; } .b-page_newyear .b-head-decor__inner_n3 { left: 746px; } .b-page_newyear .b-head-decor__inner_n4 { left: 1119px; } .b-page_newyear .b-head-decor__inner_n5 { left: 1492px; } .b-page_newyear .b-head-decor__inner_n6 { left: 1865px; } .b-page_newyear .b-head-decor__inner_n7 { left: 2238px; } .b-ball { position: absolute; } .b-ball_n1 { top: 0; left: 3px; width: 59px; height: 83px; } .b-ball_n2 { top: -19px; left: 51px; width: 55px; height: 70px; } .b-ball_n3 { top: 9px; left: 88px; width: 49px; height: 67px; } .b-ball_n4 { top: 0; left: 133px; width: 57px; height: 102px; } .b-ball_n5 { top: 0; left: 166px; width: 49px; height: 57px; } .b-ball_n6 { top: 6px; left: 200px; width: 54px; height: 70px; } .b-ball_n7 { top: 0; left: 240px; width: 56px; height: 67px; } .b-ball_n8 { top: 0; left: 283px; width: 54px; height: 53px; } .b-ball_n9 { top: 10px; left: 321px; width: 49px; height: 66px; } .b-ball_n1 .b-ball__i { background: url("../img/balls/b-ball_n1.png") no-repeat; } .b-ball_n2 .b-ball__i { background: url("../img/balls/b-ball_n2.png") no-repeat; } .b-ball_n3 .b-ball__i { background: url("../img/balls/b-ball_n3.png") no-repeat; } .b-ball_n4 .b-ball__i { background: url("../img/balls/b-ball_n4.png") no-repeat; } .b-ball_n5 .b-ball__i { background: url("../img/balls/b-ball_n5.png") no-repeat; } .b-ball_n6 .b-ball__i { background: url("../img/balls/b-ball_n6.png") no-repeat; } .b-ball_n7 .b-ball__i { background: url("../img/balls/b-ball_n7.png") no-repeat; } .b-ball_n8 .b-ball__i { background: url("../img/balls/b-ball_n8.png") no-repeat; } .b-ball_n9 .b-ball__i { background: url("../img/balls/b-ball_n9.png") no-repeat; } .b-ball_i1 .b-ball__i { background: url("../img/balls/b-ball_i1.png") no-repeat; } .b-ball_i2 .b-ball__i { background: url("../img/balls/b-ball_i2.png") no-repeat; } .b-ball_i3 .b-ball__i { background: url("../img/balls/b-ball_i3.png") no-repeat; } .b-ball_i4 .b-ball__i { background: url("../img/balls/b-ball_i4.png") no-repeat; } .b-ball_i5 .b-ball__i { background: url("../img/balls/b-ball_i5.png") no-repeat; } .b-ball_i6 .b-ball__i { background: url("../img/balls/b-ball_i6.png") no-repeat; } .b-ball_i1 { top: 0; left: 0; width: 25px; height: 71px; } .b-ball_i2 { top: 0; left: 25px; width: 61px; height: 27px; } .b-ball_i3 { top: 0; left: 176px; width: 29px; height: 31px; } .b-ball_i4 { top: 0; left: 205px; width: 50px; height: 51px; } .b-ball_i5 { top: 0; left: 289px; width: 78px; height: 28px; } .b-ball_i6 { top: 0; left: 367px; width: 6px; height: 69px; } .b-ball__i { position: absolute; width: 100%; height: 100%; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; pointer-events: none; } .b-ball_bounce .b-ball__right { position: absolute; top: 0; right: 0; left: 50%; bottom: 0; z-index: 9; } .b-ball_bounce:hover .b-ball__right { display: none; } .b-ball_bounce .b-ball__right:hover { left: 0; display: block !important; } .b-ball_bounce.bounce > .b-ball__i { -webkit-transform: rotate(-9deg); -ms-transform: rotate(-9deg); transform: rotate(-9deg); } .b-ball_bounce .b-ball__right.bounce + .b-ball__i { -webkit-transform: rotate(9deg); -ms-transform: rotate(9deg); transform: rotate(9deg); } .b-ball_bounce.bounce1 > .b-ball__i { -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); } .b-ball_bounce .b-ball__right.bounce1 + .b-ball__i { -webkit-transform: rotate(-6deg); -ms-transform: rotate(-6deg); transform: rotate(-6deg); } .b-ball_bounce.bounce2 > .b-ball__i { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .b-ball_bounce .b-ball__right.bounce2 + .b-ball__i { -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } .b-ball_bounce.bounce3 > .b-ball__i { -webkit-transform: rotate(1.5deg); -ms-transform: rotate(1.5deg); transform: rotate(1.5deg); } .b-ball_bounce .b-ball__right.bounce3 + .b-ball__i { -webkit-transform: rotate(-1.5deg); -ms-transform: rotate(-1.5deg); transform: rotate(-1.5deg); } .win_day { background: url("../img/balls/win_day.png"); background-size: 100% 100%; height: 80px; width: 170px; position: absolute; z-index: 1000; left: 0; top: 103px; } @media (max-width: 991.99px) { .win_day, .b-page__content { display: none; } } * { margin: 0; padding: 0; outline: none !important; } html, body { width: 100%; height: 100%; margin: 0; padding: 0; } body { font-family: "Montserrat", sans-serif; line-height: 20px; background: url("../img/background.webp") no-repeat fixed center top; background-color: #101620; background-size: cover; font-size: 12px; color: #ffffff; } a { color: #ff96a3; font-weight: 600; transition: 0.2s; } a:hover { color: #d87c87; } a.small { color: #868e90; font-size: 9px; transition: 0.2s; font-family: revert; font-weight: 600; border-bottom: 1px solid #0c66ff; } a.small:hover, a.small:focus, a.small:visited { color: #fff; transition: 0.2s;} a:hover { text-decoration: none; } a[onclick] { color: #ffffff; cursor: pointer; } h2 { font-weight: bold; line-height: 32px; font-size: 19px; } .loader { border: 4px solid #43494a; border-radius: 50%; border-top: 4px solid #ff7e7b; margin-left: auto; margin-top: auto; margin-bottom: auto; margin-right: auto; width: 40px; height: 40px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 0.5s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .logo h1 { line-height: 0; margin: 0; display: none; } .logo span { display: none; font-weight: 700; line-height: 56px; font-size: 20px; letter-spacing: 2px; } .logo span:nth-child(1) { color: #0a1f44; } .logo span:nth-child(2) { color: #0c66ff; } .wapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; /* -webkit-box-direction: normal; */ -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 0; } .wapper > .content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .wapper > .footer { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; place-self: center; background-color: #303334; padding-top: 36px; width: 59.5%; border-radius: 15px; margin-top: 30px; padding-bottom: 30px; position: relative; } .wapper > .footer .col-lg-4 .logo { display: block; } .wapper > .footer .col-lg-4 .logo span { font-size: 28px; } .wapper > .footer .col-lg-4 p { line-height: 20px; font-size: 12px; margin-top: 20px; text-align: justify; } .wapper > .footer .col-lg-2 strong { font-weight: bold; font-size: 16px; color: #989898; margin-bottom: 20px; display: block; } .wapper > .footer .col-lg-2 ul { position: relative; display: block; list-style: none; } .wapper > .footer .col-lg-2 ul li { margin: 0 0 8px; } .wapper > .footer .col-lg-2 ul li a { color: #ffffff; font-size: 14px; } .wapper > .footer hr { border-color: #f1f2f4; } .wapper > .footer .copyright #copyright { display: inline-block; margin: 0; } .wapper > .footer .copyright #copyright br { display: none; } .wapper > .footer .copyright a { font-weight: 600; } .wapper > .footer .copyright p { color: #ffffff; display: inline-block; margin: 0; } .wapper > .footer .copyright p span { position: relative; top: 2px; margin: 0 5px; color: #adb3b5; } @media (max-width: 991.99px) { .wapper > .footer .copyright p { min-height: 30px; line-height: 21px; } .wapper > .footer #copyright { width: 100%; display: block; height: 30px !important; line-height: 30px !important; } } @media (min-width: 992px) { .wapper > .footer #copyright { height: 40px; line-height: 40px; padding-left: 15px; border-left: 1px solid #f1f2f4; } .wapper > .footer .copyright p { height: 40px; line-height: 40px; margin-right: 15px; } } @media (max-width: 991.99px) { .wapper > .footer { padding-top: 50px; width: 72.5%; padding-left: 30px; } .wapper > .footer .col-lg-2 ul { margin-bottom: 30px; } } @media (min-width: 1200px) { .wapper .container { max-width: 1350px; } } .wapper .header { padding-top: 2px; background: #111923; height: 109px; border-bottom: 1px solid #242a4000; } .forum_info_answer { display: flex; gap: 7px; height: 24px; margin-bottom: 10px; } .wapper .header .auth-in, .wapper .header .reg-in { display: block; float: right; margin-left: 10px; margin-top: 12px; } .wapper .header .menu-trigger { font-family: Font Awesome\ 5 Pro; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; font-weight: 900; text-align: center; color: #0a1f44; border: 1px solid #e8ebee; background-color: #fff; float: right; margin-left: 10px; margin-top: 12px; } .wapper .header .menu-trigger.collapsed:before { content: "\f0c9"; } .wapper .header .menu-trigger:not(.collapsed):before { content: "\f066"; } @media (min-width: 992px) { .wapper .header { position: relative; } .wapper .header ul { display: block; float: left; list-style: none; margin: 0 0 0 40px; } .wapper .header ul > li { float: left; margin: 0 17px; } .wapper .header ul > li > a { font-size: 12px; display: block; height: 56px; color: #333; } .wapper .header ul > li > a:hover { font-size: 12px; display: block; color: #5086ff; } .wapper .header ul.user-menu { margin: 6px -8px; height: 32px; float: right; position: relative; } .wapper .header ul.user-menu > li { margin: 0 3px; } .wapper .header ul.user-menu > li.balance { color: #fff; position: relative; padding: 9px 7px 9px 50px; font-size: 11px; font-weight: 600; top: 10px; margin-left: 10px; line-height: 26px; margin-right: 5px; background: #333738; border-radius: 50px; } .wapper .header ul.user-menu > li.balance i{ font-size: 13px; width: 31px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%)); text-shadow: #000000d4 1px 0 7px; transition: 0.2s; height: 31px; position: absolute; display: flex !important; left: 7px; top: 6px; color: #ffffff; margin-right: 10px; border-radius: 50px; align-items: center; justify-content: center; } .wapper .header ul.user-menu > li.balance span, .wapper .header ul.user-menu > li.balance i, .wapper .header ul.user-menu > li.balance a { display: inline-block; } .wapper .header ul.user-menu > li.balance span, .wapper .header ul.user-menu > li.balance i { font-size: 14px; line-height: 30px; } .wapper .header ul.user-menu > li.balance span { font-weight: 600; font-size: 11px; top: 5px; position: relative; padding-left: 6px; } .wapper .header ul.user-menu > li.balance i { font-weight: 500; } .wapper .header ul.user-menu > li.balance a { height: 32px; width: 95px; margin-top: -7px; margin-left: 12px; font-size: 10.5px; font-weight: 600; border-radius: 50px; line-height: 14px; color: #ffffff; } .wapper .header ul.user-menu > li.balance a i { color: #fff; top: -4px; left: -3px; } .wapper .header ul.user-menu > li a i.fa-envelope { left: -2px; } .wapper .header ul.user-menu > li.collapsible { width: 38px; position: relative; margin-top: 1px; margin-left: 20px; } .wapper .header ul.user-menu > li.collapsible > a { width: 42px; } .wapper .header ul.user-menu > li.collapsible > a img { width: 38px; height: 38px; border-radius: 50px; margin-left: -15px; top: -16px; position: relative; display: block; float: left; } .wapper .header ul.user-menu > li.collapsible > a i { display: block; float: right; color: #f000; line-height: 30px; font-size: 10px; } .collapsible_head{ padding: 17px; border-radius: 15px; background: #434849; overflow: hidden; display: flex; gap: 10px; margin: 15px 15px 10px 15px; align-items: center; justify-content: space-between; } .collapsible_head .bxs-door-open { color: #ff7a2a; transition: all 0.2s; background: #ff605424; width: 35px; border: solid 1px #ff665a3b; height: 35px; cursor: pointer; display: flex; position: relative; font-size: 15px; border-radius: 10px; justify-content: center; align-items: center; } .collapsible_head .bxs-door-open:hover { color: #ffffff; background: #ff7a2a; border: solid 1px #ff7a2a; } .collapsible_profile{ position: relative; padding-left: 26%; top: 13px; } .wapper .header ul.user-menu > li > a { height: 32px; width: 32px; line-height: 39px; text-align: center; margin: 0; } .wapper .header ul.user-menu > li > a i { color: #999195; transition: 0.2s; padding: 9px; font-size: 20px; top: 13px; position: relative; font-weight: 500; } .wapper .header ul.user-menu > li > a i:hover { color: #ffffff; transition: 0.2s; font-size: 20px; top: 13px; position: relative; font-weight: 500; } .wapper .header ul.user-menu > li > ul { z-index: 1013; display: none; position: absolute; background: linear-gradient(15deg, #252829 30%, #323637 100%); right: calc(100% - 33px); width: 330px; height: auto; list-style: none; top: 66px; box-shadow: 0px 5px 10px #13151a4f; border-radius: 20px; overflow: hidden; } .wapper .header ul.user-menu > li > ul > li { text-align: left; width: 100%; margin: 0px; } .wapper .header ul.user-menu > li > ul > li:hover { color: #171717; } .wapper .header ul.user-menu > li > ul > li > a { font-weight: 600; color: #6e7678; font-size: 11px; border-radius: 10px; position: relative; height: 43px; text-overflow: ellipsis; transition: 0.2s; margin-bottom: 7px; overflow: hidden; white-space: nowrap; padding: 10px; } .wapper .header ul.user-menu > li > ul > li > a:hover { background: #212d47; } .header ul.user-menu > li > ul > li > a i { color: #6e7678; font-size: 17px; margin-right: 5px; transition: .2s all; margin-left: 5px; position: relative; top: 3px; } .header ul.user-menu > li > ul > li > a b { color: #6e7678; font-size: 8px; transition: .2s all; margin-left: 5px; background: #26334e; border-radius: 50px; position: relative; top: -1px; padding: 2px 9px; } .wapper .header ul.user-menu > li > ul > li:last-child > a { border-bottom: 0; } .wapper .header-menu { background-color: #1e263800; position: relative; border-radius: 10px; } .wapper .header-menu .collapsible-menu { font-size: 14px; list-style: none; padding: 0; margin: 0; margin-top: -3px; overflow: hidden; height: 40px; } .wapper .header-menu .collapsible-menu > li { margin: 0; padding: 0; display: inline-block; } .wapper .header-menu .collapsible-menu > li.collapsible::after { font-family: Font Awesome\ 5 Pro; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 0.75em; vertical-align: -.0667em; font-weight: 900; content: "\f078"; position: relative; z-index: 1010; background: #4b5152; color: #ab9fa4; font-size: 7.4px; line-height: 1px; width: 16px; display: flex; height: 16px; border-radius: 50px; float: left; margin-top: 15px; margin-right: 10px; margin-left: -1px; justify-content: center; align-items: center; } .wapper .header-menu .collapsible-menu > li > a { position: relative; display: block; height: 48px; float: left; line-height: 46px; font-weight: 800; color: #a5b2c4; font-size: 13px; padding: 0 7px; } .wapper .header-menu .collapsible-menu > li > a:hover, .wapper .header-menu .collapsible-menu > li > a.open { color: #ffffff; } .wapper .header-menu .collapsible-menu > li:first-child > a { padding-left: 0; } .wapper .header-menu .collapsible-menu > li ul { display: none; list-style: none; background: linear-gradient(15deg, #252829 30%, #323637 100%); margin: 0; padding: 11px; position: absolute; box-shadow: 0px 5px 10px #13151a4f; min-width: 200px !important; z-index: 1011; top: 56px; border-radius: 15px; overflow: hidden; } .wapper .header-menu .collapsible-menu > li ul > li > a:hover { font-weight: 600; color: #ffffff; border-radius: 10px; font-size: 11px; background: #43494a; display: block; transition: .2s all; } .wapper .header-menu .collapsible-menu > li ul > li > a { font-weight: 600; color: #ffffff; font-size: 11px; border-radius: 10px; transition: .2s all; display: block; position: relative; height: 45px; line-height: 45px; padding-left: 15px; margin: 0px; } .wapper .header-menu .collapsible-menu > li ul > li:last-child > a { border-bottom: 0; } } .table .table { background-color: #1b1b1b00; } .product_block2 { background: #1f2122; justify-content: space-between; max-height: 400px; display: flex; flex-direction: column; } .block_flex2{background: #282b2c ; justify-content: space-between; } .product-content { width: 450px; padding: 0px; height: 70px; background: rgb(42 43 71 / 0%); border-radius: 15px; flex: 0 0 auto; } .product-content1 { width: 450px; height: 70px; padding: 0px; text-align: center; background: rgb(42 43 71 / 0%); border-radius: 15px; flex: 0 0 auto; } @media (max-width: 576px) { .with_code { width: 94%; overflow-wrap: break-word; height: 100%; font-weight: 600; background: rgb(42 43 71 / 0%); border-radius: 15px; flex: 0 0 auto; } .block_servers { } .product-content { width: 100%; height: 100%; text-align: center; background: rgb(42 43 71 / 0%); border-radius: 15px; flex: 0 0 auto; margin-top: 20px; } } .promo-code {margin-top: -20px;} .last_activ { background: #fff0; padding: 13px; border: solid 1px #353a3b; border-radius: 13px; margin-bottom: 18px; margin-top: 14px; } .name_sidebar { color: #ffff; position: relative; font-weight: bold; text-overflow: ellipsis; width: 150px; overflow: hidden; white-space: nowrap; font-size: 12px; } .heading_block { display: flex; align-items: center; margin-bottom: 15px; width: 100%; justify-content: space-between; } .double_heading i { width: 45px; height: 45px; background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%); text-shadow: #000000d4 1px 0 7px; display: flex; border-radius: 50px 10px 50px 50px; color: #ffffff; box-shadow: 3px 1px 0px 1px rgb(255 126 124 / 28%); margin-right: 17px; font-size: 19px; align-items: center; justify-content: center; } .button_servers { display: flex; align-items: center; right: 18px; position: absolute; margin-top: -47px; } .online_scroll .block_online{ display: none; } .online_scroll { height: 269px; overflow: auto; color: #fff0; } .online_scroll .user_online_top{ display: none; } .online_scroll::-webkit-scrollbar{ display: none; } .topic-answers div[id^="answer"] .left-side { flex-grow: 3; border-radius: 20px; float: left; width: 27%; height: 100%; padding: 17px; text-align: center; } .topic-answers div[id^="answer"] .right-side { position: relative; -webkit-box-flex: 3; flex-grow: 3; border-radius: 20px; float: right; } .chat_icon { background: #ff8b8b; color: #fff; width: 30px; height: 30px; text-align: center; font-size: 14px; display: inherit; line-height: 32px; margin-left: 9px; position: relative; margin-right: 10px; top: 2px; border-radius: 8px; } .buttons_top { display: flex; position: relative; } .forum_profile_reaction { gap: 10px; display: flex; align-items: center; } .forum_profile_reaction .bx-heart{ border-radius: 9px; width: 35px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%)); text-shadow: #000000d4 1px 0 7px; height: 35px; display: flex; font-size: 15px; color: #fff; align-items: center; justify-content: center; } .forum_profile_reaction .bx-message-square-detail{ border-radius: 9px; width: 35px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%)); text-shadow: #000000d4 1px 0 7px; height: 35px; display: flex; font-size: 15px; color: #fff; align-items: center; justify-content: center; } .forum_profile_reaction .bx-star{ border-radius: 9px; width: 35px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%)); text-shadow: #000000d4 1px 0 7px; height: 35px; display: flex; font-size: 15px; color: #fff; align-items: center; justify-content: center; } .reaction_block { display: flex; flex-direction: column; align-items: flex-start; line-height: 15px; font-weight: bold; margin-left: 10px; } .button_player { border: none; background: #3a3f40; padding: 10px 15px; margin-right: 10px; color: #606768; font-weight: 600; font-size: 10.5px; border-radius: 8px; transition: 0.2s; } .button_player:hover { border: none; color: #ffff; background: #4c5254; padding: 10px 15px; margin-right: 10px; font-weight: 600; font-size: 10.5px; border-radius: 8px; transition: 0.2s; } .p_mobile { font-size: 10px; font-weight: 600; line-height: 12px; color: #6e7678 !important; width: 90%; margin-top: 4px; } .span_monile { font-size: 12.5px; font-weight: 600; position: relative; } .text_online { display: flex; flex-direction: column; align-items: center; } .black_list_text { display: flex; flex-direction: column; line-height: 23px; } .black_list_button { border: none; padding: 13px 35px; background: linear-gradient(34deg, #b43535 0%, rgb(255 81 81) 55%); border-radius: 10px; color: #fff; transition: .2s all; font-weight: 600; } .black_list_button:hover { opacity: 0.7; } .black_list { border: solid 1px #383d3e; border-radius: 15px; display: flex; flex-direction: row; padding: 17px; padding-left: 19px; justify-content: space-between; align-items: center; } .black_list_left { display: flex; gap: 15px; align-items: center; } .block_setting_top { display: flex; padding: 0px; flex-direction: row; justify-content: space-between; } .block_setting_left { width: 40%; padding: 0px; margin-bottom: 0px; } .block_setting_right { width: 60%; padding: 0px; margin-left: 20px; } .block_setting_left1 { width: 60%; padding: 0px; margin-bottom: 0px; } .block_setting_right1 { width: 40%; padding: 0px; margin-left: 20px; } .referal_text { display: flex; flex-direction: column; } .referal_h1 { font-size: 15px; margin-bottom: 13px; padding-bottom: 13px; color: #fff; border-bottom: solid 1px #283652; } .black_list i { min-width: 40px; height: 40px; background: linear-gradient(34deg, #e75a50 0%, rgb(255 116 105) 55%); border-radius: 10px; display: flex; color: #fff; margin-right: 11px; font-size: 18px; align-items: center; justify-content: center; } .copyref { border: none; font-size: 16px; color: #acb2b4; padding-top: 3px; transition: .2s all; background: #fff0; } .copyref:hover { color: #ffffff; } .copy_link { background: #505658; border-radius: 10px; border: dashed 1px #756c6f; display: flex; font-size: 12px; height: 40px; gap: 12px; padding: 6px 11px; justify-content: space-between; align-items: center; } .copy_link span{ color: #acb2b4; font-weight: bold; font-size: 11px; } .vk_block_setting_exit { background: linear-gradient(358deg, #0077ff6b 0%, #0077ffab 55%); width: 100%; padding: 13px 12px; font-size: 10.5px; transition: 0.2s; font-weight: 600; height: 55px; color: #fff; display: flex; border-radius: 11px; align-items: center; justify-content: space-between; } .vk_block_setting { background: linear-gradient(358deg, #0077ff6b 0%, #0077ffab 55%); width: 100%; padding: 13px 12px; font-size: 10.5px; transition: 0.2s; font-weight: 600; height: 55px; color: #fff; display: flex; border-radius: 11px; align-items: center; justify-content: flex-start; } .vk_block_setting:hover { opacity: 0.7; } .steam_block_setting_exit { background: linear-gradient(358deg, #53598687 0%, #687071 55%); width: 100%; padding: 13px 12px; font-size: 10.5px; transition: 0.2s; font-weight: 600; height: 55px; color: #fff; display: flex; border-radius: 11px; justify-content: space-between; align-items: center; } .steam_block_setting { background: linear-gradient(358deg, #53598687 0%, #687071 55%); width: 100%; padding: 13px 12px; font-size: 10.5px; transition: 0.2s; font-weight: 600; height: 55px; color: #fff; display: flex; border-radius: 11px; align-items: center; justify-content: flex-start; } .steam_block_setting:hover { opacity: 0.7; } .vk_block_setting .bxl-vk { font-size: 17px; margin-right: 13px; height: 36px; display: flex; background: linear-gradient(358deg, #0067dd 0%, #1783ff 55%); width: 36px; border-radius: 10px; align-items: center; justify-content: center; } .vk_block_setting_exit .bxl-vk { font-size: 17px; margin-right: 13px; height: 36px; display: flex; background: linear-gradient(358deg, #0067dd 0%, #1783ff 55%); width: 36px; border-radius: 10px; align-items: center; justify-content: center; } .steam_block_setting i { font-size: 17px; margin-right: 13px; height: 36px; display: flex; background: linear-gradient(358deg, #7078ae91 0%, #8a9294 55%); width: 36px; border-radius: 10px; align-items: center; justify-content: center; } .steam_block_setting_exit .bxl-steam { font-size: 17px; margin-right: 13px; height: 36px; display: flex; background: linear-gradient(358deg, #7078ae91 0%, #8a9294 55%); width: 36px; border-radius: 10px; align-items: center; justify-content: center; } .button_vk_login { background: #ffffff26; padding: 6px 20px; border: solid 1px #ffffff26; border-radius: 7px; color: #ffffff9c; font-size: 10px; margin-right: -10px; } .button_vk_login:hover { background: #ffffff4a; padding: 6px 20px; border: solid 1px #ffffff26; border-radius: 7px; color: #ffffff; margin-right: -10px; } .button_steam_login { background: #ffffff0a; padding: 6px 20px; border: solid 1px #ffffff0a; border-radius: 7px; color: #ffffff66; font-size: 10px; margin-right: -10px; } .button_steam_login:hover { background: #ffffff17; padding: 6px 20px; border: solid 1px #ffffff1f; border-radius: 7px; color: #ffffff; margin-right: -10px; } .succesy_button_player { z-index: 2; border: none; text-shadow: #000000d4 1px 0 7px; background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%); color: #ffffff; right: 7px; width: 30px; height: 30px; font-size: 14px; margin-top: 26px; position: absolute; font-weight: 600; border-radius: 8px; transition: 0.2s; } .succesy_button_player:hover { opacity: 0.7; } .succesy_button { z-index: 2; border: none; color: #ffffff; background: linear-gradient(0deg, #404546 30%, #4a4f50 100%); right: 42px; width: 130px; margin-top: 26px; position: absolute; font-weight: 600; border-radius: 10px; padding: 11px 25px; transition: 0.2s; } .succesy_button:hover { opacity: 0.7; } .succesy_button_forum { z-index: 3; border: none; color: #ffffff; background: linear-gradient(0deg, #43494a 30%, #554d50 100%); right: 7px; width: 130px; margin-top: 7px; border-top: solid 1px #696064; position: absolute; font-weight: 600; border-radius: 10px; padding: 11px 25px; transition: 0.2s; } .succesy_button_forum:hover { opacity: 0.7; } .block_search { background: #313536; height: 50px; border-radius: 10px; display: flex; padding-left: 4px; align-items: center; } .group_sidebar { font-size: 11px; font-weight: 600; color: #818a8c; } .servers-online-max { font-size: 7.8px; font-weight: 600; color: #ffffff; position: absolute; margin-top: 37px; display: flex; margin-left: 27px; border: solid 5px #1d233a; background: linear-gradient(219deg, #337dff 0%, #005cff 95%); width: 29px; border-radius: 50px; height: 29px; justify-content: center; align-items: center; } .play-servers { font-size: 14px; width: 28px; position: relative; height: 28px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%)); text-shadow: #000000c2 1px 0 7px; display: flex; color: #ffffff; border-radius: 50px; align-items: center; justify-content: center; } .play-servers:hover { opacity: 0.7; color: #ffffff; } .name_news { font-size: 17px; background-clip: text; font-weight: 600; color: white; text-overflow: ellipsis; width: 330px; overflow: hidden; white-space: nowrap; } .short_news { color: #b1a6ab; line-height: 14px; font-size: 11.3px; overflow: hidden; max-height: 40px; height: 40px; width: 300px; margin-top: 8px; margin-bottom: 22px; font-weight: 600; } .view_news { color: #a6adcd; gap: 10px; display: flex; border-radius: 12px; width: 60px; padding: 6px 12px; border: solid 1px #474d4e; font-size: 13px; align-items: center; } .line_menu { background: #6169ff; width: 35%; box-shadow: 0px -3px 13px #4f5eff; height: 2.1px; border-radius: 50px; position: relative; margin-left: auto; top: 14px; margin-right: auto; } #ending { display: flex; } .new_news { position: absolute; z-index: 20; background: linear-gradient(34deg, #bd4141 0%, #fd5656 55%); padding: 1px 9px; border-radius: 50px; box-shadow: 0px 0px 20px #fa555559; font-weight: 600; text-shadow: #00000096 1px 0 7px; font-size: 8.5px; color: #ffffff; margin-top: 30px; margin-left: 48px; } .sortion_block_head { background: #fff0; width: 160%; height: 380px; display: block; padding: 35px 45px; } .border_absolute { height: 116px; background: #34384000; width: 6px; z-index: 1; position: absolute; margin-left: 62px; } .first_text_news { color: #8d8588; font-weight: 600; font-size: 10.5px; margin-bottom: -3px; } .second_text_news { font-weight: 600; font-size: 11.5px; color: #ffffff; padding-left: 1px; } .news_info_set { display: flex; flex-direction: column; width: 100%; height: 45px; margin-top: -5px; } .sortition_lite_banner { display: flex; align-items: center; margin-top: -10px; width: fit-content; } .right_stats_info { margin-left: 15px; line-height: 17px;} .flex_balance_mp { display: flex; align-items: center; gap: 10px; } .flex_balance_mp i{ width: 35px; transition: all 0.2s; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #606769 0, #4f5557 100%)); height: 35px; font-size: 15px; display: flex; color: #afa4a7; border-radius: 10px; align-items: center; justify-content: center; } .flex_balance_mp span { font-weight: bold; font-size: 12px; } .profile_block { margin-bottom: 30px; border-radius: 20px; display: flex; gap: 15px; } .left_profile { border-radius: 20px; padding: 20px; background: #353939; background-size: cover; display: flex; justify-content: space-between; } .personal_card { display: flex; justify-content: space-between; padding-bottom: 15px; border-bottom: solid 1px #414647; margin-bottom: 15px; } .flex_user_info { display: flex; font-weight: bold; flex-direction: column; line-height: 18px; } .group_name { font-size: 11px; } .activity_name { font-size: 11px; border-radius: 11px; height: 45px; background: #353939; font-weight: 600; color: #aeb4b5; padding: 0px 25px; display: flex; align-items: center; justify-content: center; } .prof_l { display: flex; gap: 15px; align-items: center; } .persobal_card_flex { display: flex; gap: 15px; align-items: center; } .prof_r { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; } .prof_r .bxs-door-open{ color: #ff7a2a; transition: all 0.2s; background: #ff605424; width: 40px; border: solid 1px #ff665a3b; height: 40px; cursor: pointer; display: flex; position: relative; font-size: 17px; border-radius: 10px; justify-content: center; align-items: center; } .prof_r .bxs-door-open:hover { background: #ff756b; color: #ffffff; } .id { font-size: 12px !important; color: #c8c8c8 !important; margin-left: 1px; } .profile_top { border-radius: 20px; padding: 20px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); box-shadow: 0px 5px 10px #13151a4f; } .left_block { width: 60%; } .flex_contacts_btn { display: flex; justify-content: space-between; margin-top: 12px; border-bottom: solid 1px #2b2f30; padding-bottom: 14px; } .contacts_profile { display: flex; gap: 6px; } .prof_r_top { display: flex; gap: 10px; } .date_short { font-size: 10px; margin-left: 7px; font-family: 'Montserrat'; font-weight: 600; color: #8d8689; } .send_comment { width: 100%; cursor: pointer; padding: 5px; margin-top: 5px; font-size: 10px; transition: .2s all; font-weight: bold; letter-spacing: 1px; border-radius: 50px; color: #ff7c76; border: solid 1px #ff7c76; background: #ff635c14; } .send_comment:hover { box-shadow: 0px 0px 20px #eb7e794d; background: #ff6d67; border: solid 1px #3f517d00; color: #ffffff; } .right_profile { width: 40%; } .admin_menu_block { display: flex; gap: 15px; } .left_block_admin { width: 100%; display: flex; gap: 10px; flex-direction: column; } .flex_modal_head { color: #ffff !important; } .flex_merchant_head { color: #ffff; margin-bottom: 10px; } .card-btn { color: #93888c !important; gap: 10px; background: #43494a; font-size: 11px; border-radius: 10px; display: flex; height: 42px; padding: 0px 15px; transition: 0.2s; align-items: center; justify-content: center; } .card-btn:hover { color: #ffffff !important; background: #4c5254; } .card-btn-s { color: #ffffff !important; gap: 10px; text-shadow: #000000d4 1px 0 10px; font-size: 17px; background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%); border-radius: 10px; display: flex; height: 42px; width: 42px; transition: 0.2s; align-items: center; justify-content: center; } .card-btn-s:hover { opacity: 0.7; } .flexinfo_card { display: flex; flex-direction: column; } .double_info_card { display: flex; flex-direction: column; width: 100%; } .activity_last_card { font-size: 11px; font-weight: bold; color: #897f83; } .btn_admins_menu { display: flex; flex-direction: column; width: 100%; gap: 7px; } .block_solution { padding: 20px; border-radius: 20px; margin-bottom: 20px; background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%); box-shadow: 0px 5px 10px #0000000d; } .admins_img { border-radius: 7px !important; width: 25px !important; height: 25px !important; top: 14px !important; left: 10px !important; } .head_text_one { font-size: 11px; color: #8d9596; } .head_text_two { color: #fff; font-size: 12px; } .btn_setting_admins { height: 33px; border: none; cursor: pointer !important; display: flex !important; width: 120px !important; padding: 0px !important; transition: 0.2s; background: #4c5253; font-weight: 600; color: #958a8e !important; font-size: 11px; border-radius: 8px; align-items: center; justify-content: center; } .btn_setting_admins:hover { background: #5b6264; color: #ffffff !important; font-size: 11px; } .flex_text_head { display: flex; flex-direction: column; line-height: 17px; } @media(min-width:768px){.block_admins_select { margin-top: 20px; padding: 17px; padding-bottom: 11px; border: dashed 1px #393e3f; border-radius: 18px; }} .block_user {display: flex;} .place_search { background: #393d5000 !important; } .line_info_stats { height: 2px; background: #fe8864; border-radius: 50px; display: block; box-shadow: 0px 0px 20px #fe8864; width: 100px; } .pagination_center { display: flex; justify-content: center; } .info_block_names img{ width: 30px; height: 30px; display: block; position: relative; } .info_block_names { background: #383c3d; display: flex; padding: 10px; position: relative; gap: 10px; border-radius: 13px; font-weight: bold; align-items: center; } .info_block_names .progress { width: 100%; background-color: #ff7c8426; position: relative; height: 20px; } .info_block_names .progress span{position: absolute;width: 100%;display: flex;font-size: 10px;justify-content: center;} .info_block_names .bx{ display: flex; width: 45px; height: 45px; min-width: 45px; top: 0px !important; position: relative !important; font-size: 20px !important; right: 0px !important; transform: rotate(0deg) !important; border-radius: 11px; color: #ab9ca2 !important; align-items: center; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4c5253 0, #484e4f 100%)); justify-content: center; } .flex_info_block_names { display: flex; flex-direction: column; line-height: 18px; } .btn_unban { margin-bottom: 15px; } .price_btn { background: #77b35340; padding: 8px 13px; color: #a6ed7c; border-radius: 7px; margin-left: 9px; margin-right: -10px; transition: 0.2s; font-size: 10px; } .text_desp_info { color: #958d90; font-size: 11px; } .name_info_block { font-size: 11px; color: #fff; padding-left: 1px; } .name_info_block a{ display: flex; gap: 3px; color: #ffff; } .name_info_block a img{top: 1px !important;width: 18px;height: 18px;border-radius: 50px;} .name_info_block p { font-size: 11px; color: #fff; padding-left: 1px; margin-bottom: 0px; } .search_user:hover .svg_sdg { background: #555c5e; fill: #ffffff; } .svg_sdg { width: 31px; background: #424849; transition: 0.2s; height: 31px; display: flex; position: relative; margin-left: -1px; fill: #abb1b3; margin-right: 10px; border-radius: 50px; align-items: center; justify-content: center; } .left_blocked { width: 48%; padding: 20px; } .btns_blocked { display: flex; gap: 10px; } .ban_btn_blocked { display: flex; cursor: pointer; transition: 0.2s; position: relative; letter-spacing: 1px; gap: 10px; padding: 7px 22px 7px 7px; background: rgb(254 136 99 / 18%); align-items: center; font-size: 10px; font-weight: 600; color: rgb(255 162 134); border-radius: 11px; } .ban_btn_blocked:hover { background: rgb(254 136 99 / 34%); color: rgb(255 255 255); } .ban_btn_blocked i { border-radius: 9px; font-size: 16px; color: rgb(253 172 148); display: flex; transition: 0.2s; padding-left: 1px; width: 33px; height: 33px; background: rgb(249 147 116 / 21%); align-items: center; justify-content: center; } .ban_btn_blocked:hover i { color: rgb(255 255 255); background: rgb(254 135 100); } .report_btn_blocked { display: flex; transition: 0.2s; position: relative; letter-spacing: 1px; gap: 10px; cursor: pointer; padding: 7px 22px 7px 7px; background: rgb(255 103 103 / 7%); align-items: center; font-size: 10px; color: rgb(255 128 128 / 93%); font-weight: 600; border-radius: 11px; } .report_btn_blocked:hover { background: rgb(255 92 92 / 19%); color: rgb(255 255 255 / 93%); } .report_btn_blocked i { border-radius: 9px; transition: 0.2s; font-size: 16px; color: rgb(255 121 121 / 93%); display: flex; padding-left: 1px; width: 33px; height: 33px; background: rgb(255 115 115 / 21%); align-items: center; justify-content: center; } .report_btn_blocked:hover i { color: rgb(255 255 255 / 93%); background: rgb(255 93 93); } .head_text { font-size: 12px; color: #fff; } .head_desp { font-size: 11px; } .flex_head { display: flex; gap: 10px; align-items: center; margin-left: 4px; } .mp_flex { display: flex; gap: 6px; margin-bottom: 5px; } .img_head { width: 36px; height: 36px; transition: 0.2s; border-radius: 50px; z-index: 1; position: relative; } .img_head:hover { opacity: 0.7; } .complaint_btn { color: #a6acc9; font-size: 14px; display: flex !important; line-height: 0px !important; margin-left: -3px !important; flex-direction: column-reverse; } .complaint_btn i{ display: flex; line-height: 0px !important; padding: 0px !important; top: 0px !important; align-items: center; justify-content: center; } .complaint_btn span { width: 24px; position: relative; height: 24px; line-height: 0px; z-index: 900; display: flex; top: 2px; text-align: center; text-shadow: #000000 0px 0 5px; font-size: 9px; background: linear-gradient(34deg, #276542 0%, #4f9f71 55%); color: #fff; font-weight: 600; left: 15px; border: solid 3px #111923; border-radius: 50px; align-items: center; justify-content: center; } .unban_btn { display: flex !important; line-height: 0px !important; margin-left: -3px !important; flex-direction: column-reverse; } .unban_btn i{ display: flex; line-height: 0px !important; padding: 0px !important; top: 0px !important; align-items: center; justify-content: center; } .unban_btn span { width: 24px; position: relative; height: 24px; line-height: 0px; z-index: 900; text-shadow: #000000 0px 0 5px; display: flex; top: 2px; text-align: center; font-size: 9px; background: linear-gradient(34deg, #5050a6 0%, #7979eb 65%); color: #fff; font-weight: 600; left: 15px; border: solid 3px #111923; border-radius: 50px; align-items: center; justify-content: center; } .head_btn { display: flex; flex-direction: column; line-height: 16px; font-weight: bold; } .add_admin_btn { width: 100%; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%)); padding: 15px; border-radius: 10px; margin-bottom: 10px; margin-top: 15px; transition: 0.2s; text-shadow: #00000091 1px 0 15px; opacity: 0.6; font-size: 12px; color: #fff; font-weight: bold; border: none; } .add_admin_btn:hover { opacity: 1; } .status_purse_minus { color: #ff7676; width: 32px; background: #ff76762b; display: flex; box-shadow: 0px 0px 36px #ff76764f; border: dashed 1px #ff767694; font-size: 12px; font-weight: 600; height: 32px; border-radius: 10px; justify-content: center; align-items: center; } .status_purse_plus { color: #6bcd77; width: 32px; background: #5fbd6a3b; display: flex; box-shadow: 0px 0px 36px #5fbd6a94; border: dashed 1px #5fbd6ade; font-size: 12px; font-weight: 600; height: 32px; border-radius: 10px; justify-content: center; align-items: center; } .text-success-custom { color: #5fbd6a; } .rihgt_item_td { text-align: -webkit-right; padding-right: 12px !important; overflow: hidden; } .text-success-custom-minus { color: #ff7676; } .text-danger-custom { color: #9f989b; } .text-danger-custom .text-danger{ color: #ffffff !important; } .text-danger-custom .text-warning{ color: #ffffff !important; } .text-danger-custom .text-success{ color: #ffffff !important; } .right_td_head { text-align: -webkit-right; } .left_td_head { text-align: -webkit-left; padding: 0px !important; } .purse_list { height: 352px; overflow: auto; margin-bottom: 5px; } .form-group-custom { margin-bottom: 15px; margin-top: -15px; } .avatar_edit { margin-bottom: 10px; display: flex; background: linear-gradient(15deg, #343838 30%, #393d3e 100%); padding: 20px 10px 10px 10px; border-radius: 20px; } .avatar_edit_result { width: 100px; height: 100px; border-radius: 17px; } .purse_list::-webkit-scrollbar{ display: none; } .text_bonuses { font-size: 13px; } .desp_bonuses { color: #91888c; font-size: 11px; display: block; line-height: 15px; } .flex_bonuses { display: flex; flex-direction: column; line-height: 17px; } .flex_user_avatar_edit { width: 73%; } .not_found_multi { color: #868e90; font-weight: bold; display: flex; align-items: center; justify-content: center; } .transparent_tr { background: #fff0 !important; height: 0px !important; } .load_image_edit { border: none; margin-top: 20px; color: #fff; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); text-shadow: #00000069 1px 0 10px; width: 35%; transition: 0.2s; cursor: pointer; font-weight: bold; font-size: 11px; border-radius: 9px; height: 41px; } .button_contact_osn { height: 36px; width: 36px; border-radius: 10px; border: solid 1px #ffffff1f; margin-right: -2px; color: #ffffff69; transition: 0.2s; background: #ffffff1a; display: flex; font-size: 16px; align-items: center; justify-content: center; } .button_contact_osn:hover { border: solid 1px #ffffff2b; color: #fff; background: #ffffff29; } .load_image_edit:hover { opacity: 0.7; } .flex_tr_ticket { display: flex; flex-direction: column; line-height: 18px; } .flex_blocked { display: flex; flex-direction: column; margin-bottom: 55px; } .custom_checkbox_block { display: flex; align-items: center; gap: 10px; margin-top: 15px; font-size: 11.5px; font-weight: bold; color: #8a8186; } /* source: templates/cs27Reg/css/style_two.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; } .flex_modules { display: flex; gap: 10px; border-radius: 15px; height: 195px; } .last_activity_info { padding: 15px; border-radius: 11px; display: flex; background: linear-gradient(24deg, #f6797b29 30%, #f6797b57 100%); margin-bottom: 10px; align-items: center; justify-content: space-between; } .last_activity_info i{ border-radius: 10px; font-size: 30px; color: #ffa6a6; } .icon_age { width: 42px; height: 42px; min-width: 42px; background: linear-gradient(34deg, #bd4141 0%, #fd5656 55%); border-radius: 11px; display: flex; padding-left: 3px; color: #fff; font-weight: 600; margin-right: 10px; font-size: 13px; align-items: center; justify-content: center; } .text_age { font-weight: 600; font-size: 12.5px; } .text_age_second { font-weight: 600; color: #8f878a; font-size: 11.5px; } .age_block { display: flex; margin-bottom: 20px; gap: 5px; align-items: center; border-radius: 15px; padding: 12px; border: solid 1px #4d4649; } .bottom_nav_title {font-weight: 600;font-size: 15px;} .interaction_mess { display: flex; gap: 10px; width: 110px; flex-direction: row-reverse; } .circle_mini_sortion { width: 26px; margin-left: -9px; margin-right: 9px; position: absolute; left: 30px; height: 26px; animation: 1s linear 0s normal none infinite running rot; -webkit-animation: 1s linear 0s normal none infinite running rot; } .circle_sortion { width: 48px; margin-left: 0px; margin-right: 9px; height: 48px; animation: 1s linear 0s normal none infinite running rot; -webkit-animation: 3s linear 0s normal none infinite running rot; } @keyframes rot { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes rot { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .rules_chat { background: #4e5456; display: flex; gap: 9px; font-weight: 600; padding: 0px 11px 0px 16px; color: #879092; font-size: 10.5px; border-radius: 9px; align-items: center; } .your_balance { color: #6a7375; font-size: 10.5px; margin-left: -1px; } .flex_us { display: flex; border-bottom: solid 1px #363b3c; padding-bottom: 10px; gap: 7px; margin-bottom: 10px; } .online_us { display: flex; border-radius: 12px; gap: 11px; transition: 0.2s; align-items: center; width: 100%; } .online_us .list_online{ display: none; } .online_us i{ background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #675e62 0, #414647 100%)); text-shadow: #00000000 1px 0 10px; width: 36px; height: 36px; display: flex; color: #b5a6ab; border-radius: 9px; font-size: 18px; align-items: center; justify-content: center; } .online_us_all { display: flex; background: #303334; padding: 0px 11px; margin-top: 15px; height: 54px; border-radius: 50px; transition: .2s all; align-items: center; width: 100%; justify-content: space-between; } .online_us_all:hover .today_online { background: #858d8f; color: #ffffff; } .online_us_all:hover { background: #404547; } .online_us_all i{ width: 34px; height: 34px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #91999a 0, #796c7094 100%)); text-shadow: #00000075 1px 0 10px; border-radius: 50px; display: flex; color: #b7aeb1; margin-right: 11px; font-size: 18px; align-items: center; justify-content: center; } .btn_users_chat { background: #545a5b; padding: 1px 9px; font-size: 8.5px; font-weight: 600; color: #878a9a; transition: 0.2s; border-radius: 50px; } .btn_users_chat:hover { background: #626a6c; color: #ffffff; font-size: 8.5px; } .login_share_flex { display: flex; justify-content: space-between; position: relative; align-items: flex-end; margin-bottom: 3px; } .share_login { border: none; background: #44485900; font-size: 10.5px; display: none; color: #798284; border-radius: 50px; font-weight: 600; position: relative; animation: 0.3s show ease; } .share_login:hover { color: #ffffff; } .sb_title { font-weight: 400; color: #fff; position: relative; font-size: 10px; font-family: "Unbounded", sans-serif; } .sb_description .bx-chevron-right{ font-size: 15px; border: 1px solid #596062; background: #51474c8a; width: 29px; min-width: 29px; height: 29px; margin-left: 3px; border-radius: 50%; color: #FFFFFF; box-shadow: none; display: flex; align-items: center; justify-content: center; transition: 0.3s; } .sb_description { width: 38px; display: flex; padding-top: 5px; height: 38px; position: relative; padding-left: 2px; padding-right: 9px; background-color: #333737; border-top-right-radius: 21px; justify-content: center; align-items: center; } .sb_description:after { content: ""; position: absolute; top: -20px; height: 20px; left: 0px; width: 16px; background-image: radial-gradient(ellipse at 20px 0px, rgba(255, 255, 255, 0) 70%, #333737 10%); } .sb_description:before { content: ""; position: absolute; bottom: 0; right: -15px; height: 20px; width: 16px; background-image: radial-gradient(ellipse at 18px 0px, rgb(235 88 88 / 0%) 70%, #333737 10%); } .small_menu_navigation { display: flex; gap: 6px; flex-direction: column; } .btn_long_nav { width: 29px; border-radius: 50px; display: flex; transition: 0.2s; height: 29px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #889193 0, #4b5152 100%)); font-size: 15px; color: #b5a6ab; font-weight: 600; align-items: center; justify-content: center; } .btn_long_nav:hover { opacity: 0.7; } .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; 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; } #top_users { display: flex; gap: 10px; flex-direction: column; } .tabs__panel { position: relative; top: -54px; margin-bottom: -54px; } .bx-chevron-down { position: absolute; top: 100%; right: 7px; color: #b5a7ae; margin-right: 0px; border: solid 3px #111923; padding: 2px; border-radius: 50%; background: #4e5455; z-index: 1; font-size: 12px; } .profile-info { background: #ffffff00; padding: 0px; border-radius: 15px; margin-bottom: -7px; } .profile-info1 {display: flex;flex-direction: column;border-radius: 18px;width: 100%;gap: 5px;} .profile-info2 { background: #ffffff00; padding: 0px; border-radius: 15px; margin-bottom: -7px; width: 100%; } .profile-block-info { display: flex; padding-bottom: 7px; width: 100%; line-height: 18px; margin-bottom: 2px; gap: 10px; align-items: center; } .profile-block-info i{ display: flex; font-size: 17px; align-items: center; width: 30px; border-radius: 50%; height: 30px; justify-content: center; background: #fd807530; color: #ff9086; } .profile-block-info img{ height: 15px; width: 15px; border-radius: 10px; } .opisanie_privilegii { background: #2d3031; padding: 20px 20px; border-radius: 12px; font-size: 10.6px; color: #ffffff; font-weight: 600; margin-bottom: 20px; } .name_privilegii { font-size: 20px; font-weight: 600; margin-bottom: 20px; display: block; margin-left: 1px; } .block-profile { border-radius: 18px; padding: 15px 15px 26px; margin-bottom: 77px; display: flex; background: #18233a; } .block-profile-stena { border-radius: 18px; display: flex; margin-top: 10px; flex-direction: column; } .profile_forum { border-radius: 13px; height: 100%; border: solid 1px #26324d; margin-left: 15px; padding: 15px 30px; } .profile_right_b { background: #272f4200; border-radius: 13px; height: 100%; width: 80%; } .access, .container-oplata, .epic, .legendary, .nice, .normal, .secret { align-items: center; -webkit-box-sizing: border-box; cursor: default; display: flex; height: 50px; margin-bottom: 5px; -webkit-transform: scale(1); transform: scale(1); transition: all .2s ease-out; width: 100%; } .textContainer-oplata { -webkit-box-flex: 1; display: flex; -ms-flex: 1; font-size: 11px; flex-direction: column; justify-content: space-evenly; overflow: hidden; } .access, .container-oplata, .epic, .legendary, .nice, .normal, .secret { align-items: center; -webkit-box-sizing: border-box; cursor: default; display: flex; height: 50px; margin-bottom: 5px; -webkit-transform: scale(1); transform: scale(1); transition: all .2s ease-out; width: 100%; } .secret { background: linear-gradient(90deg,#5ff96245,rgba(28,31,34,0)); border-left: 3px solid #5ff962; } .legendary { background: linear-gradient(270deg,#fcc47017,rgb(38 41 52 / 0%)); } .access, .container-oplata, .epic, .legendary, .nice, .normal, .secret { align-items: center; -webkit-box-sizing: border-box; cursor: default; display: flex; height: 50px; margin-bottom: 5px; -webkit-transform: scale(1); transform: scale(1); transition: all .2s ease-out; width: 100%; } .access, .container-oplata, .epic, .legendary, .nice, .normal, .secret { align-items: center; -webkit-box-sizing: border-box; cursor: default; display: flex; height: 50px; margin-bottom: 5px; -webkit-transform: scale(1); transform: scale(1); transition: all .2s ease-out; width: 100%; } .access, .container-oplata, .epic, .legendary, .nice, .normal, .secret { align-items: center; -webkit-box-sizing: border-box; cursor: default; display: flex; height: 50px; border-radius: 10px; margin-bottom: 10px; -webkit-transform: scale(1); transform: scale(1); transition: all .2s ease-out; width: 100%; } .normal { background: linear-gradient(270deg,#4d96ff12,rgba(28,31,34,0)); } .nice { background: linear-gradient(270deg,#7e62f824,rgba(28,31,34,0)); } .epic { background: linear-gradient(270deg,#5ff9620f,rgba(28,31,34,0)); } .sobitia-block { display: flex; padding: 0px; background: #1e263800; /* padding: 15px; */ flex-wrap: nowrap; margin-bottom: 50px; border-radius: 15px; } .line_h1 { width: 43px; } .line_block { padding: 0px; background: #fff0; display: flex; margin-bottom: 20px; border-radius: 15px; flex-direction: column-reverse; } .sobitia-left { width: 70%; margin-right: 30px; margin-bottom: 0px; height: 290px; border-radius: 15px; } .online-right { background: #fff0; width: 48%; padding: 0px; height: 261px; margin-bottom: 0px; border-radius: 15px; } #timeline { list-style: none; padding-left: 30px; float: left; height: 140px; border-left: 2px solid #343838; } #timeline li { margin: 40px 0; position: relative; } #timeline p { margin: 0 0 15px; } .purse-button-mobile { display: none; } .circle { margin-top: -10px; top: -16px; left: -35px; width: 8px; height: 8px; background: #343838; border: 2px solid #ddac64; border-radius: 50%; display: block; position: absolute; } .fa-bell:before { content: "\f0f3"; color: #3330; transition: 0.2s; font-size: 16px; background: #f5f6f9; padding: 11px; cursor: pointer; top: 21px; border-radius: 10px; margin-right: 5px; margin-left: 5px; position: relative; font-weight: 400; } .blockprofile { width: 0px; border-radius: 0px; padding: 14px 0px 0px 0px; background: #d16c6c00; height: 30px; margin-top: 6px; position: relative; top: 8px; transition: 0.2s; } .blockprofile:hover { opacity: 0.7; } label { font-size: 1.3em; position: absolute; cursor: pointer; top: 20px; transition: transform 0.2s linear; } .container-buttons { display: flex; position: relative; justify-content: flex-end; width: 100%; } .container-buttons-card { display: flex; gap: 7px; position: relative; width: 55%; justify-content: flex-end; } #bubble-1 { font-size: 16px; font-family: Verdana, sans-serif; line-height: 30px; height: 140px; padding: 20px 10px; } .balance-left-purse { height: 200px; padding: 20px 25px; background-size: cover !important; display: flex; padding-top: 6px; background: linear-gradient(16deg, #688f8a59 0%, #688f8a2e 65%); border-radius: 20px; justify-content: space-between; } .balance-left-purse i { font-size: 50px; position: relative; color: #ffcbc2; top: 12px; } .front i { font-size: 50px; position: relative; color: #ffcbc2; top: 12px; } .balance-left { height: 155px; padding: 20px 25px; display: flex; background-size: cover !important; padding-top: 6px; border-radius: 17px; flex-direction: column; justify-content: space-between; } .balance-left i { font-size: 40px; position: relative; margin-bottom: -70px; top: -60px; left: 160px; color: #ffcbc2; width: 10px; } .skidka-right { height: 48px; background: linear-gradient(208deg, #3e4243 0%, #2a2e2f 55%); padding: 0px 15px; display: flex; border-radius: 10px; align-items: center; justify-content: space-between; } .h1reg { font-weight: bold; position: relative; font-size: 20px; } .h2reg { font-weight: 600; position: relative; font-size: 10.5px; color: #ffffff; } .h1_purse { font-weight: bold; position: relative; font-size: 22px; } .h2_purse { font-weight: 600; position: relative; font-size: 12px; color: #ffffff; margin-top: 2px; } .razblokirovat { border: none; padding: 5px 20px; color: #ffffff; font-weight: 600; height: 40px; border-radius: 10px; font-size: 11px; margin-bottom: -8px; margin-top: -7px; transition: .2s all; cursor: pointer; margin-left: 11px; position: relative; background: #5bab63; } .razblokirovat:hover { border: none; padding: 10px 20px; color: #ffffff; font-weight: 600; height: 40px; border-radius: 10px; font-size: 11px; transition: .2s all; cursor: pointer; margin-left: 11px; position: relative; background: #47874d; } .zablokirovat { border: none; padding: 5px 20px; color: #ffffff; font-weight: 600; height: 40px; border-radius: 10px; font-size: 11px; margin-bottom: -8px; margin-top: -7px; transition: .2s all; cursor: pointer; margin-left: 11px; position: relative; background: #bf5a5a; } .zablokirovat:hover { border: none; padding: 5px 20px; color: #ffffff; font-weight: 600; height: 40px; border-radius: 10px; font-size: 11px; margin-bottom: -8px; margin-top: -7px; transition: .2s all; cursor: pointer; margin-left: 11px; position: relative; background: #9c4444; } .block-user { display: flex; flex-wrap: nowrap; border-radius: 13px; height: 55px; background: #272a2b; margin-bottom: 9px; padding: 15px; } .scroll-friends { padding: 0; height: 201px; background: #fff0; overflow: auto; } .name_friend { position: relative; top: 3px; } .chat-button { background: #3e4243; padding: 10px; height: 35px; line-height: 16px; font-size: 15px; top: 2px; color: #61696b; position: relative; float: right; margin-left: auto; border-radius: 10px; } .chat-button:hover { background: #454a4b; padding: 10px; height: 35px; box-shadow: 0px 5px 10px #0e101414; top: 2px; position: relative; line-height: 16px; color: #d7dae0; font-size: 15px; float: right; margin-left: 108px; border-radius: 10px; } .profile-button-mess { color: #ffffffbf; font-weight: bold; height: 42px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); border-radius: 10px; text-shadow: #000000d4 1px 0 10px; width: 42px; font-size: 17px; display: flex; letter-spacing: 1px; transition: .2s all; cursor: pointer; align-items: center; justify-content: center; } .profile-button-mess:hover { opacity: 0.7; color: #ffffffbf; } .profile-button { color: #abb1b3 !important; font-weight: bold; height: 42px; border-radius: 9px; font-size: 11px; padding: 0px 25px; display: flex; transition: .2s all; background: #3c4041; align-items: center; justify-content: center; } .profile-button:hover {background: #434849;color: #ffff !important;} .profile-settingss { color: #ffffff; font-weight: bold; height: 42px; border-radius: 9px; padding: 0px 20px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); text-shadow: #000000d4 1px 0 10px; font-size: 10px; display: flex; letter-spacing: 1px; transition: .2s all; cursor: pointer; align-items: center; justify-content: center; } .profile-settingss:hover { color: #ffffff; opacity: 0.7; } .zablock { font-weight: 600; color: #ff7a2a; border-radius: 10px; font-size: 16px; transition: .2s all; border: solid 1px #ff665a4f; width: 40px; height: 40px; display: flex; cursor: pointer; z-index: 1; background: #ff605429; align-items: center; justify-content: center; } .zablock:hover { background: #ff6b60; color: #ffffff; border: solid 1px #ff6b60; } .razblock { color: #95d8c3; font-weight: 600; border-radius: 10px; font-size: 16px; transition: .2s all; width: 40px; border: solid 1px #56957996; height: 40px; display: flex; cursor: pointer; z-index: 1; background: #56957961; align-items: center; justify-content: center; } .razblock:hover { color: #ffffff; background: #569579; border: solid 1px #569579; } .bottom-button { border: none; color: #ffffff; font-weight: 600; border-radius: 11px; font-size: 11px; padding: 14px 20px; transition: .2s all; cursor: pointer; margin-right: 5px; position: relative; background: #404547; } .bottom-button:hover { color: #ffffff; background: #4e5455; } .bottom-button:hover .price_btn { background: #629345; color: #ffffff; } .user-button-check { border: none; width: 40px; height: 40px; display: flex; font-weight: 600; border-radius: 9px; margin-right: 8px; font-size: 15px; transition: .2s all; background: #1d9d64; align-items: center; justify-content: center; } .user-button-check:hover { border: none; width: 40px; height: 40px; display: flex; font-weight: 600; border-radius: 9px; font-size: 15px; margin-right: 8px; transition: .2s all; background: #158352; align-items: center; justify-content: center; } .user-button-check1 { border: none; display: flex; font-weight: 600; border-bottom: dashed 1px #918c8e9c; color: #918c8e !important; font-size: 11px; transition: .2s all; align-items: center; justify-content: center; } .user-button-check1:hover { border-bottom: dashed 1px #ffffffb5; color: #ffffff !important; } .user-button { border: none; display: flex; font-weight: 600; border-bottom: dashed 1px #ffffff96; font-size: 11px; transition: .2s all; align-items: center; justify-content: center; } .user-button:hover { opacity: 0.6; } .block_head { font-size: 13px; font-weight: 600; display: flex; gap: 10px; margin-bottom: 10px; background: linear-gradient(1deg, #383c3d 30%, #3f4344 100%); color: #6a7375; border-radius: 14px; padding: 10px; align-items: center; } .block_head i{ font-size: 16px; width: 38px; height: 38px; display: flex; background: linear-gradient(31deg, #4b5152 30%, #52585a 100%); color: #afa0a5; border-radius: 11px; align-items: center; justify-content: center; } .user_info { font-weight: 600; font-size: 12px; position: relative; border-radius: 50px; } .user_infoq { background: #ffffff00; padding: 0px; position: relative; top: 20px; float: left; display: flex; margin-right: 115px; align-items: flex-start; } .fire { width: 21px; position: absolute; margin-right: 6.6px; bottom: 1px; left: 28px; margin-bottom: -4px; } .nav_slider { margin: 0px; border-radius: 15px; margin-left: -18px; height: 130px; } .slick-track { position: relative; top: 0; padding: 0px; display: block; margin-left: auto; margin-right: auto; } .smiless { width: 160px; float: right; display: block; margin-right: -15px; } .smiless_block { height: 315px; border-radius: 15px; background: #272a2b; padding: 24px 16px; margin-bottom: 30px; } .smileimg { width: 20px; } .logol { opacity: 1; transition: .2s all; } .logol .logo_o { opacity: 1; transition: .2s all; transition: transform .7s ease-in-out; } .logol:hover { transition: .4s all; } .logol:hover .logo_o { transition: .4s all; -webkit-transform: rotate(360deg); transform: rotate(360deg) } .textlogo { float: left; color: #191919; font-size: 18px; width: 55px; font-weight: 600; margin-left: 10px; margin-top: 24px; position: relative; } .textcenter { color: #4887f9; display: inline-block; font-size: 19px; font-family: sans-serif; } .maxmin { color: #5e6270; font-size: 10.1px; line-height: 13px; display: block; text-align: center; } .intro__online-icon { width: 35px; margin-bottom: -8px; animation: blinker 2s linear infinite; display: block; position: relative; top: -4px; } @keyframes blinker { 50% { opacity: 0; } } .podmesto { margin-left: 3px; display: block; } .push_name { position: relative; top: 63px; font-weight: 600; color: #333; font-size: 13px; } .push_predname { font-size: 10.2px; line-height: 11px; color: #ffff; font-weight: 500; position: relative; top: 24px; } .push { display: block; width: 95%; opacity: 1; padding: 10px; height: 121px; cursor: pointer; transition: .2s all; border-radius: 15px; background: #ffffff; } .onlinefull { display: block; width: 128px; padding: 10px; height: 121px; float: right; position: relative; margin-bottom: -125px; top: -121px; border-radius: 15px; background: #272a2b; } .push:hover { display: block; width: 95%; padding: 10px; opacity: 0.8; transition: .2s all; height: 121px; cursor: pointer; border-radius: 15px; } .dropbtn { color: #ffffff; background: linear-gradient(9deg, #3e5c58 0%, #698681 55%); border-radius: 12px; font-size: 9px; font-weight: 600; height: 45px; width: 45px; border: none; transition: 0.2s; cursor: pointer; } .dropbtn:hover, .dropbtn:focus { opacity: 0.7; } .playserver { width: 25px; margin-top: -60px; margin-right: -32px; cursor: pointer; background: #383d3e; border-radius: 7px; padding: 7px; transition: 0.2s; float: right; } .playserver:hover { width: 25px; margin-top: -60px; margin-right: -32px; cursor: pointer; background: #44494a; border-radius: 7px; padding: 7px; transition: 0.2s; float: right; } .playserver2 { margin-top: -43px; cursor: pointer; background: #fbc37000; position: absolute; right: -10px; font-weight: 600; border: solid 1px #fbc370; font-size: 9px; transform: rotate(270deg); border-radius: 50px; padding: 1px 20px; transition: 0.2s; float: right; } .playserver2:hover { margin-top: -43px; position: absolute; right: -10px; cursor: pointer; background: #fcc47033; font-weight: 600; font-size: 9px; transform: rotate(270deg); border-radius: 50px; padding: 1px 20px; transition: 0.2s; float: right; } .img_personal_card { width: 65px; height: 65px; position: relative; border-radius: 15px; margin-left: 2px; } .avatarprofile_friend { width: 37px; height: 37px; position: relative; border-radius: 11px; } .userprofblock { margin-bottom: 65px; padding: 24px 16px; border-radius: 15px; height: 110px; background: linear-gradient(22deg, rgb(33 37 49) 45%, rgb(46 51 66) 100%); display: flex; flex-wrap: wrap; } .userprof { padding: 0; border-radius: 15px; width: 50%; background: #23273600; margin-top: 5px; } .username { font-size: 15px; font-weight: 600; } .username_friend { font-size: 13px; font-weight: 600; position: relative; top: 1px; } .lastname_friend { font-weight: 600; color: #6e7678; font-size: 10.5px; position: relative; top: -2px; } .select-arrow-3 { position: absolute; z-index: -9999; border: 8px solid transparent; border-bottom: 0; right: 6px; } .select-arrow-3:nth-child(1) { top: 11px; border-top-color: #6C7231; } .select-arrow-3:nth-child(2) { top: 8px; border-top-color: #FFF; } .procent { background: #5ea566; padding: 15px; font-size: 30px; line-height: 40px; height: 70px; margin-left: 20px; font-family: 'Montserrat'; margin-right: 25px; margin-top: 15px; border-radius: 15px; } .skidkazag { font-size: 14px; position: relative; top: 30px; margin-left: -5px; } .skidka { height: 100px; display: flex; flex-wrap: wrap; background: #25262c; margin-bottom: 20px; border-radius: 15px; flex-direction: row-reverse; justify-content: flex-end; } .rubles { position: relative; top: -55px; font-size: 17px; color: #777a85; float: right; margin-bottom: -21px; margin-right: 15px; font-weight: 600; } .summa { font-size: 12px; font-weight: 600; margin-top: 10px; } .agregator { font-size: 12px; font-weight: 600; margin-bottom: 10px; } .selector { padding: 12px; border-radius: 10px; background: #32333a; font-weight: 600; color: #fff; font-size: 13px; width: 100%; height: 49px; cursor: pointer; transition: 0.2s; border-color: #32333a; } .selector:hover { padding: 12px; border-radius: 10px; background: #3a3b42; font-weight: 600; color: #fff; font-size: 13px; width: 100%; height: 49px; cursor: pointer; transition: 0.2s; border-color: #3a3b42; } .linkstats { background: #828aff00; padding: 10px 14px 10px 13px; border-radius: 10px; float: right; font-weight: 100; border: solid 1px #383d3e; color: #fff; font-size: 13px; cursor: pointer; transition: 0.2s; margin-right: 13px; } .linkstats:hover { background: #383d3e; padding: 10px 14px 10px 13px; border-radius: 10px; float: right; cursor: pointer; font-weight: 100; transition: 0.2s; font-size: 13px; margin-right: 13px; } .zagolovok { background: #fff0; margin-bottom: 50px; } .zatext { font-size: 33px; font-family: system-ui; position: relative; right: 140px; color: #fff0; -webkit-text-stroke: 0.4px #383d3e; } .heading { color: #ffff; position: relative; font-size: 16px; font-weight: 600; } .second_heading { font-size: 12px; color: #a39a9f; font-weight: 600; } .heading_cap { display: flex; flex-direction: column; line-height: 17px; } .double_heading { display: flex; align-items: center; justify-content: space-between; } .arrowtop { float: right; background: #333737; color: #fff; padding: 15px; position: relative; top: -15px; line-height: 10px; height: 40px; width: 40px; border-radius: 10px; } .section { height: 100vh; background: #dedede; margin-bottom: 20px; font-size: 100px; } html { scroll-behavior: smooth; } .scroll-container { position: absolute; top: 0; right: 0; height: 100%; } .nicknametop { float: left; position: relative; font-size: 11.5px; float: left; text-overflow: ellipsis; width: calc( 100% - 39px ); overflow: hidden; white-space: nowrap; color: #fff; top: -26px; } .grouptop { float: left; position: relative; font-size: 10.5px; text-overflow: ellipsis; width: calc( 100% - 45px ); overflow: hidden; white-space: nowrap; color: #6e7678; top: -51px; } .circleuved { width: 24px; position: relative; height: 24px; line-height: 17px; margin-bottom: -12px; text-shadow: #2e3132 0px 0 4px; z-index: 900; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%)); text-align: center; font-size: 9px; display: none; color: #fff; font-weight: 600; left: 11px; top: -3px; border: solid 3px #111923; border-radius: 50px; } .naviga { background: #23273600; font-weight: 600; color: #8c9496; font-size: 11px; display: block; position: relative; height: 43px; margin: auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 225px; transition: 0.2s; line-height: 22px; padding: 10px; border-radius: 10px; } .naviga:hover { background: #2a2e2f; font-weight: 600; color: #ffff; font-size: 11px; display: block; position: relative; height: 43px; margin: auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 225px; transition: 0.2s; line-height: 22px; padding: 10px; border-radius: 10px; } .knopki { height: 121px; margin-bottom: 0px; padding: 0px; border-radius: 15px; background: #fff0; } .knopka1 { background: #2a2e2f; float: left; width: 48.5%; border-radius: 15px; margin-bottom: 0px; height: 120px; } .knopka2 { float: right; background: #2a2e2f; width: 48.5%; border-radius: 15px; height: 120px; } .sett { color: #6a7274; font-weight: 600; transition: 1s all; } .sett:hover { color: #ffff; font-weight: 600; transform: rotateZ(360deg); transition: 1s all; } .uved { color: #6a7274; } .uved:hover { color: #ffff; } .blot { padding: 0px; margin: 0 auto; background: #1e1f3600; } .hide { display: none; animation: 0.5s disappear linear !important; } #button { cursor: pointer; } #block { width: 380px; max-height: 365px; overflow: auto; right: 70px; box-shadow: 0px 5px 10px #13151a4f; position: absolute; top: 67px; background: linear-gradient(15deg, #252829 30%, #323637 100%); z-index: 1900; border-radius: 15px; } #serverss { width: 100%; overflow: auto; margin-top: 3px; max-height: 195px; position: relative; background: #1e222f00; } @keyframes appear { from { max-height: 0px; min-height: 0px; } to { max-height: 300px; min-height: 120px; } } #block::-webkit-scrollbar { display: none; } #block div { width: 100%; } .w-100:hover { width: 100%!important; opacity: 0.7; transition: 0.2s; } .w-100 { width: 100%!important; opacity: 1; border-radius: 15px; transition: 0.2s; } .mader { width: 190px; float: right; right: 120px; height: 60px; background: #ffffff00; top: 18px; position: relative; } .stage { border-bottom: 3px solid #444; display: flex; height: 330px; width: 100%; } .spisok { padding-top: 0px; padding-left: 0px; padding-right: 0px; background: #252828; height: 93px; position: relative; opacity: 1; border-radius: 15px; transition: 0.2s; } .spisok:hover { padding-top: 0px; padding-left: 0px; padding-right: 0px; background: #2f3334; height: 93px; position: relative; opacity: 0.8; border-radius: 15px; transition: 0.2s; } .gift { float: left; font-weight: 600; font-size: 11px; position: relative; top: 30px; border-radius: 50px; padding: 11.5px; padding-left: 35px; padding-right: 35px; background: #2f3334; left: 10px; } .casebutton { line-height: 72px; border-radius: 9px; background: rgb(50 60 82); font-weight: bold; font-size: 11px; position: relative; top: -13px; margin-left: -1px; padding: 15px 7px; text-align: center; } .casebutton:hover { background: #464c4d; } .animate-pulse i{ font-size: 17px; position: relative; color: #ffffff7d; top: 4px; margin-left: 10px; } .promo_btn { border-radius: 9px; display: flex; font-size: 15px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); text-shadow: #000000d4 1px 0 7px; margin-top: 7px; -webkit-text-fill-color: white !important; width: 34px; z-index: 2; height: 34px; letter-spacing: 1px; position: absolute; top: 3px; right: 10px; text-align: center; align-items: center; justify-content: center; } .promo_btn:hover { opacity: 0.8; color: #ffffff; } .bar_head { position: relative; margin-top: 65px; display: flex; gap: 13px; font-family: "Unbounded", sans-serif; flex-direction: column; } .title_head { font-size: 24px; font-weight: 600; letter-spacing: 1px; position: relative; color: #fff; } .text_head { font-size: 12px; font-weight: 400; color: #b1a5ad; line-height: 18px; margin-bottom: 60px; position: relative; } .populars { background: #00000040; padding: 3px; width: 152px; font-size: 11px; float: right; margin-top: 9px; margin-left: 10px; font-weight: 600; padding-left: 17px; top: -43px; position: relative; border-radius: 50px; } .popular { padding: 4px; width: 140px; background: #00000029; font-size: 11px; backdrop-filter: blur(5px); font-weight: 900; padding-left: 17px; color: #fff; margin-left: 15px; top: 12px; position: relative; border-radius: 50px; } .supp { padding: 2px; width: 100px; background: linear-gradient(to bottom right, #828aff, #ac84f9); font-size: 10px; font-weight: 600; padding-left: 19px; color: #ffff; margin-left: 0px; top: 80px; position: relative; border-radius: 50px; } label.toggle { position: relative; display: inline-block; float: right; width: 50px; height: 20px; } input[type="checkbox"] { position: relative; top: 18px; margin-left: -12px; } input:checked + .ball { background-color: #313b63; } input:checked + .ball:before { transform: translateX(28px); } .authorization { width: 100%; padding: 24px 16px; background: #22263400 !important; padding: 0px !important; } .flex_head_block_forum i{ display: flex; align-items: center; justify-content: center; font-size: 15px; height: 33px; color: #a79da2; background: linear-gradient(208deg, #4d5355 0%, #393e3f 55%); width: 33px; border-radius: 9px; } .flex_head_block_forum { display: flex; gap: 10px; margin-bottom: 16px; align-items: flex-end; justify-content: space-between; } .flex_head_block { display: flex; gap: 10px; align-items: flex-end; justify-content: space-between; } .flex_head_block i{ display: flex; align-items: center; justify-content: center; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); font-size: 15px; text-shadow: #000000d4 1px 0 10px; color: #ffffff; height: 33px; width: 33px; border-radius: 50%; } .flex_top_usr_i { display: flex; gap: 10px; align-items: center; margin-bottom: 15px; } .flex_top_usr_i i{ display: flex; align-items: center; justify-content: center; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #675e62 0, #414647 100%)); font-size: 17px; color: #b1a4aa; height: 36px; width: 36px; border-radius: 10px; } .flex_top_setting { display: flex; gap: 10px; margin-bottom: 10px; align-items: center; } .flex_top_setting i{ display: flex; align-items: center; justify-content: center; font-size: 16px; color: #a59a9f; background: linear-gradient(23deg, #51474ca3 0%, #494e4f 55%); height: 36px; width: 36px; border-radius: 10px; } .toper { background: #6080ff00; margin-bottom: 25px; border-radius: 15px; max-width: 1300px; display: flex; } @media (max-width: 1200px) { .block-aut { padding: 0px; display: flex; width: 100%; background: #fff0; margin-bottom: -40px; position: relative; margin-right: 15px; flex-direction: column; flex-wrap: nowrap; } .profile-top-menu { overflow-x: auto; overflow-y: hidden; margin-bottom: 15px; height: 65px; display: flex; border-radius: 0px; width: 102%; list-style: outside; background: #ffffff00; } .block-user { display: flex; flex-wrap: nowrap; border-radius: 13px; background: #272a2b; margin-bottom: 9px; height: auto; padding: 15px; } .container-buttons { display: flex; position: relative; margin-right: auto; margin-left: inherit; } .profile-info1 { background: #ffffff00; padding: 0px; width: 100%; margin-right: 0px; border-radius: 15px; margin-bottom: 0px; } .profile-info { background: #ffffff00; padding: 0px; width: 100%; border-radius: 15px; margin-bottom: 0px; } .user_info { font-weight: 600; font-size: 11px; position: relative; border-radius: 50px; top: 6px; } .komissia-block { background: #89898900; width: 100%; padding-left: 20px; padding-top: 0px; margin-left: 20px; margin-top: 30px; border-radius: 0px; } .new > p:last-child span { margin-top: 10px; padding: 5px 10px; background: #383d3e; margin-bottom: 10px; display: block; font-size: 10px; border-radius: 7px; color: #fff; } .sobitia-block { display: flex; padding: 0px; background: #fff0; flex-wrap: wrap; margin-bottom: 30px; border-radius: 15px; } .sobitia-left { background: #fff0; width: 100%; padding: 0px; margin-right: 0px; margin-bottom: 30px; height: 260px; border-radius: 15px; } .online-right { background: #fff0; width: 100%; padding: 0px; height: 261px; margin-bottom: 0px; margin-top: 60px; border-radius: 15px; } #block { max-height: 340px; right: -37px; width: 331px; top: 60px; border-radius: 15px; } .fa-bell:before { content: "\f0f3"; color: #16161600; transition: 0.2s; font-size: 16px; background: #f5f6f9; padding: 11px; cursor: pointer; top: 21px; border-radius: 10px; margin-right: 5px; margin-left: 5px; position: relative; font-weight: 400; } .menuq { background: #383c3d; width: 48px; display: none; padding: 10px; cursor: pointer; height: auto; transition: 0.2s; border-radius: 10px; flex-direction: column; align-items: center; justify-content: center; } .bottom_stats { height: 90px; margin-bottom: 0px; display: none; margin-top: 0px; padding: 20px 5px; border-radius: 15px; background: #292c2d; } .stats_vnutr { background: #fff0; z-index: 1; display: flex; height: 100%; position: relative; padding-bottom: 15px; border-radius: 0px; margin-bottom: -150px; flex-wrap: wrap; } .toper_mini_right { display: none; } .forum-infoo { display: none; } .modal-bans { padding: 0px; display: flex; margin-left: -14px; margin-bottom: 0px; background: #21253100; margin-right: -14px; flex-direction: column; } .table-adaptive .table-row { margin-bottom: 9px; border-radius: 15px; padding: 5px 30px; } #serverss { width: 100%; max-height: 300px; height: 183px; overflow: auto; flex: 1 1 auto; position: relative; top: 10px; background: #1e222f00; padding: 0px 5px 0px 0px; border-radius: 15px; } .intro__online-icon { width: 39px; margin-left: auto; margin-right: auto; margin-bottom: -13px; margin-top: 1px; display: block; } .onlinepulse { background: #ffffff00; height: 42px; padding: 0px; margin-right: auto; position: relative; right: 0px; margin-left: auto; margin-top: 13px; border-radius: 50px; border: solid 1px #383d3e; width: 42px; margin-bottom: -13px; } .maxmin { color: #777a85; font-size: 10.2px; line-height: 13px; display: none; text-align: center; } .push { display: block; width: 93%; padding: 10px; opacity: 1; height: 112px; cursor: pointer; transition: .2s all; border-radius: 15px; background: #ffffff; } .right-sidebar { display: none; } .nav_slider { margin: 0px; } .sb_title { font-weight: 600; color: #fff; text-overflow: ellipsis; width: calc(100% - 0px); overflow: hidden; white-space: nowrap; } .flex_balance_mp i { min-width: 35px; } .sb_description { display: flex; font-weight: 600; width: fit-content; font-size: 0px; transition: .2s all; gap: 0px; padding: 0px 4px; border-radius: 50px; height: 23px; margin-bottom: -2px; align-items: center; } .news_info { display: none; } .push:hover { display: block; width: 93%; padding: 10px; opacity: 0.8; height: 112px; cursor: pointer; transition: .2s all; border-radius: 15px; background: #2a2e2f; } .sidebar { position: fixed; left: 0; display: none; top: 0; height: 100%; width: 78px; background: #252828; padding: 6px 14px; z-index: 99; transition: all 0.5s ease; } .carousel-inner { position: relative; width: 100%; overflow: hidden; border-radius: 15px; height: 170px; } .mader { width: 190px; float: right; right: 45px; height: 60px; background: #ffffff00; top: 18px; position: relative; } } @media (max-width: 992px) { .toper { min-height:680px; margin-bottom: 70px; } .flex_modules { display: flex; height: 100%; gap: 10px; width: 100%; border-radius: 15px; flex-direction: column; } .text_head { margin-bottom: 30px; } } .toper_block { flex: 1 1 auto; margin-left: 15px; background: rgb(35 37 64 / 0%); border-radius: 15px; } @media (max-width: 992px) { .toper_block { width:100%; margin-left: 0px; } } .slide_block { max-height: 125px; margin: 0 9px 0 0; height: 116px; transition: .2s all; display: flex !important; line-height: 15px; background: #4a5051; position: relative; border-radius: 18px; flex-direction: column; justify-content: space-between; } .slide_block i { width: 34px; height: 34px; color: #ffffff; backdrop-filter: blur(7px); box-shadow: inset 0 0.125em 0.125em rgba(0, 0, 0, 0.05), inset 0 -0.125em 0.125em rgb(255 126 124 / 30%), 0 0.25em 0.125em -0.125em rgba(0, 0, 0, 0.2), 0 0 0.1em 0.25em inset rgb(255 121 138 / 8%), 0 0 0 0 rgb(255 255 255 / 0%); background: linear-gradient(180deg, #fe81720f 30%, #ff7c7c66 100%); font-size: 14px; border-radius: 10px; display: flex; align-items: center; position: relative; justify-content: center; } .slide_block:hover { background: #545a5b; } .slide_block:hover .enter_card_slider { background: #81717794; border: dashed 1px #a29599; color: #e2d2d8; } .slide_block:hover .sb_description .bx-chevron-right{ border: 1px solid #868e90; background: #4b5152; } .slide_block:hover .sb_description i { color: #ffffff !important; background: #ff9b6900; transform: rotate(270deg); } @media (max-width: 992px) { .slide_block { margin-bottom: 20px; width: 100%; } } @media (max-width: 991.99px) { .authorization { width: 100%; padding: 24px 16px; border-radius: 10px; background: #242a4000; margin-bottom: 30px; } .auth_img { width: 260px; position: relative; top: -52px; float: right; display: none; } .wapper .header ul.user-menu > li.balance { color: #fff; position: relative; padding: 7px 15px 7px 15px; font-size: 11px; font-weight: 600; display: none; top: 10px; line-height: 25px; right: -20px; margin-right: -20px; background: #323637; border-radius: 9px; } .push { display: block; width: 130px; padding: 10px; opacity: 1; height: 112px; cursor: pointer; transition: .2s all; border-radius: 15px; background: #2a2e2f; } .push:hover { display: block; width: 130px; padding: 10px; opacity: 0.7; height: 112px; cursor: pointer; transition: .2s all; border-radius: 15px; background: #2a2e2f; } .fa-bell:before { content: "\f0f3"; color: #16161600; transition: 0.2s; font-size: 16px; background: #f5f6f9; padding: 11px; cursor: pointer; top: 21px; border-radius: 10px; margin-right: 5px; margin-left: 5px; position: relative; font-weight: 400; } .fa-message-lines:before { content: "\f4a6"; color: #3330; transition: 0.2s; font-size: 15.5px; background: #f5f6f9; padding: 11.5px; height: 38px; cursor: pointer; top: 15px; border-radius: 10px; margin-right: -20px; margin-left: 5px; position: relative; font-weight: 500; } .circleuved { width: 24px; position: relative; height: 24px; line-height: 17px; margin-bottom: -12px; z-index: 900; text-align: center; font-size: 9px; display: none; color: #fff; font-weight: 600; left: 11px; top: -3px; border-radius: 50px; } .blockprofile { width: 0px; border-radius: 0px; padding: 0px; background: #d16c6c00; left: 0px; height: 50px; top: 0px; margin-top: 2px; position: relative; border-left: solid 1px #eaefff00; } .blockprofile:hover { opacity: 0.7; } .bottom_stats { height: 100%; margin-bottom: -34px; margin-top: 0px; padding: 20px 20px; border-radius: 15px; background: #1e263800; } .a_mobile { width: 100%; } .bottom_name { position: relative; top: 7px; width: 100%; display: flex; line-height: 15px; flex-direction: column; } .bottom_prev { display: flex; margin-top: 0px; width: 100%; background: #ffffff00; flex-direction: column; } .stats_vnutr { background: #fff0; z-index: 1; display: flex; height: auto; position: relative; padding-bottom: 0px; border-radius: 0px; margin-bottom: 0px; flex-wrap: wrap; } .stats_mini_block { background: #323637; display: flex; width: 100%; border-radius: 10px; overflow: hidden; margin-bottom: 7px; margin-right: 0px; padding: 0px 10px; height: 54px; z-index: 2; transition: .2s all; cursor: pointer; position: relative; align-items: center; justify-content: flex-start; } .span_number { font-weight: 600; font-size: 13px; transition: .2s all; display: flex; } .stats_mini_block:hover { background: #373c3d; display: flex; width: 100%; border-radius: 10px; overflow: hidden; margin-right: 0px; padding: 0px 10px; height: 54px; z-index: 2; transition: .2s all; position: relative; align-items: center; justify-content: flex-start; } .but-block { display: block; width: auto; padding: 0px; background: #fff0; margin-bottom: 0px; flex-wrap: nowrap; justify-content: space-between; } .bottom-nav { background: #272b3800; display: flex; flex-wrap: nowrap; width: 500px; padding: 20px 20px 0px 20px; margin-bottom: 11px; margin-top: -70px; border-radius: 15px; flex-direction: column; } .bottom-text { color: #7a8091; font-size: 11px; width: 270px; } .block-profile-right { width: 50%; padding: 0px; display: none; border-radius: 15px; margin-bottom: 0px; background: #fff0; } .nav_slider { margin: 0px; width: 100%; margin-bottom: 80px; } .nicknametop { float: left; position: relative; left: 2px; font-size: 11px; display: none; color: #020202; top: -15px; margin-left: 0px; } .animate-pulse { line-height: 72px; border-radius: 9px; z-index: 100; background: linear-gradient(23deg, #25324d 0%, rgb(51 68 104) 70%); font-weight: bold; font-size: 11px; position: relative; color: rgb(255 255 255); top: -1px; padding: 17px 35px; text-align: center; } .animate-pulse:hover { opacity: 0.8; color: rgb(255 255 255); } @keyframes animate_pulse { 0% { box-shadow: 0 0 0 0 #c9a55380; } 70% { box-shadow: 0 0 0 10px rgba(228, 25, 49, 0); } 100% { box-shadow: 0 0 0 0 rgba(228, 25, 49, 0); } } .head_top_info { flex-direction: column; align-items: flex-start !important; } .bx-chevron-down {top: 65%;right: -40px;} } .sub_menu { width: 66px; padding: 11px; display: flex; background: rgb(255 255 255 / 8%); backdrop-filter: blur(7px); z-index: 100; gap: 8px; border-radius: 50px; margin-left: 15px; flex-direction: column; align-items: center; } .flex_slide_text { padding: 11px; gap: 6px; display: flex; position: relative; width: 100%; flex-direction: column; } .btn_sub_menu { width: 47px; height: 47px; display: flex; text-shadow: #000000b3 1px 0 12px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); font-size: 19px; color: #ffffff; border-radius: 50px; align-items: center; justify-content: center; opacity: 0.7; transition: 0.2s; } .btn_sub_menu:hover { opacity: 1; color: #ffff; } .status_user_chat { font-size: 10.5px; color: #90a19e; font-weight: 600; } .under_text { display: flex; flex-direction: column; line-height: 15px; font-size: 11.5px; } .flex_chat_user { display: flex; gap: 10px; height: 40px; align-items: center; } .btn_message { border-radius: 10px; width: 39px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); display: flex; position: absolute; height: 39px; color: #ffffff !important; text-shadow: #000000ba 1px 0 10px; padding-left: 1px; font-size: 14px; top: 25px; right: 25px; align-items: center; justify-content: center; } .btn_message:hover { opacity: 0.7; } .point i { border-radius: 50px; color: rgb(255 255 255 / 64%); font-size: 13px; display: flex; padding-left: 1px; width: 26px; height: 26px; background: rgb(255 255 255 / 17%); align-items: center; justify-content: center; } .point { display: flex; position: relative; letter-spacing: 1px; backdrop-filter: blur(2px); gap: 10px; padding: 6px 16px 6px 6px; background: rgb(255 255 255 / 14%); align-items: center; font-size: 8px; color: rgb(255 255 255 / 81%); font-weight: 600; border-radius: 50px; animation-name: blink; animation-timing-function: linear; animation-duration: 1.0s; animation-iteration-count: infinite; } @keyframes blink { 50% { opacity: 0.3; } } .all_allow { padding: 3px 10px; border-radius: 50px; font-weight: 600; font-size: 10px; background: linear-gradient(34deg, #bd4141 0%, #fd5656 55%); z-index: 1; bottom: 16px; left: 13px; color: #ffffff; position: absolute; } .online_txt { display: flex; flex-direction: column; line-height: 15px; color: #a09598; font-size: 11px; font-weight: 600; } .border_sub_menu { background: #ffffff1a; width: 90%; display: block; margin-top: 3px; height: 1px; } .flex_today { display: flex; align-items: center; } .today_online { background: #596062; height: 34px; transition: 0.2s; width: 34px; color: #bfaab1; font-weight: 600; font-size: 12px; display: flex; border-radius: 50px; align-items: center; justify-content: center; } .online_second { font-size: 11.5px; color: #ffffff; } .message_global { max-width: 1000px; min-width: 100%; } .text_notification { display: flex; flex-direction: column; line-height: 17px; } .name_notification { color: #fff; font-weight: 600; font-size: 13px; } .notifications_list { padding: 0px 15px; } .notif_text { color: #ffffff; } .icon_notif { width: 40px !important; height: 40px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); text-shadow: #000000d4 1px 0 7px; border-radius: 50px; display: flex; color: #ffffff; align-items: center; font-size: 18px; justify-content: center; } .date_not { display: flex; justify-content: center; z-index: 1; margin-top: -36px; position: relative; } .all_notif_btn { padding: 0px 15px; margin-top: -5px; margin-bottom: 23px; } .date_notif { font-size: 10.3px; font-weight: 600; background: linear-gradient(360deg, #545a5b 30%, #5b6263 100%); color: #ada0a6; padding: 3px 15px; border-radius: 50px; } .delete_message { color: #656d6e; font-size: 13px; float: right; left: 52px; top: -2px; position: relative; transition: .2s all; } .delete_message:hover { color: #ffffff; } .right_chat_info { display: flex; gap: 10px; align-items: center; } .gradient_online { width: 100%; display: block; height: 40px; position: relative; margin-bottom: -48px; top: -39px; z-index: 1; background: linear-gradient(360deg, #1a1c1c 10%, #2f324100 100%); } .promo_info { display: flex; flex-direction: column; gap: 6px; margin-bottom: 15px; } .promo_result .text-danger{font-size: 11px;margin-top: 8px;margin-bottom: 0px;} .promo_title { font-weight: 600; font-size: 15px; } .promo_description { font-weight: 600; font-size: 11px; color: #aab0b2; line-height: 15px; } .notif_block_sucess { border-radius: 15px; background: linear-gradient(45deg, #404546 30%, #474c4d 100%); font-size: 10.3px; display: flex; padding: 27px 16px 27px 16px; gap: 12px; margin-top: 17px; font-weight: 600; height: auto; flex-direction: column; } .notif_block_sucess .m-icon.icon-remove, .bs-callout .m-icon.icon-remove { position: absolute; right: 0px; margin-top: 19px; margin-right: -6px; transition: .2s all; font-size: 9px; width: 19px; line-height: 1px; border-radius: 50px; height: 19px; display: flex; z-index: 1; font-weight: 500; background: #ff737340; color: #fd7878; cursor: pointer; align-items: center; justify-content: center; } .notif_block_sucess .m-icon.icon-remove:hover, .bs-callout .m-icon.icon-remove { opacity: 0.7; } .birth_block { background: #2b2f30; padding: 20px; border-radius: 15px; margin-bottom: 20px; display: flex; flex-direction: column; } .birth_person { background: #404547; padding: 10px 13px; border-radius: 12px; display: flex; overflow: hidden; align-items: center; justify-content: space-between; } .birth_login { color: #fff; font-weight: 600; } .birth_img { width: 37px; padding: 3px; height: 37px; border: solid 3px #62696b; margin-right: 11px; border-radius: 50%; } .birth_text { font-size: 14px; font-weight: 600; } .birth_day { color: #848c8e; font-size: 10.9px; font-weight: 600; } .birth_second { font-weight: 600; color: #5f6667; font-size: 11.5px; margin-top: 5px; margin-bottom: 13px; line-height: 15px; } .btn_birth { background: #5b6263; height: 34px; width: 34px; transition: 0.2s; font-size: 16px; color: #9da4a6; display: flex; border-radius: 9px; align-items: center; justify-content: center; } .btn_birth:hover { color: #ffffff; background: #6a7375; } .bottom_under { background: #111923; margin-top: 60px; } .info_card { display: flex; justify-content: space-between; } .block_open_cases { background: linear-gradient(0deg, #393c44 30%, #444851 100%); background-size: cover; font-weight: bold; line-height: 19px; width: 100%; height: 100%; border-radius: 20px; display: flex; padding: 15px; flex-direction: row-reverse; justify-content: space-between; } .block_open_cases:hover { opacity: 0.7; } .bottom_head { display: flex; background: #323637; margin-top: -50px; padding: 35px; border: solid 1px #3f4344; border-radius: 20px; align-items: center; flex-direction: column; } .name_card { font-weight: bold; } .desp_card { font-weight: bold; font-size: 11px; color: #8f8589; } .pro:hover .flex_promo_text { transition: 0.2s; text-shadow: #ff8fa0bf 1px 0 30px; } .pro{ color: #ffffff; height: 60px; width: fit-content; display: flex; background: #ffffff00; cursor: default; gap: 6px; position: relative; padding: 0px 0px 13px 0px; float: left; font-size: 11px; margin-left: 20px; top: -2px; transition: 0.2s; font-weight: 600; align-items: center; flex-direction: column; justify-content: space-between; } .pro i{font-size: 18px;background: -webkit-linear-gradient(#ff8689, #cf5e61);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .arrta::after{ content: ''; width: 0; height: 0; display: block; position: absolute; z-index: 10; border: 0; } .arrta::after{ border-left: 15px solid transparent; border-right: 15px solid transparent; margin-left: -15px; border-bottom: 15px solid #fff0; top: -15px; } .arrta::after { left: 8%; } .prcr { transition: opacity 0.2s ease-in; position: absolute; =: solid 1px #454a54; background: linear-gradient(15deg, #252829 30%, #323637 100%); backdrop-filter: blur(10px); box-shadow: 0 35px 20px 0 rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; transition: opacity 0.2s, visibility 0s linear 0.2s; z-index: 9999; top: 70px; width: 300px; right: 0; border-radius: 15px; padding: 20px; left: 140%; margin-left: -140px; } .pro:hover .prcr { display: block; opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; } .href_bottom { color: #8f878a; line-height: 18px !important; } .href_bottom:hover { color: #ffffff; } .line_purse { display: block; width: 30px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%)); box-shadow: 0px 0px 20px #ff7989; height: 4px; margin-top: 5px; margin-bottom: 7px; border-radius: 50px; } .bottom_footer { display: flex; width: 100%; } .event_content { color: #fff; font-size: 11px; font-weight: 600; line-height: 15px; display: block; } .event_date { color: #9b9195; font-size: 10.6px; font-weight: 600; margin-top: 5px; } .event_flex { display: flex; gap: 5px; flex-direction: column; } .row_events { display: flex; box-shadow: 0px 5px 10px #13151a4f; border-radius: 18px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); margin-bottom: 20px; gap: 15px; padding: 20px; } .right_events { width: 50%; padding: 17px; background: linear-gradient(1deg, #303334 30%, #414647 100%); background-size: cover; border-radius: 16px; } .small_online { max-width: 300px; display: flex; } .left_events {margin-bottom: -10px;width: 50%;} .text_forum_activity { color: #ffff !important; font-size: 12px !important; } .line_purse1 { display: block; width: 8px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%)); box-shadow: 0px 0px 20px #ff7989; height: 4px; margin-top: 5px; margin-right: 5px; margin-bottom: 7px; border-radius: 50px; } .last_activity_theme { color: #fff; font-size: 11.5px; } .img_actiity { width: 33px; height: 33px; border-radius: 50%; vertical-align: text-top; } .description_activity { font-weight: 600; color: #b3a8ac; font-size: 10.6px; } .activity_flex { display: flex; flex-direction: column; line-height: 17px; } .flex_activity { display: flex; flex-direction: column; line-height: 15px; } .activity_btn { border: none; transition: .2s all; background: #636b6d; border-radius: 50%; width: 26px; height: 26px; color: #b9a8ae; font-size: 14px; display: flex; align-items: center; justify-content: center; } .activity_btn:hover { background: #99a0a2; color: #ffffff; transform: rotate(180deg); } .left_side_activity { display: flex; gap: 15px; align-items: center; } .event_login { font-weight: 600; font-size: 12px; } .stats_icon { width: 40px; height: 40px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #8d9596 0, #7f757a 100%)); display: flex; border-radius: 50px; color: #c1b9bd; font-size: 17px; align-items: center; justify-content: center; } .text_top_users { color: #fff; font-weight: 600; font-size: 12.5px; } .cooperation_btn { border-radius: 50px; text-shadow: #00000087 1px 0 7px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); color: #ffffff; width: 34px; display: flex; height: 34px; transition: .2s all; font-size: 8.5px; align-items: center; justify-content: center; } .cooperation_btn:hover { opacity: 0.7; } .flex_activity_info { display: flex; gap: 10px; align-items: center; } .add_theme_forum { width: 35px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); height: 35px; text-shadow: #00000087 1px 0 7px; color: #ffffff; display: flex; transition: .2s all; font-size: 18px; border-radius: 9px; align-items: center; justify-content: center; } .add_theme_forum:hover { opacity: 0.7; color: #ffff; } .flex_activity span{ font-size: 10.5px; color: #ffa6a6; font-weight: 600; } .line_title { display: flex; } .footer_description { font-weight: 600; color: #8f878a; font-size: 11.5px; line-height: 15px; } .top_user { display: flex; background: #373b3c; padding: 17px; background-size: cover; border-radius: 15px 15px 0px 0px; justify-content: space-between; flex-direction: column-reverse; } .img_top_user { width: 48px; height: 48px; border-radius: 50%; border: solid 5px #373b3c; } .flex_top_users { position: relative; display: flex; flex-direction: column; } .desp_top_users { color: #ad9da3; position: relative; top: 2px; font-weight: 600; font-size: 11px; transition: .2s all; } .desp_top_users:hover { color: #ffffff; } .bottom_top_user { border-radius: 0px 0px 15px 15px; height: 35px; background: linear-gradient(90deg, #484e4f 10%, #373b3c 90%); padding-right: 35px; display: flex; align-items: center; border-top: solid 1px #4c5253; justify-content: space-around; } .rait_top { color: #fff; border: solid 1px #606769; display: flex; background: #515759; padding: 0px 10px 0px 4px; gap: 8px; font-weight: 600; font-size: 11px; height: 26px; border-radius: 50px; align-items: center; } .rait_top .bx-heart{ border-radius: 50px; color: #fff; text-shadow: #000000d4 1px 0 7px; height: 18px; display: flex; width: 18px; font-size: 11px; background: linear-gradient(34deg, #bd4141 0%, #fd5656 55%); align-items: center; justify-content: center; } .rait_top .bx-message{border-radius: 50px;color: #fff;text-shadow: #000000d4 1px 0 7px;height: 18px;padding-top: 1px;display: flex;width: 18px;font-size: 10px;background: linear-gradient(34deg, #386650 0%, #4acf8f 55%);align-items: center;justify-content: center;} .rait_top .bx-trophy{ border-radius: 50px; text-shadow: #000000d4 1px 0 7px; color: #fff; height: 18px; display: flex; width: 18px; font-size: 11px; background: linear-gradient(34deg, #ad6f2c 0%, #ffa33e 55%); align-items: center; justify-content: center; } .flex_rait { display: flex; gap: 7px; margin-bottom: -23px; } .top1 { position: absolute; z-index: 20; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff841a 0, #c78958 250%)); padding: 1px 9px; border-radius: 50px; box-shadow: 0px 0px 20px #fa7e766e; font-weight: 600; text-shadow: #000000 1px 0 7px; font-size: 8.5px; color: #ffffff; margin-top: 18px; right: 50px; } .flex_info_top_user { display: flex; gap: 10px; margin-left: 3px; position: relative; top: 39px; align-items: center; } .tabs>input[type="radio"] { display: none; } .tabs>input[type="radio"]:checked+label { background-color: #585f60; font-size: 11px; font-weight: 600; color: #fff; border-radius: 9px; padding: 5px 5px; } .tabs>div { display: none; border-radius: 15px; } #tab-btn-1:checked~#content-1, #tab-btn-2:checked~#content-2, #tab-btn-3:checked~#content-3 { display: block; } .tabs>label { display: inline-block; text-align: center; vertical-align: middle; user-select: none; font-size: 11px; font-weight: 600; position: initial; border-radius: 9px; padding: 5px 5px; background-color: #63555a9e; border: 1px solid transparent; line-height: 1.5; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; margin-left: -24px; cursor: pointer; margin-right: 24px; margin-bottom: 7px; z-index: 0; } .tabs>label:first-of-type { margin-left: 0; } .top_donator_flex { display: flex; align-items: center; justify-content: space-between; } .img_donators { height: 28px; width: 28px; border-radius: 8px; transition: .3s all; position: relative; } .flex_water_sdg { display: flex; flex-direction: column; align-items: flex-end; font-weight: bold; color: #746d70; line-height: 19px; font-size: 11.5px; } .center_sub { width: 90px; position: fixed; margin-top: auto; top: 33%; margin-bottom: auto; z-index: 100; gap: 1px; display: flex; align-items: center; } .flex_text_donators { display: flex; flex-direction: column; line-height: 15px; } .desp_donator { color: #a2afc7; font-size: 11px; } .text_donator { color: #ffff; font-size: 12px; } .btn_top_block { gap: 5px; display: flex; background: #393e3f; padding: 5px; margin-top: -5px; width: 100%; border-radius: 50px; margin-bottom: 50px; position: relative; z-index: 1; } .name_top_usr { color: #ffff; font-weight: 600; font-size: 13px; } .border_water_sdg { width: 46px; background: #ff7e7d33; height: 46px; border-radius: 50px; display: flex; align-items: center; justify-content: center; } .flex_top_usr { display: flex; flex-direction: column; line-height: 17px; } .desp_top_usr { color: #aba2a5; font-weight: 600; line-height: 15px; font-size: 11px; } .right_now_online { padding: 0px 12px; border-radius: 50px; font-weight: 600; background: linear-gradient(212deg, #87e59542 0%, #7eda8d17 85%); font-size: 8.1px; color: #94eb97; letter-spacing: 1px; } .head_online_users { color: #a5979d; font-weight: 600; font-size: 11.5px; margin-bottom: 10px; display: flex; padding-left: 5px; justify-content: space-between; align-items: center; } .profile_r_block { border-radius: 20px; padding: 20px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); box-shadow: 0px 5px 10px #13151a4f; margin-bottom: 13px; } .profile_r_block .empty-element { margin-bottom: 13px; border-radius: 14px !important; background: #3f373a7a !important; display: flex !important; width: 100%; font-weight: bold; color: #81767b; font-size: 11px; border: dashed 1px #494f50 !important; padding: 40px !important; align-items: center !important; justify-content: center !important; } .profile_r_block .lst_activity_block { background: linear-gradient(154deg, #333738 10%, #2b2f30 60%) !important; } .profile_r_block .activity_btn { background: #4e5455; color: #a5999f; } .profile_r_block .activity_btn:hover { background: #5d6465; color: #ffffff; } .profile_r_block .description_activity { font-weight: 600; color: #93898e; font-size: 10.6px; } .profile_r_block_activity { background: #3b4041; border-radius: 20px; padding: 20px; background-size: cover; margin-bottom: 13px; } #friends { display: flex; margin-top: 10px; overflow: hidden; } .small-friend { display: flex; gap: 6px; padding: 13px 10px; min-width: 89px; font-size: 10.5px; color: #fff; background: linear-gradient(0deg, #313536 30%, #3e4243 100%); max-width: 83px; margin-right: 2.2%; text-align: center; border-radius: 14px; flex-direction: column; align-items: center; } .small-friend span { text-overflow: ellipsis; width: 60px; overflow: hidden; white-space: nowrap; } .small-friend:hover { opacity: 0.7; color: #fff; } .btn_admin_func { background: #2a2e2f; width: 100%; padding: 0px 9px; color: #837a7d !important; gap: 10px; font-size: 11px; border-radius: 10px; display: flex; height: 48px; transition: 0.2s; align-items: center; } .btn_admin_func:hover { background: #3e4243; color: #ffffff !important; } .btn_admin_func:hover i{ background: #ff798b; color: #ffffff !important; } .btn_admin_func i{ font-size: 16px; transition: 0.2s; background: #434849; width: 32px; height: 32px; display: flex; border-radius: 8px; color: #a0adc6; align-items: center; justify-content: center; } .small-friend img{ width: 44px; border-radius: 50%; height: 44px; z-index: 1; margin-right: 3.3%; padding: 3px; } .buttom_balance_left { display: flex; flex-direction: column; line-height: 19px; } .top_balance_left { display: flex; flex-direction: column; margin-top: 20px; } .link_water { color: #9d9598; border-bottom: dashed 1px #9d9598a6; padding-bottom: 3px; margin-left: 1px; } .link_water:hover { color: #ffffff; border-bottom: dashed 1px #ffffff; } .flex_head_l { display: flex; gap: 10px; } .procent_name_menu { color: #a8aeaf; font-weight: bold; font-size: 11px; } .procent_admin_menu { font-size: 12px; transition: 0.2s; font-weight: bold; display: flex; border-radius: 8px; color: #ffffff; align-items: center; justify-content: center; } .modal_head { width: 100%; font-size: 15px; font-weight: 600; margin-bottom: -10px; display: flex; justify-content: space-between; } .personal_card_flex_top { border-radius: 20px; padding: 25px; background: linear-gradient(15deg, #313536 30%, #383c3d 100%); } .name_card_user { font-weight: bold; color: #ffcbc2; } .name_card_user_purse { font-weight: bold; color: #ffcbc2; font-size: 15px; } .login_card { font-weight: bold; font-size: 10px; text-transform: uppercase; } .login_card_purse { font-weight: bold; font-size: 12px; margin-top: 2px; color: #ffff; text-transform: uppercase; } .left_item_card { display: flex; flex-direction: column; justify-content: space-between; } .right_item_card {display: flex;align-items: flex-end;} .point_header { z-index: 1; display: block; width: 13px; height: 13px; border: solid 4px #272a2a; border-radius: 50%; background: #ffc491; top: 11px; position: absolute; right: 18px; } .tabs__controls button { border: none; width: 100%; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #889193 0, #4b5152 100%)); font-size: 15px; color: #b5a6ab; height: 29px; border-radius: 50px; display: flex; font-weight: 600; font-size: 10px; transition: 0.2s; cursor: pointer; appearance: none; align-items: center; justify-content: center; } .tabs__controls button:hover, .tabs__controls button:focus { opacity: 0.7; } .tabs__controls button[aria-selected="true"] { color: #f5fffd; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); text-shadow: #00000075 1px 0 7px; } .tabs__controls button[aria-selected="true"]:hover { color: #f5fffd; opacity: 1.0; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); text-shadow: #000000d4 1px 0 7px; } .tabs__controls { margin-bottom: 15px; display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: column; } ul { padding: 0; list-style: none; } /* source: templates/cs27Reg/css/style_three.css */ .flex_online_servers { display: flex; flex-direction: column; line-height: 13px; } .right-side_flex { width: 77%; display: flex; padding: 20px; flex-direction: column; justify-content: space-between; } .thank_str {color: #817a7d;font-weight: 600;} .text_operation_h1 { font-size: 13px; color: #94eb97; } .text_operation_h2 { font-size: 10.5px; } .text_operation_h11 { font-size: 13px; color: #ff6d6d; } .text_operation_h22 { font-size: 10.5px; } .flex_operation_text { display: flex; gap: 5px; font-weight: bold; flex-direction: column; } .flex_input_merchant { display: flex; gap: 7px; margin-bottom: 15px; align-items: center; } .flex_mini_user { display: flex; gap: 5px; border-radius: 50px; padding: 5px; background: #393e3f; align-items: center; } .discount_purse_block { border-radius: 16px; transition: .2s all; background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%); gap: 11px; padding: 17px; box-shadow: 0px 5px 10px #13151a00; display: flex; margin-bottom: 20px; flex-direction: column; margin-top: 20px; } .discount_purse { background: #393e3f; padding: 8px 9px; border-radius: 12px; transition: .2s all; gap: 9px; display: flex; align-items: center; } .discount_purse i { width: 35px; transition: all 0.2s; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); text-shadow: #0000008c 1px 0 10px; height: 35px; font-size: 17px; display: flex; color: #ffffff; border-radius: 10px; align-items: center; justify-content: center; } .discount_purse span{ font-weight: bold; font-size: 13px; display: flex; gap: 6px; align-items: center; } .flex_my_stores { display: flex; flex-direction: column; font-weight: bold; line-height: 17px; } .my_stores_mini_btn { display: flex; border-radius: 13px; gap: 11px; margin-bottom: 15px; padding: 16px; background: linear-gradient(180deg, #fd7f7517 10%, #fe7a8338 100%) !important; } .my_stores_mini_btn i{ display: flex; align-items: center; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); border-radius: 10px; text-shadow: #000000a1 1px 0 10px; padding: 10px; font-size: 16px; color: #ffffff; } .my_stores_mini_text { color: #ffff; font-size: 12px; } .my_stores_mini_info { font-size: 10.5px; color: #fd959e; font-weight: 600; border-bottom: dashed 1px #fd959ec9; } .my_stores_mini_info:hover { color: #ffffff; border-bottom: dashed 1px #ffffffad; } .mp_btn { background: #4a5051; display: flex; color: #a5979d; min-width: 43px; height: 43px; font-size: 18px; transition: 0.2s; align-items: center; border-radius: 10px; justify-content: center; } .mp_btn:hover { background: #585f61; color: #ffffff; } .mp_btn_profile { display: flex; color: #ffffff; background: linear-gradient(354deg, #484e4f 30%, #5b6264 100%) !important; border-top: solid 1px #878f91; height: 43px; width: 100%; font-size: 11px; transition: 0.2s; align-items: center; border-radius: 9px; justify-content: center; } .mp_btn_profile:hover { opacity: 0.7; color: #ffff; } .mini_profile_menu { margin: 0px 15px 0px 15px; display: flex; gap: 6px; flex-direction: column; } .all_friends_btn { color: #8d9596; font-size: 11px; border-bottom: dashed 1px #796d72c9; display: flex; align-items: center; justify-content: center; } .all_friends_btn:hover { border-bottom: dashed 1px #ffffffad; color: #ffffff; } .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #111923; z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 1; visibility: visible; transition: opacity 1s, visibility 0s 0s; } .preloader_hidden { visibility: hidden; opacity: 0; transition: opacity 1s, visibility 0s 1s; } #preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } #loader { display: block; position: relative; left: 50%; top: 50%; width: 60px; height: 60px; margin: -65px 0 0 -65px; border-radius: 50%; border: 3px solid transparent; border-top-color: #ff7a2a; -webkit-animation: spin 2s linear infinite; animation: spin 1s linear infinite; } #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #ff7a2a; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #ff7a2a; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .setting-privileges { border: none; transition: .2s all; background: #2c3a59; color: #676f71; width: 36px; float: right; margin-right: 10px; margin-top: 7px; border-radius: 10px; display: flex; font-size: 17px; height: 36px; align-items: center; justify-content: center; } .setting-privileges:hover { border: none; transition: .2s all; background: #494f50; color: #ffffff; width: 36px; border-radius: 10px; display: flex; font-size: 17px; height: 36px; align-items: center; justify-content: center; } .user_online_block { display: flex; border-radius: 50px; align-items: center; max-width: 85px; overflow: hidden; } .user_online_block .users_chat_online { display: none; } .user_online_top {} .user_online_top i { border-radius: 50px; width: 15px; height: 15px; display: flex; font-size: 12px; padding: 0px; color: #a1a8a9; background: #61686a; align-items: center; justify-content: center; } .user_online_img { width: 33px; height: 33px; margin-right: -5px; border: solid 3px #414647; border-radius: 50%; } .social_auth { display: flex; gap: 7px; align-items: center; margin-top: 15px; } .double-profile { background: #1e263800; border-radius: 13px; display: flex; justify-content: space-between; flex-direction: row; } .number_player { background: #494e4f; width: 25px; border-radius: 6px; height: 25px; margin-right: 15px; font-size: 10px; font-weight: 600; margin-left: -5px; display: flex; align-items: center; justify-content: center; } .text-success-priv { z-index: 3; right: 6px; =: linear-gradient(23deg, #ff9b46 0%, #e5768d 55%); background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); width: 115px; text-shadow: #000000d4 1px 0 7px; border: none; height: 42px; font-size: 10.5px; display: flex; top: 7px; color: #fff; position: absolute; font-weight: 600; border-radius: 10px; transition: 0.2s; align-items: center; justify-content: center; } .text-warning-priv { z-index: 3; right: 6px; background: linear-gradient(0deg, #d06262 30%, #ff7e7e 100%); width: 115px; border: none; height: 42px; font-size: 10.5px; display: flex; top: 7px; color: #fff; position: absolute; font-weight: 600; border-radius: 10px; transition: 0.2s; align-items: center; justify-content: center; } .answer_forum { color: #ffffff; border: none; background: linear-gradient(1deg, #353939 30%, #404445 100%); transition: .2s all; font-weight: 600; height: 45px; display: flex; font-size: 11px; position: relative; width: 100%; border-radius: 50px; align-items: center; justify-content: center; } .answer_forum:hover { opacity: 0.7; } .like_forum { color: #ffffff; background: #ff6666; transition: .2s all; border: none; height: 36px; font-size: 16px; width: 36px; display: flex; cursor: pointer; border-radius: 9px; align-items: center; justify-content: center; } .like_forum:hover { color: #ffffff; background: #cd5151; } .like_forum:hover .bx-heart { -webkit-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation; -moz-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation; -o-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation; animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation; } @keyframes trambling-animation { 0%, 50%, 100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); } 10%, 30% { transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); } 20%, 40% { transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); } } .forum_next { overflow: hidden; border-radius: 11px; margin-bottom: 0px; font-size: 12px; width: 100%; display: flex; color: #889092; font-weight: 600; list-style: none; padding: 17px 0px 17px 15px; } .forum_next li { margin-right: 10px; color: #ffff; padding-right: 10px; display: flex; height: 18px; border-right: solid 1px #505657; align-items: center; } .forum_next li.active { color: #ffffff !important; border-right: none; } .forum_next li a { color: #898184; } .forum_next li a:hover { color: #ffffff; } .forum_delete { background: #3b3f40; color: #91878b; font-size: 9px; border: none; display: flex; height: 23px; margin-left: 6px; width: 23px; position: relative; float: right; transition: .2s all; border-radius: 50px; align-items: center; justify-content: center; } .forum_delete:hover { background: #484d4e; color: #ffffff; } .block_back { display: flex; border-radius: 13px; padding: 7px 13px; background: linear-gradient(1deg, #2d3132 30%, #383d3e 100%); margin-bottom: 20px; align-items: center; justify-content: space-between; } .back_forum { color: #ffffff; text-shadow: #000000d4 1px 0 7px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%)); font-size: 13px; height: 40px; display: flex; width: 40px; transition: .2s all; border-radius: 10px; align-items: center; justify-content: center; } .back_forum:hover { opacity: 0.7; color: #ffffff; } .head-forum { background: #272f4200; border-radius: 12px; display: flex; margin-top: -8px; margin-bottom: -7px; padding: 0px 15px; } .forum-setting { background: #323637; border-radius: 10px; padding: 11px 35px; font-size: 10.5px; color: #ffffff; margin-bottom: 10px; } .forum-setting:hover { background: #393d3e; border-radius: 10px; padding: 11px 35px; font-size: 10.5px; color: #ffffff; margin-bottom: 10px; } .last_online { width: 37px; height: 37px; background: linear-gradient(308deg, #52556b00 30%, #6d7280 100%); padding: 4px; border-radius: 50px; margin-right: 7px; margin-left: -1px; } .login_visit { font-weight: 600; font-size: 11px; } .visit_users_online1 { padding: 8px 14px 8px 9px; color: #fff; background: linear-gradient(89deg, #40435700 0%, #313536 55%); display: flex; background-color: #4b4043a3; border-radius: 50px; transition: .2s all; margin-bottom: -14px; align-items: center; justify-content: space-between; } .visit_users_online1:hover { background-color: #424849; } .gp_visit { color: #a0adc6; font-weight: 600; font-size: 10.5px; } .visit_users_online { padding: 0px; color: #fff; background: linear-gradient(89deg, #40435700 0%, #3c4041 55%); display: flex; background-color: #393e3f; border-radius: 50px; transition: .2s all; margin-bottom: 7px; align-items: center; justify-content: space-between; } .visit_users_online:hover { background-color: #404547; } .visit_users_online1 i { color: #a6969c; transition: 0.2s; background: #4b5152; padding-top: 1px; width: 33px; height: 33px; font-size: 15px; border-radius: 50px; display: flex; align-items: center; justify-content: center; } .visit_users_online1:hover i { color: #ffffff; background: #535a5b; transform: rotate(180deg); } .visit_users_online i { color: #a79ea1; transition: 0.2s; background: #555c5d; padding-top: 1px; width: 33px; margin-right: 8px; height: 33px; font-size: 15px; border-radius: 50px; display: flex; align-items: center; justify-content: center; } .visit_users_online:hover i { color: #ffffff; background: #5c6365; transform: rotate(180deg); } .block_visit { display: flex; line-height: 13px; flex-direction: column; margin-left: 3px; } .avatar_event { width: 34px; height: 34px; margin-top: 3px; border-radius: 50%; } .result_danger { background: #f258582b; color: #ffff; font-family: 'Montserrat'; backdrop-filter: blur(6px); top: 4px; gap: 10px; padding: 13px 19px 13px 13px; position: relative; display: flex; font-size: 10.5px; border-radius: 11px; align-items: center; } .result_danger i{ width: 37px; height: 37px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff5e5e 0, #8b2b2b 100%)); text-shadow: #000000d4 1px 0 7px; display: flex; border-radius: 9px; font-size: 17px; align-items: center; color: #ffffff; justify-content: center; } .result_uspeshno { background: #94eb9721; color: #ffff; font-family: 'Montserrat'; backdrop-filter: blur(6px); top: 4px; gap: 10px; padding: 13px 19px 13px 13px; position: relative; display: flex; font-size: 10.5px; border-radius: 11px; align-items: center; } .result_uspeshno i{ width: 37px; height: 37px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #94eb97 0, #417943 100%)); text-shadow: #000000d4 1px 0 7px; display: flex; border-radius: 9px; font-size: 17px; align-items: center; color: #ffffff; justify-content: center; } .block-ref-link { background: #272f4200; border-radius: 13px; width: 50%; } .info-referal { border-radius: 12px; padding: 20px; font-size: 10.5px; border: solid 1px #283652; display: flex; line-height: 16px; color: #6e7678; padding-bottom: 40px; font-weight: 600; flex-direction: column; } .button-contacts { position: relative; padding: 15px 25px; font-size: 10.5px; color: #ffffff; background: #323637; border: 1px solid #323637; line-height: normal; border-radius: 10px; font-weight: 600; } .button-contacts:hover { position: relative; padding: 15px 25px; font-size: 10.5px; color: #ffffff; background: #363a3b; border: 1px solid #363a3b; border-radius: 10px; font-weight: 600; } .flex_tab_settings {display: flex;gap: 10px;align-items: center;} .navigation-setting li.active a { color: white; font-weight: 600; border: dashed 1px #323637; background: #323637; } .navigation-setting.with-icons li a { position: relative; border-radius: 13px; gap: 10px; display: flex; padding: 13px; height: 56px; text-align: center; align-items: center; justify-content: space-between; } .active-setting-square { display: block; width: 7px; height: 7px; border-radius: 2px; background: #8fb5af; } .wh-18 { width: 1.0rem; height: 1.0rem; position: relative; margin-left: 6px; } .noty_skidka { background-color: #5086ff17; border-radius: 11px; font-size: 12px; padding-left: 20px; border: dashed 1px #5086ff; margin-top: 18px; display: flex; padding-right: 50px; font-weight: 600; margin-bottom: 20px; height: 10%; justify-content: flex-start; align-items: center; } .block_message_right { width: 70%; padding: 20px; border-radius: 20px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); box-shadow: 0px 5px 10px #00000014; } .text-\[var\(--color\)\] { color: #598bfe; } .login_donator { color: #ffff; } .userss_online { color: #ffffff; font-weight: 600; font-size: 10.5px; line-height: 14px; position: relative; margin-left: 10px; } .button_top { color: #ffffff; font-weight: 600; font-size: 11px; position: relative; } .summa_donators { padding: 5px 10px; border-radius: 50px; border: solid 1px #626a6c; display: flex; gap: 6px; background: #4c5254; color: #ffffff; font-size: 10px; transition: .2s all; align-items: center; } .summa_donators i { font-size: 16px; color: #ff8175; text-shadow: #ff8175 1px 0 10px; } .top_donators:hover .summa_donators { border: solid 1px #756a6e; background: #596061; color: #ffffff; } .donat_img { width: 120px; margin-top: -70px; float: right; left: 10px; top: 30px; position: relative; } .block_pass { margin-top: 15px; margin-bottom: 15px; } .auth_img { width: 260px; position: relative; top: -52px; float: right; } .zag_auth { height: 65px; border-radius: 15px 15px 0px 0px; background: linear-gradient(327deg, #407bff38 0%, rgb(64 123 255) 100%); padding: 20px; display: flex; align-items: center; } .admin-center { color: #6e7678 !important; font-size: 11px !important; display: block; border-radius: 10px; position: relative; margin-left: auto; margin-right: auto; height: 43px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 225px; transition: 0.2s; padding: 10px; line-height: 5px; } .admin-center:hover { font-weight: 600; color: #ffffff; background: #212d47; font-size: 11px; display: block; border-radius: 10px; position: relative; height: 43px; line-height: 5px; margin: auto; text-overflow: ellipsis; overflow: hidden; max-width: 225px; transition: 0.2s; } .admin-center:hover .admin-panel { color: #ffffff; font-size: 8px; transition: .2s all; margin-left: 5px; background: #7c7bff; border-radius: 50px; position: relative; top: 0px; padding: 2px 9px; } .admin-center i { color: #6e7678; font-size: 17px; margin-right: 5px; transition: .2s all; margin-left: 5px; position: relative; top: 3px; } .admin-center:hover i { color: #7c7bff; font-size: 17px; margin-right: 5px; transition: .2s all; margin-left: 5px; position: relative; top: 3px; } .settings_header { display: flex; color: #ffffff; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); text-shadow: #000000a1 1px 0 10px; min-width: 43px; height: 43px; font-size: 18px; transition: 0.2s; align-items: center; border-radius: 10px; justify-content: center; } .settings_header:hover { opacity: 0.7; color: #fff; } #online_users { display: flex; flex-direction: column; gap: 8px; } .top_donators { display: block; border-radius: 13px; transition: .1s all; background: #3a3f40; padding: 11px 15px; } .top_donators:hover { background: #454a4b; } .profile_contact_telegram { display: flex; width: 100%; height: 55px; margin-bottom: 7px; background: #2a3855; border-radius: 12px; align-items: center; } .profile_contact_discord { display: flex; width: 100%; height: 42px; background: linear-gradient(49deg, #5866f14a 0%, #3d4142 55%); gap: 7px; padding: 0px 13px 0px 6px; border-radius: 10px; align-items: center; } .profile_contact_telegram .bxl-telegram { font-size: 15px; margin-left: 11px; width: 34px; display: flex; background: linear-gradient(216deg, #6ab5ff 0%, #3390ec 55%); height: 34px; border-radius: 9px; margin-right: 10px; align-items: center; justify-content: center; } .profile_contact_discord .bxl-discord-alt { font-size: 15px; width: 30px; background: #5866f1; display: flex; height: 30px; border-radius: 8px; align-items: center; justify-content: center; } .profile_contact_block { padding: 15px 16px; margin-bottom: -20px; background: #3a3f40; height: 60px; margin-top: 28px; border-radius: 12px; } .profile_contact_opisanie { font-size: 10.5px; font-weight: 600; position: relative; color: #6e7678; } .profile_contact_name { color: #fff !important; font-size: 11px; } .profile_contact_img { float: right; border-radius: 50%; width: 30px; top: 1px; position: relative; } .donat_block_top { background: #212d47; height: 60px; border-radius: 11px; padding: 10px; gap: 12px; display: flex; margin-bottom: 12px; transition: .2s all; justify-content: flex-start; align-items: center; } .donat_block_top i { /* background: #2c3a59; */ height: 40px; font-size: 18px; background: linear-gradient(34deg, #4e4fb0 0%, rgb(108 109 229) 55%); border-radius: 11px; width: 40px; display: flex; align-items: center; justify-content: center; } .a { border-radius: 50%; background: #5086ff; width: 23px; height: 19px; margin-right: -15px; margin-top: 25px; margin-left: -7px; z-index: 1; border: solid 4px #161d2c; display: flex; justify-content: center; } .a:before { content: ''; display: block; border-radius: 50%; background: #161d2c; width: 50%; height: 50%; align-self: center; } .news_button { font-size: 10.7px; font-weight: 600; margin-left: 11px; position: relative; color: #ffff; top: 22px; } .forum_button { font-size: 9.9px; font-weight: 600; position: relative; line-height: 12px; color: #ffffff; margin-top: 10px; margin-bottom: 14px; text-align: center; } .pulse { width: 5px; height: 5px; border-radius: 50%; background: #7c86ff; box-shadow: 0 0 0 #606cff4f; animation: pulse 1.5s infinite; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 #7c86ff3d; } 70% { -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 #7c86ff94; box-shadow: 0 0 0 0 #7f89ffab; } 70% { -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); box-shadow: 0 0 0 6px rgba(204, 169, 44, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } } .all_online { background: #37415800; transition: all 0.2s; padding: 8px; border-radius: 10px; font-size: 10.5px; border: dashed 1px #585f60; cursor: pointer; display: flex; color: #6e7678; margin: 0px 14px; margin-top: 9px; height: 42px; font-weight: 600; align-items: center; justify-content: center; } .all_online:hover { background: #283652; transition: all 0.2s; padding: 8px; border-radius: 10px; font-size: 10.5px; border: dashed 1px #283652; cursor: pointer; display: flex; color: #ffffff; margin-top: 9px; height: 42px; font-weight: 600; align-items: center; justify-content: center; } .online_full { background: #323637; border-radius: 10px; height: 50px; padding: 0px 15px; line-height: 14px; padding-right: 10px; display: flex; cursor: pointer; width: 100%; top: -22px; transition: .2s all; position: relative; flex-direction: column; justify-content: center; } .online_full:hover { background: #323637; border-radius: 10px; height: 50px; opacity: 0.7; transition: .2s all; padding: 0px 15px; line-height: 14px; padding-right: 10px; display: flex; width: 100%; top: -22px; position: relative; flex-direction: column; justify-content: center; } .online_full:active { background: #323637; border-radius: 10px; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); height: 50px; opacity: 0.7; transition: .2s all; padding: 0px 15px; line-height: 14px; padding-right: 10px; display: flex; width: 100%; top: -22px; position: relative; flex-direction: column; justify-content: center; } .online_full_user { /* background: #424849; */ display: flex; border-bottom: solid 1px #474c4d; padding-bottom: 10px; margin-bottom: 10px; position: relative; justify-content: space-between; align-items: center; } .online_full_user b { border-radius: 50px; width: 35px; background: linear-gradient(34deg, #437652 0%, rgb(102 158 119) 55%); height: 20px; font-size: 11px; display: flex; position: relative; justify-content: center; align-items: center; } .img_online { width: 34px; position: relative; top: 4px; transition: .2s all; border-radius: 50%; margin-right: -13px; border: solid 3px #323637; } .img_online:hover { width: 34px; opacity: 0.8; transition: .2s all; position: relative; top: 4px; border-radius: 50%; margin-right: -13px; border: solid 3px #323637; } .toper_mini_right { height: 140px; margin-bottom: 1px; width: 135px; border-radius: 15px; z-index: 1; background: #1e263800; } .toper_mini_right1 { height: 100%; background: #292c2d; display: flex; border-radius: 15px; transition: .2s all; align-items: center; flex-direction: column; align-content: center; justify-content: flex-end; } .news_date { font-size: 10px; background: #2d76ff14; backdrop-filter: blur(1px); border-radius: 50px; border: solid 1px #ffffff1a; position: absolute; font-weight: 600; margin-top: 5px; text-align: center; text-overflow: ellipsis; width: calc(40% - 46px); overflow: hidden; white-space: nowrap; line-height: 25px; margin-left: 7px; color: #fff; } .ugol { width: 11px; position: relative; margin-bottom: -12px; height: 11px; position: absolute; bottom: 41px; z-index: 1; left: 24px; border-radius: 50%; border: solid 3px #292c2d; } .water_img { width: 20px; position: relative; } .water { float: left; position: relative; display: flex; padding: 10px; padding-top: 11px; width: 34px; margin-left: -7px; background: radial-gradient(circle, rgb(22 50 118) 20%, rgb(10 25 60) 70%); line-height: 10px; height: 34px; font-size: 12px; border-radius: 9px; align-items: center; justify-content: center; } .hide_uved { display: none; } .case_menu_button { background: linear-gradient(238deg, rgb(134 255 194 / 6%) 0%, rgb(39 47 66) 55%); color: #fff; } .new-menu { font-weight: 500; font-size: 8px; float: right; margin-top: 7px; color: #95ffcafc; padding: 0px 10px; border: 1px solid #95ffca94; filter: drop-shadow(rgba(107, 206, 165, 0.57) 0px 0px 16px); border-radius: 5px; } .head_chat { display: flex; justify-content: space-between; margin-bottom: -19px; } .img_input_chat { width: 35px; height: 35px; border-radius: 50%; position: relative; } .show_user { color: #999195; line-height: 22px; font-size: 20px; height: 36px; width: 30px; transition: 0.2s; position: relative; cursor: pointer; top: 13px; border-radius: 10px; } .show_user:hover { color: #ffffff; } .show_user:hover .bx-bell { -webkit-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation; -moz-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation; -o-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation; animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation; } @keyframes trambling-animation { 0%, 50%, 100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); } 10%, 30% { transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); } 20%, 40% { transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); } } .chat_date { font-size: 9px; color: #bdb1b6; border: solid 1px #454a4b; background: #ffffff00; padding: 0px 6px; border-radius: 50px; font-weight: 600; cursor: context-menu; } .answer { font-size: 10px; color: #58637800; margin-left: 120px; float: right; margin-right: 3px; transition: .2s all; } .answer:hover { font-size: 10px; color: #ffffff; margin-left: 120px; float: right; transition: .2s all; } .user_o_img { width: 30px !important; border-radius: 50px; height: 30px !important; transition: .2s all; float: inherit; } .chat_img { width: 29px !important; border-radius: 8px; height: 29px !important; transition: .2s all; float: inherit; } .chat_img:hover { opacity: 0.7; } .blockobr { height: 85px; background: #292c2d; margin-bottom: 10px; padding: 10px; border-radius: 15px; transition: 0.2s; } .blockobr:hover { height: 85px; background: #2e3233; padding: 10px; margin-bottom: 10px; border-radius: 15px; transition: 0.2s; } .imgsupport { width: 80px; top: -16px; height: 82px; position: relative; line-height: 0px; float: left; } @media (max-width: 991.99px) { .page_auth_left { display: none !important; } .page_auth_right { width: 100% !important; align-items: center; background-color: #21233000 !important; padding: 70px 15px 70px 15px !important; } .login_block { width: 100% !important; margin-left: 0px !important; } .page_authorization { display: flex; min-height: 100vh; justify-content: center; } .wapper .header { position: relative; height: 109px; } .row_widget { flex-direction: column; } .center_sub { display: none; } .search_user { display: none; } .point_header { z-index: 1; display: block; width: 13px; height: 13px; border: solid 4px #272a2a; border-radius: 50%; background: #ffc491; top: 14px; position: absolute; right: -107px; } .pro { display: none; } .wapper .header ul { display: none; float: left; height: 100%; list-style: none; } .wapper .header ul>li { /* display: block; */ float: left; margin: 0 17px; } .wapper .header ul>li>a { font-size: 20px; color: #74696f; line-height: 53px; text-align: center; } .wapper .header ul>li>a:hover { color: #ffffff; } .wapper .header ul.user-menu { display: block; margin-top: 15px; float: right; right: 37px; height: 32px; position: relative; } .wapper .header ul.user-menu>li { margin: 0 8px; } .news_block { height: auto; display: flex; gap: 20px; padding: 20px; border-radius: 18px; margin-bottom: 5px; align-items: center; justify-content: space-between; flex-direction: column; } .row_events { display: flex; border-radius: 18px; margin-bottom: 20px; gap: 15px; padding: 20px; flex-direction: column; } .left_events { margin-bottom: -10px; width: 100%; } .right_events { width: 100%; padding: 17px; background-size: cover; border-radius: 16px; } .flex_activity span { font-size: 10.5px; font-weight: 600; width: 80% } .bottom_footer { display: flex; width: 100%; flex-direction: column; } .bottom_info { background: #2d303a00; height: auto; display: flex; margin-top: 10px; gap: 10px; justify-content: space-between; align-items: flex-start; flex-direction: column; } .nav_menu { margin-left: -15px; margin-bottom: 20px; } .flex_new_new { display: flex; width: 100%; gap: 20px; flex-direction: column; align-items: stretch; } .news-block-img { height: 200px; width: 100%; border-radius: 16px; max-width: 100%; } .flex_info_new { display: flex; flex-direction: column; width: 100%; } .wapper .header ul.user-menu>li.collapsible { position: relative; } .wapper .header ul.user-menu>li.collapsible>a { width: 42px; } .wapper .header ul.user-menu>li.collapsible>a img { width: 35px; height: 35px; border-radius: 50px; display: block; float: left; position: absolute; top: 2px; } .referal_block_setting { flex-direction: column; } .cTabs_block { display: flex; gap: 20px; margin-bottom: 30px; flex-direction: column; } .cTabs_left_block { background: #18233a; width: 100%; height: 300px; padding: 17px; border-radius: 15px; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: flex-end; } .support_cTabs { width: 40px; cursor: pointer; transition: 0.2s; height: 40px; background: #263350; border-radius: 10px; margin-right: 0px; font-size: 17px; color: #6b7375; display: flex; margin-top: 0px; align-items: center; justify-content: center; } .support_cTabs:hover { width: 40px; transition: 0.2s; height: 40px; background: #414648; border-radius: 10px; margin-right: 0px; font-size: 17px; color: #ffffff; display: flex; margin-top: 0px; align-items: center; justify-content: center; } .text_left_cTabs i { display: none; } .text_left_cTabs { backdrop-filter: blur(5px); background: #00000038; border-radius: 12px; margin: 0px; width: 100%; padding: 20px; font-weight: 600; font-size: 10.5px; } .cf { background: #18233a; border-radius: 15px; padding: 23px; width: 100%; } .number_cTabs { display: none; } #chat #chat_messages, #chat #messages { overflow-y: auto; width: calc(100% - 10px); height: 280px !important; margin-left: 10px; } .button_player1 { border: none; background: #3a3f40; padding: 8px 20px; color: #606768; margin-left: 0px; margin-bottom: 10px; font-weight: 600; font-size: 10.5px !important; border-radius: 8px; transition: 0.2s; } .button_player1:hover { border: none; background: #414647; padding: 8px 20px; color: #ffffff; margin-left: 0px; font-weight: 600; font-size: 10.5px !importan; border-radius: 8px; transition: 0.2s; } .news-block-imgg { height: 210px; } .vk_support { background: linear-gradient(96deg, #0077ff 0%, rgb(39 140 255) 55%); border-radius: 12px; width: 100%; height: 60px; padding: 0px 14px; display: flex; align-items: center; justify-content: space-between; } .ticket_support { background: linear-gradient(85deg, #009c3c 0%, rgb(65 180 109) 55%); border-radius: 12px; width: 100%; height: 60px; padding: 0px 14px; display: flex; align-items: center; justify-content: space-between; } .send_support { width: 110px; transition: 0.2s; background: #ffffff36; display: flex; gap: 7px; height: 37px; font-size: 10.5px; cursor: pointer; border-radius: 9px; font-weight: 600; align-items: center; justify-content: center; } .send_support:hover { width: 110px; transition: 0.2s; background: #ffffff4d; display: flex; gap: 7px; height: 37px; font-size: 10.5px; cursor: pointer; border-radius: 9px; font-weight: 600; align-items: center; justify-content: center; } .version_fixed { font-weight: 600; color: #3f4445; position: fixed; bottom: 10px; font-size: 10px; display: none; left: 20px; } .news_info { display: flex; width: 100%; justify-content: space-between; } .button_sortion { background: #363a3b; width: 100%; display: flex; padding: 10px; cursor: pointer; height: auto; transition: 0.2s; border-radius: 13px; flex-direction: column; justify-content: flex-end; } .button_sortion:hover { opacity: 0.7; background: #303334; width: 100%; /* display: flex; */ transition: 0.2s; padding: 10px; height: auto; border-radius: 13px; flex-direction: column; justify-content: flex-end; } .bottom_new { background: #18233a; border-radius: 15px; padding: 30px; margin-top: 50px; margin-bottom: 30px; } .bottom_water_info_right { display: flex; flex-direction: row-reverse; background: #212d47; border-radius: 12px; padding: 12px 0px; margin-top: 20px; align-items: center; } .bottom_water_info_left { display: none; } .version { background: #323637; border-radius: 12px; display: none; padding: 0px 12px; padding-right: 20px; align-items: center; } .nav_bottom_soc { background: #ffffff00; position: relative; display: none; margin-bottom: 20px; } .vertical-navigation { flex-direction: column; margin-bottom: 0px; width: 100%; } .vertical-navigation li a { border-radius: 10px !important; justify-content: flex-start !important; gap: 5px; display: flex; flex-direction: row; } .block_select_servers { padding: 15px; border-radius: 20px; } .vertical-navigation li { width: 100%; } .admin_menu_block { display: flex; gap: 15px; flex-direction: column; } .balance-left i { display: none; } .container-buttons-card { display: none; } .profile_block { margin-bottom: 30px; border-radius: 20px; display: flex; gap: 15px; flex-direction: column; } .personal_card { display: flex; justify-content: space-between; padding-bottom: 15px; gap: 10px; margin-bottom: 15px; flex-direction: column; } .activity_name { display:none; } .left_profile { border-radius: 20px; padding: 20px; background-size: cover; display: flex; gap: 20px; flex-direction: column; justify-content: space-between; } .prof_r { display: flex; flex-direction: column; justify-content: space-between; gap: 5px; align-items: flex-start; } .left_block { width: 100%; } .right_profile { width: 100%; } #friends { display: flex; margin-top: 10px; overflow: auto; } #friends::-webkit-scrollbar{ display: none; } .flex_contacts_btn { display: flex; justify-content: space-between; margin-top: 12px; gap: 10px; border-bottom: solid 1px #484d4e; padding-bottom: 14px; flex-direction: column; } .profile-settingss { color: #ffffffbf; font-weight: bold; height: 42px; border-radius: 9px; width: 100%; padding: 0px 20px; font-size: 10px; display: flex; letter-spacing: 1px; transition: .2s all; cursor: pointer; align-items: center; justify-content: center; } .button_menu_collapse { display: flex !important; font-weight: 600; transition: 0.2s; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #596061 0, #43494a 100%)); cursor: pointer; color: #afa2a7; font-size: 17px; border: none; align-items: center; margin-right: 5px; height: 40px; width: 40px; border-radius: 50px; justify-content: center; } .button_menu_collapse:hover { opacity: 0.7; } .menu_top_push_active { display: none; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; margin-right: -15px; margin-left: -15px; flex-direction: row; flex-wrap: wrap; } #new_news { margin-bottom: 20px; } .flex-double { display: flex; gap: 15px; flex-direction: column; } .add-click { background: #18233a; margin-bottom: 0px; display: flex; height: 150px; padding: 24px 25px; width: 100%; border-radius: 15px; flex-direction: column; } .add-click:hover { background: #18233a; margin-bottom: 0px; display: flex; height: 150px; padding: 24px 25px; width: 100%; border-radius: 15px; flex-direction: column; } .return-click { background: #18233a; margin-bottom: 30px; display: flex; height: 150px; padding: 24px 25px; border-radius: 15px; width: 100%; flex-direction: column; } .return-click:hover { background: #18233a; margin-bottom: 30px; display: flex; opacity: 0.7; height: 150px; padding: 24px 25px; border-radius: 15px; width: 100%; flex-direction: column; } .tabs__buttons--container { display: flex; margin-bottom: 10px; width: auto; overflow: auto; padding-bottom: 10px; } .referal_block i { width: 40px; padding: 0px 13px; height: 40px; background: linear-gradient(180deg, #3473ff 0%, rgb(80 134 255) 55%); border-radius: 10px; display: flex; color: #fff; margin-right: 17px; font-size: 19px; align-items: center; justify-content: center; } .block-ref-link { background: #272f4200; border-radius: 13px; width: 100%; } .referal_block { flex-direction: column; } .three_support { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-direction: column; } .icon_support { background: #fff; width: 43px; height: 38px; display: none; border-radius: 10px; align-items: center; justify-content: center; } .block_setting_left1 { width: 100%; padding: 0px; margin-bottom: 40px; } .block_setting_right1 { width: 100%; padding: 0px; margin-left: 0px; } .referal_procent { border: none; background: #404445; padding: 11px 35px; border-radius: 9px; color: #848c8e; text-align: center; width: 100%; font-size: 11px; transition: .2s all; font-weight: 600; } .block_setting_left { width: 100%; padding: 0px; margin-bottom: 30px; } .black_list_left { display: flex; align-items: flex-start; margin-bottom: 10px; gap: 2px !important; flex-direction: column; } .black_list_button { width: 100%; } .black_list { flex-direction: column; align-items: flex-start; } .block_setting_right { width: 100%; padding: 0px; margin-left: 0px; } .block_setting_top { display: flex; padding: 0px; padding-bottom: 16px; flex-direction: column; justify-content: space-between; } .forum_button { font-size: 9.9px; font-weight: 600; position: relative; line-height: 0px; color: #ffffff; margin-top: 19px; margin-bottom: 14px; text-align: center; } .fbrs_online { font-size: 11px; color: #ffffff; width: 30px; border-radius: 8px; display: flex; background: linear-gradient(34deg, #289769 0%, rgb(53 180 127) 55%); height: 30px; align-items: center; justify-content: center; } .text_online { display: flex; flex-direction: column; align-items: flex-start; } .ring-container { position: relative; left: -15px; top: -55px; float: right; display: flex; align-items: center; justify-content: center; } .toper_mini_right { height: 70px; margin-bottom: 10px; width: 100%; border-radius: 15px; background: #1e263800; display: initial; } .toper_mini_right1 { height: 100%; background: #292c2d; display: flex; border-radius: 15px; transition: .2s all; flex-direction: row; align-items: center; justify-content: flex-start; } .block_mini_profile { border-radius: 15px 15px 0px 0px; margin-bottom: -15px; padding: 13px 16px; margin-top: 30px; z-index: 1; background: #18233a; position: relative; } .toper_mini_blocks { display: flex; flex-wrap: nowrap; flex-direction: column-reverse; } .pursee-button { padding: 9px; height: 35px; background: linear-gradient(180deg, #3473ff 0%, rgb(80 134 255) 55%); line-height: 16px; font-size: 25px; top: 4px; display: none; color: #666e70; position: relative; float: right; margin-left: auto; border-radius: 10px; } .pretext { position: relative; font-size: 14px; } .buttons_top { display: flex; position: relative; float: right; left: 120px; } .banlist { display: flex; flex-wrap: nowrap; flex-direction: column; } .topic-answers div[id^="answer"] .left-side { width: 100%; } .right-side_flex { width: 100%; 5: 500; } .forum_shapka { display: flex; padding: 20px 0px; justify-content: space-between; flex-direction: column; } element.style {} .forum_deatails { background: #323637; padding: 10px 20px; height: 39px; color: #62696b; font-weight: 600; overflow: hidden; margin-top: 10px; font-size: 10.5px; border-radius: 10px; margin-bottom: -5px; } .block_back { display: flex; align-items: center; padding-right: 20px; } .back_forum { min-width: 40px; } .forum_next { overflow: hidden; border-radius: 11px; margin-bottom: 0px; font-size: 11px; width: 100%; display: flex; color: #889092; font-weight: 600; list-style: none; padding: 17px 0px 17px 15px; } .forum_next { flex-direction: column; gap: 4px; } .forum_next li { border-right: none; } .topic-answers div[id^="answer"] .right-side { /* padding: 25px 25px 55px; */ width: 100%; } .topic-answers div[id^="answer"] { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; overflow: hidden; flex-direction: column; } .chat_block { display: flex; flex-direction: column; padding: 0px; } .add_news { height: 40px; border: none; transition: 0.2s; margin-right: 6px; background: #323637; font-weight: 600; color: #ffffff; font-size: 11px; border-radius: 9px; padding: 0px 26px; cursor: pointer; display: none; } .add_admins { height: 40px; border: none; width: 40px; transition: 0.2s; display: flex; margin-right: 6px; background: #212d47; font-weight: 600; color: #ffffff; font-size: 11px; border-radius: 9px; padding: 0px 0px; cursor: pointer; align-items: center; justify-content: center; } .add_admins:hover { height: 40px; border: none; width: 40px; transition: 0.2s; display: flex; margin-right: 6px; background: #334366; font-weight: 600; color: #ffffff; font-size: 11px; border-radius: 9px; padding: 0px 0px; cursor: pointer; align-items: center; justify-content: center; } .add_admins .admins_plus { display: block; font-size: 17px; } .add_admins .admins_all { display: none; } .answer { font-size: 10px; color: #58637800; margin-left: 120px; display: none; float: right; margin-right: 3px; transition: .2s all; } .users_online_chat { } .sortion_block_head { background: #fff0; width: 100%; height: 380px; display: block; padding: 15px 15px; position: relative; z-index: 2; } .head_rside { width: 100%; margin: 0px; display: none; padding-left: 18px; position: relative; z-index: 2; } .head_block { padding: 20px; flex-direction: column; background-position: -730px 0px !important; background-size: 700% !important; } .head_block:hover { background-size: cover; } .chat { width: 100%; padding: 15px !important; padding-bottom: 6px !important; background: #fff0 !important; margin-bottom: 6px !important; border: none; } .promo-code { background: #fff0; padding: 13px; border: dashed 1px #3b4041; border-radius: 13px; margin-bottom: 18px; margin-top: 14px; display: none; } .block_message_avalon { display: flex; justify-content: space-between; background: #18233a; border-radius: 15px; padding: 15px; flex-direction: column; } #companions { border-right: solid 1px #272f4200; width: 100%; height: auto; overflow: auto; margin-bottom: 30px; } .block_mes_avalon { width: 100%; margin-right: 4px; height: 273px; padding-right: 10px; } .show_user { color: #74696f; line-height: 22px; font-size: 20px; height: 36px; width: 30px; transition: 0.2s; position: relative; cursor: pointer; top: 5px; border-radius: 10px; } table.table.table-bordered tr { position: relative; display: flex; gap: 10px; margin-bottom: 10px; padding: 10px 15px; height: auto; border-radius: 12px; border-top: solid 0px #23273600; flex-direction: column; align-items: flex-start; } .table-responsive>table.table>thead>tr>th:first-child, .table-responsive>table.table>tbody>tr>th:first-child, .table-responsive>table.table>tfoot>tr>th:first-child, .table-responsive>table.table>thead>tr>td:first-child, .table-responsive>table.table>tbody>tr>td:first-child, .table-responsive>table.table>tfoot>tr>td:first-child { border-left: 0 !important; padding-right: 0px; color: #fff; width: 10px; border-radius: 10px 0px 0px 10px; padding-left: 0px; } .zareg { border: none; background: linear-gradient(34deg, #3473ff 0%, rgb(80 134 255) 55%); border-radius: 9px; margin-top: 8px; margin-right: 1px; display: flex; width: 43px; height: 43px; font-size: 0px; color: #ffff; transition: .2s all; font-weight: 600; justify-content: center; align-items: center; } .zareg:hover { border: none; background: linear-gradient(34deg, #3473ff 0%, rgb(80 134 255) 55%); border-radius: 9px; opacity: 0.7; margin-top: 8px; margin-right: 1px; display: flex; width: 43px; height: 43px; font-size: 0px; color: #ffff; transition: .2s all; font-weight: 600; justify-content: center; align-items: center; } .zareg i { font-size: 19px; margin-right: 0px; } .news-button-bottom { cursor: pointer; text-align: center; display: flex; font-size: 9.5px; letter-spacing: 1px; padding: 11px 0px; width: 100%; position: relative; font-weight: 600; border-radius: 50px; transition: .2s all; justify-content: center; align-items: center; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; margin-left: -20px; margin-right: 0px; } .block_nick_group { text-align: left; margin-left: 35px; width: 125px; height: 10px; display: none; } .wapper .header ul.user-menu>li.collapsible>a i { display: block; float: right; line-height: 30px; font-size: 10px; } .wapper .header ul.user-menu>li>ul { z-index: 1013; display: none; position: absolute; background: linear-gradient(15deg, #252829 30%, #323637 100%); right: calc(100% - 46px); width: 330px; height: auto; list-style: none; top: 60px; box-shadow: 0px 5px 10px #13151a4f; border-radius: 20px; overflow: hidden; } .wapper .header ul.user-menu>li>ul>li { text-align: left; width: 100%; margin-left: 0px; margin-right: 0px; } .wapper .header ul.user-menu>li>ul>li>a { font-weight: 600; color: #6e7678; font-size: 11px; display: block; border-radius: 10px; position: relative; height: 43px; margin: auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 225px; transition: 0.2s; padding: 10px; line-height: 5px; left: -25px; } .header ul.user-menu>li>ul>li>a b { color: #6e7678; font-size: 8px; transition: .2s all; margin-left: 5px; background: #212d47; border-radius: 50px; position: relative; top: -1px; padding: 2px 9px; } .header ul.user-menu>li>ul>li>a:hover b { color: #ffffff; font-size: 8px; transition: .2s all; margin-left: 5px; background: #5086ff; border-radius: 50px; position: relative; top: -1px; padding: 2px 9px; } .header ul.user-menu>li>ul>li>a:hover i { color: #5086ff; transition: .2s all; } .header ul.user-menu>li>ul>li>a i { color: #6e7678; font-size: 17px; margin-right: 5px; transition: .2s all; margin-left: 5px; position: relative; top: 3px; } .wapper .header ul.user-menu>li>ul>li>a:hover { font-weight: 600; color: #ffffff; background: #212d47; font-size: 11px; display: block; border-radius: 10px; position: relative; height: 43px; line-height: 5px; margin: auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 225px; transition: 0.2s; } .wapper .header ul.user-menu>li>ul>li:last-child>a { border-bottom: 0; } .wapper .header-menu { position: absolute; top: 60px; background: linear-gradient(15deg, #252829 30%, #323637 100%); border-radius: 20px; left: -12px; min-width: 300px; padding: 0px 17px 0px 17px; max-width: 300px; z-index: 1000; } .wapper .header-menu .container { padding: 0; margin-top: 17px; margin-bottom: 17px; } .wapper .header-menu .collapsible-menu { font-size: 14px; list-style: none outside none; position: relative; padding: 0; margin: 0; } .wapper .header-menu .collapsible-menu>li { display: block; position: relative; } .wapper .header-menu .collapsible-menu>li.collapsible { padding-right: 20px; } .wapper .header-menu .collapsible-menu>li.collapsible::before { font-family: Font Awesome\ 5 Pro; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 0.75em; vertical-align: -.0667em; font-weight: 900; content: "\f078"; position: relative; z-index: 1010; background: #555c5e; color: #a3959a; font-size: 7.4px; line-height: 1px; width: 18px; margin-right: -7px; display: flex; height: 18px; border-radius: 50px; float: right; margin-top: 15px; justify-content: center; align-items: center; } .wapper .header-menu .collapsible-menu>li.collapsible>a { width: calc(100% + 20px); } .wapper .header-menu .collapsible-menu>li>a { height: 48px; display: block; position: relative; padding: 0 15px; margin: 0; border-radius: 10px; line-height: 48px; font-weight: 600; color: #ffffff; font-size: 12px; } .wapper .header-menu .collapsible-menu>li>a.open, .wapper .header-menu .collapsible-menu>li>a:hover { color: #ffffff; border-radius: 10px; background: #53484cbd; } .wapper .header-menu .collapsible-menu>li:last-child>a { border-bottom: 0; } .wapper .header-menu .collapsible-menu>li ul { display: none; list-style: none; margin: 0; padding: 10px; } .wapper .header-menu .collapsible-menu>li ul>li>a { position: relative; width: calc(100% - 30px); margin: 0 0 0 15px; padding: 0 10px; font-weight: 600; color: #ffffff; font-size: 11.5px; display: block; height: 50px; line-height: 50px; border-radius: 10px; transition: 0.2s; } .wapper .header-menu .collapsible-menu>li ul>li:hover { background: #464b4c; border-radius: 10px; transition: 0.2s; } .wapper .header-menu .collapsible-menu>li ul>li:last-child a { border-bottom: 0; } .collapsible_head { padding: 17px; background: #434849; border-radius: 15px; overflow: hidden; display: flex; gap: 10px; margin: 15px 15px 10px 15px; align-items: center; justify-content: space-between; } .collapsible_head .bxs-door-open { color: #ff7a2a; transition: all 0.2s; background: #ff605424; width: 35px; border: solid 1px #ff665a3b; height: 35px; cursor: pointer; display: flex; position: relative; font-size: 15px; border-radius: 10px; justify-content: center; align-items: center; } .collapsible_head .bxs-door-open:hover { color: #ffffff; background: #ff7a2a; border: solid 1px #ff7a2a; } } .collapsible_head b { font-size: 12px; color: #b7c3d5; } .collapsible_profile { position: relative; padding-left: 30%; top: 12px; } .wapper #hidden-menu.collapse.show, .wapper #hidden-menu.collapsing { display: block !important; } .wapper .full-online { position: relative; top: -5px; display: inline-block; float: right; width: auto; height: 28px; background: rgba(255, 255, 255, 0.4); border-radius: 20px; line-height: 28px; padding-left: 12px; font-size: 14px; color: rgba(255, 255, 255, 0.8); font-weight: 500; } .wapper .full-online>span { height: 24px; background: #0bb07b; width: auto; padding: 0 10px; display: inline-block; border-radius: 20px; text-align: center; line-height: 24px !important; float: right; margin-top: 2px; margin-right: 2px; margin-left: 10px; } .wapper .monitoring { height: 190px; max-height: 190px; width: 100%; } .wapper .monitoring .container>.info-line { height: 20px; margin-bottom: 20px; } .wapper .monitoring .container>.info-line span { text-transform: uppercase; color: #fff; line-height: 20px; font-size: 14px; } .wapper .monitoring #servers { width: 100%; white-space: nowrap; background: #2f3334; padding: 20px; border-radius: 15px; height: 122px; } .wapper .monitoring .monitoring-line .owl-stage-outer { position: relative; z-index: 1001; } .wapper .monitoring .monitoring-line:hover .owl-nav, .wapper .monitoring .monitoring-line .owl-nav:hover .owl-nav { opacity: 1; } .wapper .monitoring .monitoring-line .owl-nav { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; opacity: 0; position: absolute; z-index: 1000; width: calc(100% + 40px); top: 42px; left: -20px; } .wapper .monitoring .monitoring-line .owl-nav button { position: absolute; background: transparent !important; } .wapper .monitoring .monitoring-line .owl-nav button span { color: rgba(255, 255, 255, 0.8); font-size: 50px; } .wapper .monitoring .monitoring-line .owl-nav button.owl-prev { right: 0; } .wapper .monitoring .monitoring-line .owl-nav button.owl-prev.disabled { opacity: 0 !important; } .wapper .monitoring .monitoring-line .owl-nav button.owl-next { left: 0; } .wapper .monitoring .monitoring-line .owl-nav button.owl-next.disabled { opacity: 0 !important; } .wapper .monitoring .server { direction: ltr; position: relative; height: 80px; width: 100%; border-radius: 14px; overflow: hidden; display: inline-block; text-align: left; } .wapper .monitoring .server .map-image, .wapper .monitoring .server .shadow { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .wapper .monitoring .server .map-image, .wapper .monitoring .server .shadow { background-size: 100% auto; background-position: center center; } .wapper .monitoring .server .shadow { background: rgb(43 46 78); } .wapper .monitoring .server p, .wapper .monitoring .server strong, .wapper .monitoring .server a { position: absolute; display: block; width: calc(100% - 16px); margin: 0; left: 8px; } .wapper .monitoring .server p { top: 45px; font-weight: 500; line-height: 16px; font-size: 10px; color: rgba(255, 255, 255, 0.8); } .wapper .monitoring .server p span { margin-right: 5px; font-size: 11px; top: -10px; } .wapper .monitoring .server strong { top: 14px; font-weight: 600; line-height: 16px; font-size: 12px; margin-left: 25px; width: 85%; color: #fff; } .wapper .monitoring .server a { top: 34px; font-weight: 500; line-height: 16px; font-size: 10.5px; margin-left: 25px; } .wapper .monitoring .server a i { margin-left: 2px; } .wapper .monitoring .server .progress { position: relative; bottom: -38px; right: 10px; width: 20%; float: left; transform: rotate(270deg); border-radius: 50px; height: 4px; background: #2f3334; } .wapper .monitoring .server .progress .progress-bar { border-radius: 4px; } .wapper .monitoring .server .progress .progress-bar.bg-info { background: -webkit-linear-gradient(271.35deg, #ff5980 1.46%, #ffa882 98.22%); background: -o-linear-gradient(271.35deg, #ff5980 1.46%, #ffa882 98.22%); background: linear-gradient(178.65deg, #8670ff 1.46%, #8670ff 98.22%); } .wapper .monitoring .server .progress .progress-bar.bg-success { background: -webkit-linear-gradient(271.35deg, #ffbb38 0%, #f07300 98.38%); background: -o-linear-gradient(271.35deg, #ffbb38 0%, #f07300 98.38%); background: linear-gradient(178.65deg, #8670ff 0%, #8670ff 98.38%); } .wapper .monitoring .server .progress .progress-bar.bg-warning { background: -webkit-linear-gradient(271.35deg, #ffbb38 0%, #f07300 98.38%); background: -o-linear-gradient(271.35deg, #ffbb38 0%, #f07300 98.38%); background: linear-gradient(178.65deg, #8670ff 0%, #8670ff 98.38%); } .wapper .monitoring .server .progress .progress-bar.bg-danger { background: -webkit-linear-gradient(272.47deg, #57d968 2.52%, #00d590 100%); background: -o-linear-gradient(272.47deg, #57d968 2.52%, #00d590 100%); background: linear-gradient(177.53deg, #8670ff 2.52%, #8670ff 100%); } .wapper .monitoring tbody[id^="players"] .btn { margin-bottom: 0; } .block_discord { padding: 24px 16px; margin-bottom: 25px; } .block { padding: 24px 16px; margin-bottom: 30px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); } .block_flex1 { display: flex; } .block .btn-block-head { float: right; display: inline-block; margin-top: 9px; } .block.with-menu .block_head { position: relative; z-index: 1001; } .block.with-menu ul { position: relative; z-index: 1000; -webkit-box-shadow: none; box-shadow: none; margin: -20px -16px -20px -16px; /* margin-top: 0; */ } .block.block-table { padding: 10; } .block.block-table>.block_head { margin: 0; padding: 0 16px; } .block.block-table>.table-responsive { border: 0; } .block.block-table .noty-block { width: calc(100% - 60px); margin-left: 30px; margin-right: 30px; margin-bottom: 20px; } .block .block_head { height: 50px; line-height: 24px; margin: -24px 0px; border-radius: 11px; background: #212d47; margin-bottom: 15px; display: flex; font-weight: 600; font-size: 12px; padding-left: 10px; margin-top: -10px; color: #ffffff; position: relative; align-items: center; } .block .block_head span { color: #636b6d; font-size: 12px; position: relative; font-weight: 600; margin-left: 5px; } .block .block_head a { color: #151515; } .block .block_head_image { width: calc(100% + 60px); margin: -30px; margin-bottom: 30px; padding: 0; height: 70px; overflow: hidden; border-radius: 3px 3px 0 0; } .block .table-adaptive.table-fused { overflow: hidden; border-radius: 4px; margin: 0 -15px; margin-bottom: -24px; margin-top: 8px; } .authorization a.small { width: 100%; display: block; font-size: 12px; text-align: center; color: #81797c; border: 0; } .authorization a.small:hover { color: #ffffff; } .authorization #steam_link { background-color: #373b3c; border: 0 !important; padding: 13px 10px; display: flex; width: 100%; border-radius: 9px; gap: 5px; color: #898083; font-size: 11.5px; align-items: center; justify-content: center; } .authorization #steam_link:hover { color: #ffffff; background-color: #3a3e3f; } .authorization #steam_link i { color: #a3a9aa; transition: 0.2s; font-size: 22px; } .authorization #steam_link:hover i { color: #ffffff; } .authorization #vk_link { border: 0 !important; padding: 13px 10px; display: flex; width: 100%; border-radius: 9px; gap: 5px; color: #898083; font-size: 11.5px; background-color: #373b3c; justify-content: center; align-items: center; } .authorization #vk_link i { color: #a3a9aa; transition: 0.2s; font-size: 22px; } .authorization #vk_link:hover { color: #ffffff; background-color: #0077ff; } .authorization #vk_link:hover i { color: #ffffff; } .authorization .row { margin-right: -5px; margin-left: -5px; } .authorization .row>div[class^="col-"] { padding-right: 5px; padding-left: 5px; } .authorization input.form-control, .authorization .custom-file label.form-control, .custom-file .authorization label.form-control { height: 48px; line-height: 48px; } .authorization #result { margin-bottom: 10px; } .registration .privacy-policy { border: 1px dashed #656d6f; display: block; padding: 15px; border-radius: 10px; font-size: 11px; background: #71636833; color: #cbc0c4; line-height: 14px; margin-bottom: 10px; } .registration a[onclick^="$('#registration').modal('hide');"] { width: 45px; } .registration a[onclick*="vk"] { border: 0 !important; padding: 13px 10px; display: flex; width: 100%; border-radius: 9px; gap: 5px; color: #898083; font-size: 11.5px; background-color: #373b3c; justify-content: center; align-items: center; } .registration a[onclick*="vk"] i { color: #a3a9aa; transition: 0.2s; font-size: 22px; } .registration a[onclick*="vk"]:hover i { color: #ffffff; transition: 0.2s; font-size: 22px; } .registration a[onclick*="steam"] i { color: #a3a9aa; transition: 0.2s; font-size: 22px; } .registration a[onclick*="steam"]:hover i { color: #ffffff; transition: 0.2s; font-size: 22px; } .registration a[onclick*="vk"]:hover { background-color: #0077ff !important; color: #ffff; } .registration a[onclick*="steam"] { background-color: #373b3c; border: 0 !important; padding: 13px 10px; display: flex; width: 100%; border-radius: 9px; gap: 5px; color: #898083; font-size: 11.5px; align-items: center; justify-content: center; } .registration a[onclick*="steam"]:hover { color: #ffffff; background-color: #3a3e3f !important; } .mini-profile .block_head { height: 72px; padding: 16px; } .mini-profile .block_head img { display: block; float: left; height: 40px; width: 40px; border-radius: 8px; } .mini-profile .block_head div { width: calc(100% - 56px); float: right; } .mini-profile .block_head div p, .mini-profile .block_head div p>span { line-height: 20px; font-size: 14px; color: #939b9d; margin: 0; } .mini-profile .block_head div p b, .mini-profile .block_head div p>span b { color: #0a1f44; } .mini-profile .vertical-navigation { -webkit-box-shadow: none; box-shadow: none; padding: 0; list-style: none; overflow: hidden; background: #1b1b1b00; margin: -16px; margin-left: 0px; margin-bottom: -25px; } .mini-profile .vertical-navigation>ul { margin-bottom: 0; } .mini-profile .vertical-navigation li.user-balance a { line-height: 60px; height: 60px; padding: 0 24px; } .mini-profile .vertical-navigation li.user-balance a>i { position: relative; } .mini-profile .vertical-navigation li.user-balance a div { width: calc(100% - 38px); float: right; height: 32px; margin-top: 12px; line-height: 16px; position: relative; } .mini-profile .vertical-navigation li.user-balance a div p { color: #939b9d; font-size: 12px; margin: 0; width: auto; display: inline; } .mini-profile .vertical-navigation li.user-balance a div span { font-size: 14px; color: #0a1f44; font-weight: 500; } .mini-profile .vertical-navigation li.user-balance a div i { font-size: 12px; } .mini-profile .vertical-navigation li.user-balance a div button { position: absolute; height: 32px; line-height: 32px; right: 0; top: 2px; } .mini-profile .vertical-navigation li.user-balance a div button i { position: relative; top: -2px; font-size: 12px; margin-left: 3px; } .mini-profile .vertical-navigation li a { color: #71797b; transition: 0.2s; } .mini-profile .vertical-navigation li a:hover { color: #ffffff; transition: 0.2s; } .mini-profile .vertical-navigation li a>i { margin: 0 16px 0 0; font-size: 16px; display: inline-block; width: 16px; text-align: center; } .vk-widgets div[id^="vk_groups"] { margin-bottom: 30px; } .vk-widgets div[id^="vk_subscribe"] { margin: 2px 0; } .our-steam-group { display: block; padding: 25px 16px; margin-bottom: 10px; background: #182c4f; position: relative; } .our-steam-group span { font-weight: bold; line-height: 40px; font-size: 20px; letter-spacing: 0.5px; color: #fff; } .our-steam-group i { color: #19abff; font-size: 50px; position: absolute; right: 20px; margin-top: -6px; } .vertical-navigation { overflow: auto; display: flex; border-radius: 0px; gap: 7px; background: #fff0; align-items: center; margin-bottom: 0px; } .vertical-navigation::-webkit-scrollbar{ background: #40455800; height: 3px; } .vertical-navigation li { list-style-type: none; } .vertical-navigation li:first-child { border: 0; } .vertical-navigation li a { line-height: 20px; padding: 14px 15px; padding-right: 30px; font-size: 11px; font-weight: 600; display: flex; text-transform: uppercase; border-radius: 50px; background: #333738; color: #7b7477; transition: 0.2s; align-items: center; justify-content: space-between; } .vertical-navigation li a::before { content: ''; position: relative; display: flex; width: 22px; min-width: 22px; min-height: 22px; height: 22px; font-size: 10px; border-radius: 6px; margin-right: 11px; background-color: #4a4f50; align-items: center; justify-content: center; } .vertical-navigation li a.active::before { content: '-'; position: relative; display: flex; padding-bottom: 2px; width: 22px; height: 22px; color: #f78d94; font-size: 14px; border-radius: 6px; margin-right: 11px; background-color: #ff7b8440 !important; justify-content: center; align-items: center; } .vertical-navigation li a b { color: #7a8385; font-size: 10px; transition: .2s all; font-weight: 500; background-color: #1e1e1e00; } .vertical-navigation li a i { color: #6e7a9187; font-weight: 100; float: left; margin-right: 8px; font-size: 30px; background-color: #1e1e1e00; } .vertical-navigation li a:hover { background: #373b3c; color: #fff; } .vertical-navigation li a:hover b { color: #7a8385; font-size: 10px; font-weight: 500; background-color: #1e1e1e00; } .vertical-navigation li a.active { color: white; font-weight: 600; background-color: #3c4142; } .vertical-navigation li a.active b { color: #bbc5dd; font-size: 10px; font-weight: 500; background-color: #1e1e1e00; } .vertical-navigation li a.active i { color: #5086ff; font-weight: 100; float: left; margin-right: 8px; font-size: 30px; background-color: #1e1e1e00; } .vertical-navigation li.active a { color: white; font-weight: 600; padding: 14px 18px 14px 14px; background: #404546; } .vertical-navigation li.active a::before { content: '-'; position: relative; display: flex; padding-bottom: 2px; width: 22px; min-width: 22px; min-height: 22px; height: 22px; color: #f78d94; font-size: 14px; border-radius: 50px; margin-right: 11px; background-color: #ff7b8440; justify-content: center; align-items: center; } .vertical-navigation.with-icons li a { position: relative; border-radius: 10px; } .vertical-navigationn { position: relative; padding-left: 40px; padding-right: 40px; width: 275px; text-align: center; margin-right: 10px; background: #272a2b; border-radius: 10px; } .vertical-navigation.with-icons li a i { line-height: 20px; position: relative; text-align: center; } #place_for_messages #messages { overflow-y: auto; height: 367px !important; margin-left: 10px; } #place_for_messages textarea { border: 0; border-radius: 13px; font-size: 11px; padding-right: 100px; padding-left: 20px; resize: none; padding-top: 15px; margin-bottom: 31px; width: 100%; border: solid 1px #101620; background: #101620 !important; height: 55px; } #place_for_messages .smile_input #smile_btn { top: px !important; } #place_for_messages .dialog { margin-bottom: 8px; height: 80px; border-radius: 3px; overflow: hidden; cursor: pointer; } #place_for_messages .dialog:nth-child(1) { } #place_for_messages .dialog>div:nth-child(1) { float: left; width: 100%; padding-left: 20px; display: flex; gap: 13px; height: 80px; line-height: 13px; border-radius: 13px; background-color: #35393a; transition: 0.2s; align-items: center; } #place_for_messages .dialog>div:nth-child(1) img { height: 45px; width: 45px; border-radius: 12px; } #place_for_messages .dialog>div:nth-child(1) div { } #place_for_messages .dialog>div:nth-child(1) div p { margin: 0; font-size: 11px; position: relative; font-weight: 600; } #place_for_messages .dialog>div:nth-child(1) div p:nth-child(2) { font-size: 11px; line-height: 20px; font-weight: 600; color: #8b8287; } #place_for_messages .dialog>div:nth-child(1) div p:nth-child(3) { margin-top: 1px; } #place_for_messages .dialog>div:nth-child(1) div p:nth-child(5), #place_for_messages .dialog>div:nth-child(1) div p:nth-child(6) { margin-top: -5px; } #place_for_messages .dialog>div:nth-child(1) div p:nth-child(6) { margin-left: 3px; } #place_for_messages .dialog>div:nth-child(1) div p:nth-child(5), #place_for_messages .dialog>div:nth-child(1) div p:nth-child(3), #place_for_messages .dialog>div:nth-child(1) div p:nth-child(6) { font-size: 11px; font-weight: 600; line-height: 13px; } #place_for_messages .dialog>div:nth-child(2) { width: 50px; height: 50px; margin-top: 15px; display: flex; transition: 0.2s; background: linear-gradient(25deg, #554c51b8 30%, #53595a 100%); right: 50px; position: absolute; text-align: center; border-radius: 13px; align-items: center; justify-content: center; } #place_for_messages .dialog>div:nth-child(2) span { font-size: 15px; color: #978d93; } #place_for_messages .dialog>div:nth-child(1):hover { background-color: #3c4142; transition: 0.2s; border-color: #1b1b1b00; } #place_for_messages .dialog>div:nth-child(2):hover { opacity: 0.7; } #chat a.small { font-size: 14px; } #chat .input-group { margin: -16px; margin-bottom: 0; width: calc(100% + 32px); top: 10px; } #chat .input-group .smile_input { width: 100%; padding: 0px 16px; } #chat .input-group .smile_input input, #chat .input-group .smile_input .custom-file label, .custom-file #chat .input-group .smile_input label { height: 55px; line-height: 48px; padding-left: 20px; border-radius: 13px !important; margin-top: 17px; padding-right: 85px; border: solid 1px #101620; background: #101620 !important; } #chat .input-group .smile_input #smile_btn { position: absolute; right: 71px; top: 37px; font-size: 16px; font-weight: 100; } #chat .input-group .smile_input #smile_btn::after { color: #99a0a2; transition: .2s all; border-radius: 8px; position: relative; } #chat .input-group .smile_input #smile_btn:hover::after { color: #ffffff; transition: .2s all; } #chat .input-group button { font-family: Font Awesome\ 5 Pro; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; position: absolute; top: 4px; right: 12px; width: 40px; height: 40px; border-radius: 50%; background: #171717; color: #1b1b1b !important; overflow: hidden; font-weight: bold; } #chat .input-group button::before { position: absolute; font-weight: 400; content: "\f124"; color: #fff; font-size: 20px; line-height: 49px; left: 8px; top: -5px; } #chat #drop_zone { height: 100%; position: relative; padding: 0px 20px 0px 10px; margin: 0 -16px -16px -16px; width: calc(100% + 30px); } #chat #drop_zone>#drop_mask { position: absolute; width: 100%; height: 100%; z-index: 1; display: none; margin: -1px; } #chat #drop_zone.loader { background: #fff; opacity: 0.4; } #chat #drop_zone.hover, #chat #drop_zone.error { font-family: Font Awesome\ 5 Pro; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } #chat #drop_zone.hover #chat_messages, #chat #drop_zone.error #chat_messages { height: 396px; } #chat #drop_zone.hover:after, #chat #drop_zone.error:after { position: absolute; width: 100%; height: 100%; top: 0; border-radius: 2px; text-align: center; font-size: 400%; line-height: 500%; outline-offset: -10px; } #chat #drop_zone.hover:after { content: "\f0c5"; background: #e1effa; outline: 2px dashed #8db0cc; color: #0a1f44; } #chat #drop_zone.error:after { content: "\f2ed"; background: #fce3e3; outline: 2px dashed #e09292; color: #f03d3d; } #chat #chat_messages .chat_message, #chat #messages .chat_message { position: relative; overflow: hidden; padding: 8px 58px 5px 10px; } #chat #chat_messages .chat_message:first-child, #chat #messages .chat_message:first-child { border-top: 0; } #chat #chat_messages .chat_message>a, #chat #messages .chat_message>a { display: block; width: 36px; float: left; } #chat #chat_messages .chat_message>a img, #chat #messages .chat_message>a img { border-radius: 50%; height: 33px; width: 33px; transition: .15s all; } #chat #chat_messages .chat_message>a img:active, #chat #messages .chat_message>a img { border-radius: 50%; height: 33px; width: 33px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); transition: .15s all; } #chat #chat_messages .chat_message>a span, #chat #messages .chat_message>a span { width: 100%; display: block; text-align: center; color: #777a85; line-height: 25px; right: 3px; position: relative; font-size: 10px; font-weight: 600; } #chat #chat_messages .chat_message .message, #chat #messages .chat_message .message { width: calc(100% - 6px); float: right; word-wrap: break-word; position: relative; /* overflow: hidden; */ font-size: 14px; right: 5px; line-height: 18px; } #chat #chat_messages .chat_message .message .info, #chat #messages .chat_message .message .info { line-height: 15px; font-size: 11px; display: block; font-weight: 600; height: 16px; } #chat #chat_messages .chat_message .message .info .author, #chat #messages .chat_message .message .info .author { float: left; position: relative; cursor: pointer; } #chat #chat_messages .chat_message .message .with_code, #chat #messages .chat_message .message .with_code { border-radius: 14px; padding: 3px 0px; display: flex; max-width: 100%; margin-top: -24px; font-weight: 500; font-size: 12px; line-height: 17px; color: #ffffff; } #chat #chat_messages .chat_message .message .with_code:hover .share_login { border: none; transition: .2s all; background: #44485900; font-size: 10.5px; display: flex; color: #bbaab1; border-radius: 50px; font-weight: 600; position: relative; transition: 0.2s; align-items: center; justify-content: center; animation: 0.3s show ease; } @keyframes show { from { opacity: 0; } to { opacity: 1; } } #chat #chat_messages .chat_message .message .with_code .share_login:hover { border: none; transition: .2s all; background: #44485900; font-size: 10.5px; display: flex; color: #ffffff; border-radius: 50px; font-weight: 600; position: relative; transition: 0.2s; align-items: center; justify-content: center; } #chat #chat_messages .chat_message .message .with_code img, #chat #messages .chat_message .message .with_code img { width: 110px; height: 110px; } #chat #chat_messages .chat_message .dell_message, #chat #chat_messages .chat_message .edit_message, #chat #messages .chat_message .dell_message, #chat #messages .chat_message .edit_message { color: #565d5f; position: absolute; top: 3px; transition: .2s all; font-size: 11px; cursor: pointer; } #chat #chat_messages .chat_message .dell_message, #chat #chat_messages .chat_message .edit_message:hover, #chat #messages .chat_message .dell_message, #chat #messages .chat_message .edit_message { color: #aeb6c3; transition: .2s all; position: absolute; top: 3px; font-size: 11px; cursor: pointer; } #chat #chat_messages .chat_message .dell_message, #chat #messages .chat_message .dell_message { right: 0; } #chat #chat_messages .chat_message .edit_message, #chat #messages .chat_message .edit_message { right: 19px; } #chat #chat_messages .chat_message textarea, #chat #messages .chat_message textarea { margin: 15px 3px 3px; width: calc(100% - 10px); } #chat .auth-to-write { height: 48px; margin-top: 50px; margin-bottom: -25px; line-height: 46px; } #chat .auth-to-write .btn { margin-top: 8px; margin-left: 8px; float: right; } #passive { text-align: center; } #smile_btn { font-family: Font Awesome\ 5 Pro; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; width: 20px; height: 17px; line-height: 15px; cursor: pointer; } #smile_btn::after { color: #aeb4b5; content: "\f118"; font-weight: 500; } .g_smile { height: 19px !important; width: 19px !important; margin-left: 2px; max-width: 19px; display: unset; } .g_sticker { height: auto; width: auto; } .popover-body>.smiles_box { max-height: 140px; overflow-x: hidden; padding-top: 2px; overflow-y: scroll; margin-bottom: 10px; } .popover-body>.smiles_box .smile { cursor: pointer; margin: 7px; float: left; width: 20px; height: 20px; transition: .3s all; } .popover-body>.smiles_box .smile:hover { cursor: pointer; margin: 7px; float: left; width: 20px; height: 20px; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); transition: .2s all; } .popover-body>.smiles_box .sticker { cursor: pointer; margin: 6px; float: left; width: 47px; height: 47px; } .smiles_panel { width: 100%; margin-top: 5px; padding: 0 18px; } .smiles_panel .smilebtn { float: left; height: 40px; border: solid 1px #595153; cursor: pointer; width: 40px; transition: 0.2s all; display: flex; border-radius: 9px; line-height: 34px; text-align: center; background-color: #675b5f5e; align-items: center; justify-content: center; } .smiles_panel .smilebtn:hover { border: solid 1px #61585a; background-color: #61585a; } .smiles_panel .smilebtn img { width: 24px; height: 24px; } .smiles_panel>.btn { margin: 0; } .smiles_panel>.btn:nth-child(1) { width: 80px; } .smiles_panel>.btn:nth-child(2) { width: 174px; } .smiles_panel .owl-stage-outer { position: relative; z-index: 1061; } .smiles_panel .owl-nav { position: absolute; width: calc(100% + 15px); top: 0; margin: 0 -20px; height: 40px; line-height: 1; } .smiles_panel .owl-nav button { display: block; width: 15px; background: transparent; border: 1px solid #e1e4e8 !important; border-radius: 2px; height: 40px; line-height: 1; } .smiles_panel .owl-nav button span { font-size: 20px; line-height: 12px; } .smiles_panel .owl-nav button.owl-prev { float: left; } .smiles_panel .owl-nav button.owl-next { float: right; right: 10px; } .smiles_panel .owl-nav button.owl-prev:hover { background: #585f61; color: #ffffff; } .smiles_panel .owl-nav button.owl-next:hover { background: #585f61; color: #ffffff; } .smiles-buy-panel { width: 100%; margin-top: 5px; } .smiles-buy-panel button { margin: 0 !important; } .smiles-buy-panel button:nth-child(1) { width: 100px; } .smiles-buy-panel button:nth-child(2) { width: calc(100% - 100px); } .stickers_img { border-radius: 2px; width: 236px; height: 250px; } .smile_input_forum .btn { display: inline-block; margin-right: 7px; margin-bottom: 0; } .smile_input_forum #smile_btn { position: relative; transition: 0.2s; display: flex; font-size: 14px; line-height: 40px; height: 41px; width: 41px; border-radius: 10px; background: #3c4041; align-items: center; justify-content: center; } .smile_input_forum #smile_btn:hover { background: #474c4d; } .smile_input_forum #smile_btn::after { position: absolute; top: 0; } #notifications_line { padding-bottom: 6px; } .noty-block, .bs-callout { border-radius: 4px; position: relative; display: block; border-radius: 15px; width: 100%; padding: 27px 16px 20px 16px; font-weight: 600; font-size: 10px; color: #fff; } .noty-block h5, .bs-callout h5 { font-size: 10px; font-weight: 900; border-radius: 0px; left: 17px; top: -42px; margin-bottom: -25px; position: relative; color: #676b78; width: 160px; line-height: 25px; } .noty-block.info, .noty-block.bs-callout-info, .noty-block.success, .noty-block.bs-callout-success, .noty-block.error, .noty-block.bs-callout-danger, .noty-block.warning, .noty-block.bs-callout-warning, .noty-block.primary, .bs-callout.info, .bs-callout.bs-callout-info, .bs-callout.success, .bs-callout.bs-callout-success, .bs-callout.error, .bs-callout.bs-callout-danger, .bs-callout.warning, .bs-callout.bs-callout-warning, .bs-callout.primary { color: #e0e3e9; } .noty-block.info *, .noty-block.bs-callout-info *, .noty-block.success *, .noty-block.bs-callout-success *, .noty-block.error *, .noty-block.bs-callout-danger *, .noty-block.warning *, .noty-block.bs-callout-warning *, .noty-block.primary *, .bs-callout.info *, .bs-callout.bs-callout-info *, .bs-callout.success *, .bs-callout.bs-callout-success *, .bs-callout.error *, .bs-callout.bs-callout-danger *, .bs-callout.warning *, .bs-callout.bs-callout-warning *, .bs-callout.primary * { line-height: 16px; color: #ffffff; font-weight: 600; } .noty-block.info p, .noty-block.bs-callout-info p, .noty-block.success p, .noty-block.bs-callout-success p, .noty-block.error p, .noty-block.bs-callout-danger p, .noty-block.warning p, .noty-block.bs-callout-warning p, .noty-block.primary p, .bs-callout.info p, .bs-callout.bs-callout-info p, .bs-callout.success p, .bs-callout.bs-callout-success p, .bs-callout.error p, .bs-callout.bs-callout-danger p, .bs-callout.warning p, .bs-callout.bs-callout-warning p, .bs-callout.primary p { font-weight: 600; line-height: 10px; margin-bottom: 0px; font-size: 11px; } .noty-block.info, .noty-block.bs-callout-info, .bs-callout.info, .bs-callout.bs-callout-info { background-color: #454b4c; border-radius: 15px; font-size: 10.3px; display: flex; border: solid 1px #4a5052; gap: 15px; font-weight: 600; height: auto; } .noty-block.success, .noty-block.bs-callout-success, .bs-callout.success, .bs-callout.bs-callout-success { border-radius: 14px; background: linear-gradient(15deg, #2b2f30 30%, #303334 100%); font-size: 11px; padding: 20px; display: flex; height: auto; flex-direction: column; } .noty-block.error, .noty-block.bs-callout-danger, .bs-callout.error, .bs-callout.bs-callout-danger { background-color: #5086ff1a; border-radius: 13px; font-size: 11px; margin-top: 20px; display: flex; font-weight: 600; border: solid 1px #5086ff; height: auto; flex-direction: column; align-items: center; } .noty-block.warning, .noty-block.bs-callout-warning, .bs-callout.warning, .bs-callout.bs-callout-warning { background-color: #ffad0d; } .noty-block.primary, .bs-callout.primary { background-color: #1e1e1e; -webkit-box-shadow: 0 18px 18px rgba(10, 31, 68, 0.05), 0 0 1px rgba(10, 31, 68, 0.1); box-shadow: 0 18px 18px rgba(10, 31, 68, 0.05), 0 0 1px rgba(10, 31, 68, 0.1); } .noty-block .m-icon.icon-remove, .bs-callout .m-icon.icon-remove { position: absolute; top: 8px; right: 8px; transition: .2s all; font-size: 9.5px; width: 20px; border-radius: 50px; height: 20px; display: flex; z-index: 1; font-weight: 500; background: #ff737326; color: #ff888866; cursor: pointer; align-items: center; justify-content: center; } .noty-block .m-icon.icon-remove:hover, .bs-callout .m-icon.icon-remove { background: #ff73733d; color: #ff8888ab; } .noty-block .close, .bs-callout .close { width: 40px; height: 40px; line-height: 40px; text-align: center; font-weight: 100; font-size: 11px; color: #fff; position: absolute; right: 0; top: 0; } #events { background: #fff0; } #events .event { position: relative; display: flex; padding: 20px 20px; gap: 15px; transition: 0.2s; background: linear-gradient(15deg, #41383b7d 30%, #303334 100%); border: solid 1px #303334; border-radius: 15px; margin-bottom: 10px; flex-direction: row; justify-content: flex-start; align-items: flex-start; } #events .event:first-child {} #events .event>div { position: relative; line-height: 12px; } #events .event>a:not(.btn) { display: block; color: #ffff; margin-left: 10px; font-size: 11px; background: #2e364a00; line-height: 60px; font-weight: bold; } #events .event>a:not(.btn) img { width: 30px; height: 30px; float: left; border-radius: 50%; margin: 15px 10px 18px 0px; } #events .event>span { color: #ffffff; float: left; display: block; height: 100%; width: 25%; padding-right: 10px; padding-left: 10px; line-height: 70px; } #events .event>a.btn { float: left; display: block; width: 15%; margin-top: 22.5px; line-height: 21px; margin-bottom: 22.5px; } #events .event>i { position: absolute; right: 8px; transition: .2s all; top: 8px; font-size: 9px; width: 19px; line-height: 1px; border-radius: 50px; height: 19px; display: flex; z-index: 1; font-weight: 500; background: #ff737326; color: #ff888866; cursor: pointer; align-items: center; justify-content: center; } #events .event>i:hover { background: #ff73733d; color: #ff8888ab; } @media (max-width: 991.99px) { #events .event>div { width: calc(100% - 50px); } #events .event>a:not(.btn) { width: 50px; } #events .event>a:not(.btn) img { margin-right: 0; margin-left: 10px; } #events .event>a:not(.btn) span { display: none; } #events .event>span { display: none; } #events .event>a.btn { display: none; } } .site-stats { background: #ffffff00; top: -3px; position: relative; } .site-stats strong { margin-left: 12px; line-height: 24px; font-size: 12.5px; } .site-stats strong span { background: #828aff; border-radius: 66px; margin-left: 5px; padding: 1px 10px; font-size: 11px; color: #ffffff; } .site-stats #site_stats { margin: -24px -16px; margin-bottom: 16px; } .site-stats #site_stats div.col-lg-4 { padding: 16px 47px; } .site-stats #site_stats div.col-lg-4 i { width: 48px; height: 48px; display: block; float: left; text-align: center; line-height: 48px; border-radius: 50%; background: #f1f2f4; font-size: 18px; } .site-stats #site_stats div.col-lg-4 div { width: calc(100% - 68px); float: right; } .site-stats #site_stats div.col-lg-4 div b { color: #0a1f44; font-weight: bold; line-height: 23px; font-size: 28px; } .site-stats #site_stats div.col-lg-4 div span { color: #939b9d; font-weight: 500; line-height: 16px; font-size: 12px; text-transform: uppercase; } .site-stats #online_users a { margin-right: 5px; } .site-stats #online_users, .site-stats #load_last_online { color: #1b1b1b; } .site-stats #online_users a, .site-stats #load_last_online a { display: inline-block; width: 36px; height: 32px; margin-right: -15px; margin-bottom: 15px; } .site-stats #online_users a img, .site-stats #load_last_online a img { width: 40px; transition: .3s all; height: 40px; border: solid 3px #292c2d; border-radius: 50%; } .site-stats #online_users a img:hover, .site-stats #load_last_online a img:hover { width: 40px; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); transition: .3s all; height: 40px; border-radius: 50%; } .site-stats #online_users { margin: -37px -16px; margin-bottom: 10px; padding: 54px 32px 0px 28px; border-radius: 15px 15px 0px 0px; background: #292c2d; } .site-stats #load_last_online { padding: 55px 16px 20px 27px; margin: -40px -16px; background: #292c2d; border-radius: 0px 0px 15px 15px; } .site-stats .empty-element { border: 0; } .servers-online-line { border-radius: 50px; overflow: hidden; height: 39px; width: 39px; position: absolute; display: flex; background: #38456100; border: 1px solid #2c2c2c00; align-items: center; justify-content: center; } .servers-online-line .progress-val { position: absolute; height: 100%; width: 100%; text-align: center; line-height: 30px; font-size: 13px; } .servers-online-line .progress-bar { margin: -1px; border-radius: 3px 0 0 3px; } .servers-online-line .progress-bar.bg-info { background-color: #ff050500 !important; width: 35px !important; filter: blur(6px); background: radial-gradient(circle, rgb(143 220 147 / 41%) 20%, rgb(58 63 82) 52%); box-shadow: 0px 0px 10px 0px #434849; height: 35px !important; } .servers-online-line .progress-bar.bg-success { background-color: #ff050500 !important; width: 35px !important; filter: blur(6px); background: radial-gradient(circle, rgb(143 220 147 / 41%) 20%, rgb(58 63 82) 52%); box-shadow: 0px 0px 10px 0px #434849; height: 35px !important; } .servers-online-line .progress-bar.bg-warning { background-color: #ff050500 !important; width: 35px !important; filter: blur(6px); background: radial-gradient(circle, rgb(255 140 160 / 56%) 20%, rgb(52 57 74 / 0%) 52%); box-shadow: 0px 0px 10px 0px #34394a00; height: 35px !important; } .servers-online-line .progress-bar.bg-danger { background-color: #ff050500 !important; width: 35px !important; filter: blur(6px); background: radial-gradient(circle, rgb(255 140 160 / 56%) 20%, rgb(52 57 74 / 0%) 52%); box-shadow: 0px 0px 10px 0px #34394a00; height: 35px !important; } #last_activity>div, #last_activity>span, #mybans>div, #mybans>span { display: flex; background: linear-gradient(154deg, #555b5c 10%, #4c5253 60%); border-radius: 12px; backdrop-filter: blur(1px); margin-top: 10px; gap: 15px; padding: 12px 16px 14px 16px; align-items: center; justify-content: space-between; } #last_activity>div:first-child, #last_activity>span:first-child, #mybans>div:first-child, #mybans>span:first-child { border-top: 0; } #last_activity>div:last-child, #last_activity>span:last-child, #mybans>div:last-child, #mybans>span:last-child { /* margin-bottom: -19px; */ } #last_activity>div>p, #last_activity>span>p, #mybans>div>p, #mybans>span>p { display: block; width: 100%; margin: 0; font-style: "Open Sans"; } #last_activity>div>p:nth-child(1), #last_activity>span>p:nth-child(1), #mybans>div>p:nth-child(1), #mybans>span>p:nth-child(1) { margin-bottom: 2px; } #last_activity>div>p:nth-child(1) a, #last_activity>span>p:nth-child(1) a, #mybans>div>p:nth-child(1) a, #mybans>span>p:nth-child(1) a { color: #ffffff; line-height: 22px; font-size: 12px; font-weight: 600; } #last_activity>div>p:nth-child(2), #last_activity>span>p:nth-child(2), #mybans>div>p:nth-child(2), #mybans>span>p:nth-child(2) { color: #7d8789; font-size: 10.5px; line-height: 8px; } #last_activity>div>p:nth-child(2) a, #last_activity>span>p:nth-child(2) a, #mybans>div>p:nth-child(2) a, #mybans>span>p:nth-child(2) a { margin-right: 5px; } #last_activity>div>p:nth-child(2) a img, #last_activity>span>p:nth-child(2) a img, #mybans>div>p:nth-child(2) a img, #mybans>span>p:nth-child(2) a img { width: 16px; height: 16px; border-radius: 4px; } #mybans>div { display: none; } #mybans>div:nth-child(1), #mybans>div:nth-child(2), #mybans>div:nth-child(3) { display: block; } #mybans>div:nth-child(3) { margin-bottom: -19px; } #mybans>div:nth-child(4) { margin-top: 19px; } .popover_avatar { width: 50px; height: 50px; margin: -5px -8px; border-radius: 2px; } #new_news>.col-lg-4 div, .news>.col-lg-4 div { margin-bottom: 30px; width: 100%; height: 265px; border-radius: 15px; overflow: hidden; position: relative; } #new_news>.col-lg-4 div img, .news>.col-lg-4 div img { position: absolute; height: 100%; } #new_news>.col-lg-4 div .shadow, .news>.col-lg-4 div .shadow { position: absolute; width: 100%; height: 100%; padding: 32px 16px; background: #2125316b; } #new_news>.col-lg-4 div a, .news>.col-lg-4 div a { color: #fff; } #new_news>.col-lg-4 div a:nth-child(2), .news>.col-lg-4 div a:nth-child(2) { margin-top: 15px; } #new_news>.col-lg-4 div a:nth-child(2) h3, .news>.col-lg-4 div a:nth-child(2) h3 { font-weight: 600; line-height: 26px; font-size: 18px; } #new_news>.col-lg-4 div a:nth-child(3), .news>.col-lg-4 div a:nth-child(3) { position: absolute; bottom: 32px; line-height: 20px; font-size: 14px; letter-spacing: 1px; color: #fff; } #new_news>.col-lg-4 div a:nth-child(3) i, .news>.col-lg-4 div a:nth-child(3) i { font-size: 80%; color: #939b9d; } .comment { position: relative; overflow: hidden; margin-bottom: 12px; background: linear-gradient(15deg, #353939 30%, #2b2f30 100%); border-radius: 15px; padding: 20px 20px 0px 20px; } .comment>a { display: block; width: 32px; float: left; } .comment>a img { height: 38px; width: 38px; border-radius: 12px; position: relative; top: -3px; } .comment>a span { width: 100%; display: block; text-align: center; color: #939b9d; line-height: 24px; font-size: 10px; } .comment .message { width: calc(100% - 40px); float: right; word-wrap: break-word; position: relative; /* top: 3px; */ overflow: hidden; font-size: 14px; left: 10px; line-height: 18px; } .comment .message .info { line-height: 8px; display: block; height: 15px; } .comment .message .info .author { float: left; position: relative; transition: .2s all; /* right: 1px; */ position: relative; } .comment .message .with_code { border-radius: 4px 15px 15px 15px; padding: 0px; max-width: 80%; background: #fff0; font-weight: 600; font-size: 11px; line-height: 15px; color: #9fa1ad; } .comment .message .with_code img {} .comment .dell_message { color: #8d8689; position: absolute; top: 2px; font-size: 10px; cursor: pointer; transition: 0.2s; } .comment .dell_message:hover { color: #ffffff; } .comment .dell_message { right: 0; } #dop #imgs img { margin-bottom: 10px; } #dop #img_result p { margin-bottom: 10px; } .ban-application.ban-information p { margin-bottom: 0px; font-size: 11px; font-weight: 600; color: #6e7678; } .ban-application #closed .m-icon { display: none; } #forum .row { margin: 0px; margin-top: 10px; border-radius: 12px; } #forum .row .col-lg-8 { padding-top: 16px; padding-bottom: 14px; border-bottom: 1px solid #404546; display: flex; align-items: center; } #forum .row .col-lg-8 img { border-radius: 10px; height: 48px; width: 48px; float: left; margin-right: 16px; } #forum .row .col-lg-8>div { width: calc(100% - 64px); float: right; } #forum .row .col-lg-8>div h3 { margin: 0; line-height: 18px; } #forum .row .col-lg-8>div h3 a { font-weight: 600; font-size: 13px; line-height: 24px; color: #ffffff; } #forum .row .col-lg-8>div p { line-height: 20px; font-size: 11px; font-weight: 600; margin: 0; color: #6e7678; } #forum .row .col-lg-4 { padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #404546; } #forum .row .col-lg-4 div { border-left: 1px solid #404546; height: 48px; padding-left: 16px; } #forum .row .col-lg-4 div img { margin-top: 12px; height: 28px; width: 28px; float: left; border-radius: 8px; } #forum .row .col-lg-4 div p { width: calc(100% - 40px); float: right; font-size: 10.5px; line-height: 16px; font-weight: 600; color: #6e7678; display: inline-block; margin: 0; } #forum .row .col-lg-4 div p a { font-weight: 600; font-size: 11px; color: #0c66ff; } #forum .row .col-lg-4 div p i { font-size: 10px; margin-right: 2px; display: none; } #forum .row>div:nth-last-child(1), #forum .row>div:nth-last-child(2) { border-bottom: 0; } .forum-info { background: #272a2b; height: 100px; border-radius: 15px; margin-bottom: 50px; position: relative; padding: 20px 0; } .forum-info div { position: relative; } .forum-info div .go-to-back { float: left; display: block; background: #424849; border-radius: 12px; height: 48px; width: 48px; font-size: 13px; margin-left: 10px; line-height: 48px; text-align: center; color: #ffffff; margin-top: 6px; margin-right: 25px; } .forum-info div .go-to-back:hover { float: left; display: block; background: #4a5051; border-radius: 12px; height: 48px; width: 48px; font-size: 13px; margin-left: 10px; line-height: 48px; text-align: center; color: #ffffff; margin-top: 6px; margin-right: 25px; } .forum-info div h3 { line-height: 24px; font-size: 16px; margin: 0; font-weight: 600; padding-top: 6px; } .forum-info div p { line-height: 24px; font-size: 11.5px; font-weight: 600; color: #7a8091; } .forum-info div p span { line-height: 16px; font-size: 12px; margin-right: 13px; color: #939b9d; } .forum-info div p span i { color: #adb3b5; margin-right: 6px; } .forum-info div #pagination2 { position: absolute; left: 79px; bottom: -18px; margin: 0; } .forum-info div #pagination2 .pagination>li>a, .forum-info div #pagination2 .pagination>li>span { height: 18px; width: 18px; margin: 0 3px; line-height: 16px; font-size: 10px; } .forum-info div #pagination2 .pagination>li:first-child>a>span::before, .forum-info div #pagination2 .pagination>li:last-child>a>span::before { font-size: 9px; } .forum-info div .add-topic, .forum-info div .dell-topic { z-index: 1012; -webkit-box-shadow: 0 26px 26px rgba(10, 31, 68, 0.12), 0 0 1px rgba(10, 31, 68, 0.1); box-shadow: 0 26px 26px rgba(10, 31, 68, 0.12), 0 0 1px rgba(10, 31, 68, 0.1); display: block; position: absolute; height: 48px; width: 48px; border-radius: 12px; color: white; text-align: center; line-height: 48px; margin-right: 25px; font-size: 13px; bottom: 0px; } .forum-info div .add-topic { background: #424849; right: 0; } .forum-info div .add-topic:hover { background: #4a5051; right: 0; } .forum-info div .dell-topic { right: 60px; background: #f03d3d; } .forum-info h3 i.fa-lock, .forum-info h3 i.fa-paperclip, #forum_topics h3 i.fa-lock, #forum_topics h3 i.fa-paperclip { color: white; width: 22px; height: 22px; border-radius: 6px; display: inline-block; font-size: 10px; text-align: center; line-height: 22px; margin-right: 1px; } .forum-info h3 i.fa-paperclip, #forum_topics h3 i.fa-paperclip { background: #5086ff; margin-left: 5px; } .forum-info h3 i.fa-lock, #forum_topics h3 i.fa-lock { background: #ff6868; } #forum_topics { padding: 15px 16px; } #forum_topics .row .col-lg-9 { padding: 16px; border-bottom: 1px solid #3e4344; } #forum_topics .row .col-lg-9 h3 { line-height: 24px; font-size: 15px; } #forum_topics .row .col-lg-9 h3 a { color: #ffffff; margin-left: 3px; position: relative; font-size: 13px; top: 1px; } #forum_topics .row .col-lg-9 p { line-height: 16px; font-size: 13px; margin: 0; } #forum_topics .row .col-lg-9 p span { line-height: 16px; font-size: 11px; margin-right: 6px; color: #6e7678; } #forum_topics .row .col-lg-9 p span img { border-radius: 7px; width: 25px; height: 25px; margin-right: 8px; margin-left: 2px; } #forum_topics .row .col-lg-9 p span a { position: relative; } #forum_topics .row .col-lg-9 p span i { color: #adb3b5; margin-right: 6px; } #forum_topics .row .col-lg-3 { padding: 16px; border-bottom: 1px solid #3e4344; } #forum_topics .row .col-lg-3 div { padding: 12px 18px; display: flex; height: 49px; justify-content: flex-start; align-items: center; } #forum_topics .row .col-lg-3 div img { height: 33px; width: 33px; border-radius: 8px; float: left; margin-top: 3px; } #forum_topics .row .col-lg-3 div p { color: #6e7678; display: block; width: calc(100% - 45px); float: left; margin: 0 0 0 10px; font-size: 11px; line-height: 16px; } #forum_topics .row .col-lg-3 div p i { color: #adb3b5; font-size: 11px; margin-right: 3px; } #forum_topics .row>div:nth-last-child(1), #forum_topics .row>div:nth-last-child(2) { border-bottom: 0; } .topic-answers { background: #1b1b1b00; } .topic-answers div[id^="answer"]::after { clear: both; display: table; content: " "; position: absolute; bottom: 0; background: #f1f2f400; width: calc(100% - 58px); height: 1px; left: 26px; } .topic-answers div[id^="answer"] .right-side a.date, .topic-answers div[id^="answer"] .right-side span { } .topic-answers div[id^="answer"] .right-side a.date a, .topic-answers div[id^="answer"] .right-side span a { color: #ffffff; margin-left: 5px; margin-right: 5px; } .topic-answers div[id^="answer"] .right-side a.date i, .topic-answers div[id^="answer"] .right-side span i { font-size: 12px; margin-right: 3px; color: #adb3b5; } .topic-answers div[id^="answer"] .right-side .with_code { padding: 0; line-height: 20px; background: #25293600; margin-top: 10px; font-size: 12px; } .topic-answers div[id^="answer"] .right-side .signature { line-height: 16px; font-size: 12px; } .topic-answers div[id^="answer"] .right-side .thank_str { font-size: 11px; font-weight: 600; color: #838b8d; overflow: hidden; } .topic-answers div[id^="answer"] .right-side .thank_str a { color: #8baea9; } .topic-answers div[id^="answer"] .right-side .likes-area { padding: 8px 0; position: absolute; width: calc(100% - 64px); top: -12px; right: -3px; } .topic-answers div[id^="answer"] .right-side .likes-area .btn, .topic-answers div[id^="answer"] .right-side .likes-area .btn:focus { margin: 0 3px; border: 0; padding: 5px 20px; text-align: center; -webkit-box-shadow: 0 3px 4px rgba(10, 31, 68, 0.1), 0 0 1px rgba(10, 31, 68, 0.08); box-shadow: 0 3px 4px rgba(10, 31, 68, 0.1), 0 0 1px rgba(10, 31, 68, 0.08); border-radius: 7px; } .topic-answers div[id^="answer"] .right-side .likes-area i { margin: 0; text-align: center; } .topic-answers div[id^="answer"] .right-side::after { display: block; content: " "; } @media (max-width: 991.99px) .authorization { width: 100%; margin-top: 130px; padding: 24px 16px; border-radius: 10px; background: #303334; margin-bottom: 30px; } { .forum-info { border-top: 0; background: #1b1b1b; } .forum-info.no-shadow { border-bottom: 1px solid #f1f2f4; -webkit-box-shadow: none; box-shadow: none; } .podtoper { background: #303334; width: 93%; position: relative; height: 130px; top: 220px; margin-left: 15px; border-radius: 15px; margin-right: auto; margin-bottom: 300px; } .topzag { color: #7d70ff; font-size: 30px; top: 10px; position: relative; margin-left: 85px; } .toptext { position: relative; top: 30px; text-align: center; font-size: 10px; color: #868e90; width: 450px; font-weight: 600; line-height: 17px; margin-left: -62px; } a.button10 { color: white; position: absolute; top: 218px; font-weight: 100; font-size: 18px; width: 56px; text-align: center; height: 56px; line-height: 55px; border-radius: 10px; border: 1.5px solid #7d70ff; background: #323a5800; transition: .2s all; } a.button10:hover { color: white; position: absolute; top: 218px; font-weight: 100; font-size: 18px; width: 56px; text-align: center; height: 56px; line-height: 55px; border-radius: 10px; border: 1.5px solid #7d70ff; background: #7d70ff; transition: .2s all; } .toptop { background: #1e233600; width: 100%; position: relative; top: 80px; margin-left: 300px; right: 270px; } .topic-answers { margin: 0 -15px; } .topic-answers div[id^="answer"] { background: #1b1b1b; -webkit-box-shadow: 0 3px 4px rgba(10, 31, 68, 0.1), 0 0 1px rgba(10, 31, 68, 0.08); box-shadow: 0 3px 4px rgba(10, 31, 68, 0.1), 0 0 1px rgba(10, 31, 68, 0.08); position: relative; display: block; overflow: hidden; } .topic-answers div[id^="answer"]::after { display: none; } .topic-answers div[id^="answer"]:not(:first-child) { border-top: 1px solid #f1f2f4; } .topic-answers div[id^="answer"] .left-side { width: 100%; padding: 14px; text-align: left; -webkit-box-shadow: -1px 0px 26px rgba(10, 31, 68, 0.12); box-shadow: -1px 0px 26px rgba(10, 31, 68, 0.12); } .topic-answers div[id^="answer"] .left-side img { width: 32px; height: 32px; border-radius: 8px; margin: 0; } .topic-answers div[id^="answer"] .left-side a { line-height: 27px; font-size: 16px; font-weight: 600; color: #ffffff; margin-left: 10px; } .topic-answers div[id^="answer"] .left-side p, .topic-answers div[id^="answer"] .left-side span { display: none; } .topic-answers div[id^="answer"] .right-side { position: relative; padding: 14px 14px 56px; width: 100%; } .topic-answers div[id^="answer"] .right-side .likes-area { width: calc(100% - 28px); } } #sections .block_head { margin-bottom: 16px; } #sections .btn .m-icon { color: white; } .btn-group-toggle .btn.btn-default.active { color: #ffff; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%)) !important; padding: 25px !important; !i;!; text-shadow: #00000063 1px 0 10px; border-radius: 10px !important; } .btn-group-toggle .btn.btn-default.active .title_rcon_btn { color: #ffffff !important; font-size: 10px !important; line-height: 0px !important; display: flex; height: 23px; border-radius: 50px; padding: 0px 10px; margin-top: -3px; background: #ffffff42; align-items: center; } .btn-group-toggle .btn.btn-default:not(.btn-sm) { line-height: 26px; height: 90px !important; border-radius: 15px !important; } form[id^="section_settings"] .btn-group-toggle>label, div#add_section .btn-group-toggle>label { font-size: 14px; height: 30px; padding: 5px 11px; margin: 0 5px 5px 0; } table tbody[id^="forums"] img { display: block; margin: 0 auto; height: 50px; width: 50px; } table tbody[id^="forums"] tr td { padding: 5px; } table tbody[id^="forums"] tr td:first-child { max-width: 60px; } table tbody[id^="forums"] tr td:nth-child(2) { max-width: 150px; } table tbody[id^="forums"] tr td:nth-child(2) input, table tbody[id^="forums"] tr td:nth-child(2) .custom-file label, .custom-file table tbody[id^="forums"] tr td:nth-child(2) label { width: 100%; } table tbody[id^="forums"] tr td input, table tbody[id^="forums"] tr td .custom-file label, .custom-file table tbody[id^="forums"] tr td label { margin: 0; } @media(min-width:768px){#banlist div[id^="baninfo"] i { font-style: normal !important; }} @media(min-width:768px){#banlist div[id^="baninfo"] input, #banlist div[id^="baninfo"] .custom-file label, .custom-file #banlist div[id^="baninfo"] label { margin: 0; }} @media(min-width:768px){#muts div[id^="muteinfo"] i { font-style: normal !important; }} @media(min-width:768px){#muts div[id^="muteinfo"] input, #muts div[id^="muteinfo"] .custom-file label, .custom-file #muts div[id^="muteinfo"] label { margin: 0; }} #server_admins tr[id^="admin"]>td>i[class^="fa"], #server_admins tr[id^="admin"]>td>.m-icon, #admins tr[id^="admin"]>td>i[class^="fa"], #admins tr[id^="admin"]>td>.m-icon { margin-left: 5px; color: #0c66ff; font-size: 12px; cursor: pointer; } #server_admins div[id^="admin_info"] table tbody tr td, #admins div[id^="admin_info"] table tbody tr td { font-size: 13px; padding: 7px; } #server_admins div[id^="admin_info"] .services-title, #admins div[id^="admin_info"] .services-title { margin-bottom: 12px; float: left; } #server_admins div[id^="admin_info"] .add-service, #admins div[id^="admin_info"] .add-service { float: right; } #server_admins #admins_services td, #admins #admins_services td { vertical-align: middle; word-wrap: normal; white-space: nowrap; font-size: 13px; padding: 7px; } #server_admins #admins_services td .btn, #admins #admins_services td .btn { float: right; } #server_admins #admins_services td .btn>i[class^="fa"], #server_admins #admins_services td .btn>.m-icon, #admins #admins_services td .btn>i[class^="fa"], #admins #admins_services td .btn>.m-icon { font-size: 12px; color: #0c66ff; } #server_admins #admins_services td p, #admins #admins_services td p { display: block; width: auto; float: left; } #server_admins #admins_services td .form-control, #admins #admins_services td .form-control { margin: 0; } #server_admins #admins_services td .hasDatepicker, #admins #admins_services td .hasDatepicker { font-size: .875rem; line-height: 1.5; text-indent: 5px; } @media (max-width: 991.99px) { .admin-settings tr>td:first-child { display: none; } .admin-settings tr>td:last-child { border-left: 0; } .admin-settings tr>td:last-child small { display: block; float: right; } .admin-settings tr>td:last-child small::after { clear: both; display: table; content: " "; } } @media (min-width: 992px) { .admin-settings tr>td:last-child small { display: none; } } tr[id^="multi-account-"] span { font-size: 12px; cursor: pointer; margin-left: 5px; } #edit_user_avatar_result p { margin-bottom: 0; } div[id^="store_info"] table.table>tbody[id^="admins_services"]>tr>td { font-size: 10.5px; } div[id^="store_info"] table.table>tbody[id^="admins_services"]>tr>td button { margin-top: 5px; width: 100%; } div[id^="store_info"] table.table>tbody[id^="admins_services"]>tr>td select { margin-top: -2px; margin-bottom: 20px; } .text_cases { font-size: 16px; color: #ffffff; width: 34px; min-width: 34px; display: flex; border-radius: 9px; height: 34px; background: #edb1ba2e; align-items: center; justify-content: center; } .description_viget {color: #bba7aa;line-height: 14px;font-size: 9.5px;text-transform: uppercase;} .text_viget { color: #ffffff; font-size: 11px; font-weight: 400; font-family: "Unbounded", sans-serif; } .info_cases { gap: 6px; display: flex; background: #ff88a11a; width: 16px; height: 16px; margin-bottom: 8px; color: #ff849d; border-radius: 50px; font-size: 6px !important; align-items: center; justify-content: center; } .user img { width: 32px; border-radius: 50px; position: relative; top: 3.5px; margin-right: 12px; margin-left: 7px; } .user span { display: inline-block; font-size: 10px; color: #171717; height: 0px; border-radius: 3px; position: relative; top: -2px; font-weight: 500; } .user a[href^="../profile"]:not(:first-child) { display: block; width: 100%; font-weight: 600; line-height: 26px; font-size: 14px; margin: 5px 0; color: #ffffff; } .user .btn { width: 100%; margin-bottom: 0; } .detailed-profile { overflow: hidden; border-radius: 4px; background: #181818; margin-bottom: 32px; } .detailed-profile>div:nth-child(1) { position: relative; height: 92px; background: #1e1e1e; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); padding: 16px; } .detailed-profile>div:nth-child(1) .avatar { display: block; height: 60px; width: 60px; border-radius: 4px; float: left; } .detailed-profile>div:nth-child(1) .avatar img { height: 60px; width: 60px; border-radius: 4px; float: left; } .detailed-profile>div:nth-child(1)>div { float: right; width: calc(100% - 60px); padding: 13px 24px 13px 16px; } .detailed-profile>div:nth-child(1)>div span { display: block; } .detailed-profile>div:nth-child(1)>div span:first-child { color: white; font-weight: 600; line-height: 20px; font-size: 16px; } .detailed-profile>div:nth-child(1)>div span:last-child { font-weight: 500; line-height: 16px; font-size: 12px; } .detailed-profile>div:nth-child(1)>a:not(.avatar) { color: #a0a7a9; position: absolute; top: 38px; right: 16px; font-size: 20px; } .detailed-profile table { margin-top: 15px; margin-bottom: 15px; width: 100%; } .detailed-profile table tr td:nth-child(1) { padding: 10px 15px; width: 62px; } .detailed-profile table tr td:nth-child(1) i { height: 32px; width: 32px; border-radius: 50%; line-height: 32px; text-align: center; background: #313131; font-size: 16px; color: white; } .detailed-profile table tr td:nth-child(2) { width: 200px !important; border-bottom: 1px solid #313131; } .detailed-profile table tr td:nth-child(2) span { width: 204px !important; display: block; font-weight: 600; line-height: 18px; font-size: 14px; letter-spacing: 0.5px; color: white; } .detailed-profile table tr td:nth-child(2) p { font-weight: 500; line-height: 12px; font-size: 12px; color: #939b9d; } .detailed-profile table tr:last-child td:first-child { border-bottom: 1px solid #313131; } .detailed-profile ul { margin-bottom: 15px; } .detailed-profile ul li a { padding: 10px 15px; display: block; border: 1px solid #313131; margin: 4px 15px; border-radius: 4px; color: white; font-size: 13px; } .detailed-profile .go-exit { color: white; font-weight: 500; line-height: 20px; font-size: 14px; display: block; margin: 15px; } .detailed-profile .go-exit i { line-height: 20px; color: #939b9d; margin-right: 10px; } .money-info-block div { width: 50%; float: left; } .money-info-block div i { font-size: 18px; float: left; line-height: 38px; margin-right: 9px; } .money-info-block div p { color: rgba(255, 255, 255, 0.8); margin: 0; } .money-info-block div span { font-weight: 600; line-height: 20px; font-size: 16px; } .money-info-block:hover { color: white !important; } .profile-top-menu { margin-right: auto; overflow-y: hidden; overflow-x: auto; margin-bottom: 15px; height: 48px; width: 102%; margin-left: auto; list-style: none; background: #ffffff00; flex-wrap: nowrap; } .profile-top-menu li { display: inline-block; } .profile-top-menu li a { display: block; float: left; font-size: 11px; line-height: 40px; padding: 0 26.6px; color: #6a7274; border-radius: 10px; top: 3px; position: relative; background: #272a2b; margin: 0px 7px 0px 0px; font-weight: 600; } .profile-top-menu li a.active, .profile-top-menu li a:hover { color: #ffffff; background: #383d3e; } .profile-page h2 { font-size: 16px; margin-top: -4px; } .profile-page table.profile-table { width: calc(100% + 32px); margin: -24px -16px; display: none; } .profile-page table.profile-table tr { border-bottom: 1px solid #f1f2f400; } .profile-page table.profile-table tr:last-child { border-bottom: 0; } .profile-page table.profile-table tr td:nth-child(1) { width: 66px; padding: 14px 17px; } .profile-page table.profile-table tr td:nth-child(1) i { width: 32px; height: 32px; border-radius: 9px; background: #383d3e; display: block; text-align: center; line-height: 32px; font-style: normal; font-weight: 400; font-size: 13px; color: #ffffff; } .profile-page table.profile-table tr td:nth-child(1) i:not([class^="fa"]) { font-weight: 600; } .profile-page table.profile-table tr td:nth-child(1) i.fa-skype { color: white; background: #0078ca; } .profile-page table.profile-table tr td:nth-child(1) i.fa-telegram-plane { color: white; box-shadow: 0 0px 25px rgb(129 112 255 / 0%); background: #4c89cf; line-height: 34px; } .profile-page table.profile-table tr td:nth-child(1) i.fa-steam-symbol { color: white; background: black; } .profile-page table.profile-table tr td:nth-child(1) i.fa-facebook-f { color: white; background: #4267b2; } .profile-page table.profile-table tr td:nth-child(2) { padding: 14px 0; } .profile-page table.profile-table tr td:nth-child(2) p { position: relative; margin: 0; font-weight: 600; color: #ffffff; font-size: 11.5px; line-height: 18px; margin-left: 1px; letter-spacing: 0.5px; } .profile-page table.profile-table tr td:nth-child(2) p a { color: #ffffff; } .profile-page table.profile-table tr td:nth-child(2) p img { position: absolute; width: 35px; height: 35px; border-radius: 50%; right: 20px; top: 2px; } .profile-page table.profile-table tr td:nth-child(2) span { line-height: 16px; font-size: 11px; font-weight: 600; color: #6a7274; } .profile-page #last_activity, .profile-page #mybans { margin-top: -24px; } .profile-page #last_activity .empty-element, .profile-page #mybans .empty-element { height: auto; padding-top: 14px !important; border: 0; } .profile-page .block.dialogs #chat .input-group { margin-bottom: -24px; } .pay-area { border-radius: 6px; margin-bottom: 30px; position: relative; padding: 20px 16px 0px 16px; background: linear-gradient(135deg, #333737 0%, #292c2c 100%); background-size: 100% auto; } .pay-area b { color: white; font-weight: bold; font-size: 16px; line-height: 25px; display: block; margin-bottom: 16px; } .pay-area .money-info-block { padding: 0; margin: 0; background: transparent; max-width: 230px; } .pay-area span[data-toggle] { cursor: pointer; height: 32px; display: inline-block; line-height: 30px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.36); padding: 0 16px; border-radius: 3px; font-size: 12px; font-weight: 500; float: right; margin: 6px 0; } .pay-area .pay-input { height: 48px; position: absolute; bottom: 20px; width: calc(100% - 32px); } .pay-area .pay-input input, .pay-area .pay-input .custom-file label, .custom-file .pay-area .pay-input label { height: 48px; line-height: 48px; position: absolute; bottom: 0; width: 100%; margin: 0; padding-right: 100px; } .pay-area .pay-input button { position: absolute; right: 8px; top: 8px; margin: 0; } .pay-area .pay-input .error_message { display: none !important; } @media (max-width: 991.99px) { .pay-area { background-size: auto 100%; } .pay-area span[data-toggle] { width: 100%; text-align: center; margin-top: 0; margin-bottom: 26px; } } @media(min-width:768px){#operations .with-icon { padding-left: 60px; }} @media(min-width:768px){#operations .with-icon i { left: 10px; top: 14px; width: 24px; margin-left: 5px; height: 24px; border-radius: 6px; border: 7px solid; text-align: center; line-height: 20px; font-size: 8px; }} @media(min-width:768px){#operations .with-icon i.fa-plus { color: #ffffff; background: #7ab981; border: 2px solid #7ab981; }} @media(min-width:768px){#operations .with-icon i.fa-minus { color: #ffffff; line-height: 20px; background: #e98383; border: 2px solid #e98383; }} .profile-settings h2 { font-size: 16px; color: #fff; } .profile-settings .btn i.fa-pencil { display: block; width: 100%; height: 100%; line-height: 24px; font-size: 15px !important; } .profile-settings .m-icon {display: none;} .profile-settings #vk_user img, .profile-settings #steam_user img, .profile-settings #fb_user img { height: 30px; width: 30px; margin-right: 8px; border-radius: 50%; } .profile-settings #vk_user span, .profile-settings #steam_user span, .profile-settings #fb_user span { display: inline; } .profile-settings table tr td[colspan="2"] { white-space: normal !important; } .profile-settings small.input-title { font-size: 11px; display: block; color: #99cb74; margin-bottom: 0px; border-radius: 10px; margin-top: 0px; } .profile-settings .edit-avatar img { width: 100px; height: 100px; border-radius: 20px; } .profile-settings .edit-privacy p { font-weight: 600; font-size: 12px; line-height: 20px; color: #ffffff; margin-bottom: -16px; } .profile-settings .edit-date .col-12:last-child { position: relative; } .profile-settings .edit-date .col-12:last-child small { position: absolute; left: 15px; top: -24px; } .profile-settings .edit-date .col-3 .btn { margin-top: 7px; } #stats table { max-width: 100%; } #stats tr td { max-width: 200px; } #stats tr td .rank { width: 80px; height: 30px; display: block; margin: 0 auto; } #stats tr td a i { font-style: normal !important; } #stats .progress { position: relative; height: 17px; margin-top: 5px; width: 100%; } #stats .progress span { position: absolute; color: #ffffff; width: 100%; text-align: center; font-weight: 600; font-size: 9.5px; top: -1px; } #stats .area-label { padding-top: 15px; } #stats .label { padding: 8px 10px; border-radius: 7px; background-color: #f5f5f52b; color: #ffffff; border: none; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #stats .label.label-primary { background-color: #0c66ff26; color: #fff; border: 0; } #stats .label.label-success { background-color: #a8ff8617; color: #b1f198 !important; =: #cde8c3; } #stats .label.label-info { background-color: #e1effa; color: #0a1f44; border-color: #cadded; } #stats .label.label-warning { background-color: #ffd2781f; color: #f1cb7e; } #stats .label.label-danger { background-color: #ff818129; color: #ff7979; } .new { padding-top: 16px; } .new>p:last-child { margin: -16px; padding: 21px 16px 0 16px; margin-bottom: -10px; margin-top: 16px; border-top: 1px solid #f1f2f400; } .new>p:last-child span { margin-top: 10px; padding: 5px 10px; background: #383d3e; margin-bottom: 10px; font-size: 10px; border-radius: 7px; color: #fff; } .new>p:last-child span a { color: #fff; } #news a.small-new { margin: 0 -16px; padding: 10px 16px 10px 16px; display: block; height: 60px; width: calc(100% + 32px); } #news a.small-new img { height: auto; width: 70px; display: none; border-radius: 4px; margin-right: 10px; float: left; } #news a.small-new div { width: calc(100% - 80px); /* float: right; */ } #news a.small-new div p { font-size: 12px; margin: 0; line-height: 13.5px; display: block; color: #61696b; } #news a.small-new:last-child { /* margin-bottom: -23px; */ } #main-slider.carousel { position: relative; border-radius: 4px; overflow: hidden; margin-left: 40px; margin-bottom: 30px; height: 400px; top: 60px; } #main-slider.carousel .carousel-inner { height: 100%; margin-top: 160px; } #main-slider.carousel .carousel-inner .carousel-item { height: 100%; } #main-slider.carousel .carousel-inner .carousel-item img { height: 100%; width: 100%; } #main-slider.carousel .he { height: 288px; width: 211px; position: absolute; top: 0; left: calc(50% - 90px); z-index: 11; } #main-slider.carousel .carousel-caption { left: 30px; top: 20px; border-radius: 15px; bottom: auto; height: 100px; width: 70%; padding: 30px; background-color: #2e3132; position: relative; z-index: 10; color: #fff; text-align: left; } #main-slider.carousel .carousel-caption h1 { font-size: 13px; font-weight: bold; margin-bottom: 30px; } #main-slider.carousel .carousel-caption h1 a { color: #fff; } #main-slider.carousel .carousel-control-prev, #main-slider.carousel .carousel-control-next { height: 48px; width: 48px; top: 210px; /* border: 1.0px solid #3a3e3f; */ padding-right: 1px; background: rgb(38 44 68 / 0%); bottom: 2px; opacity: 1; border-radius: 50%; } #main-slider.carousel .carousel-control-prev i, #main-slider.carousel .carousel-control-next i { color: #ffffff; } #main-slider.carousel .carousel-control-prev:hover i, #main-slider.carousel .carousel-control-next:hover i { color: #ffffff; } #main-slider.carousel .carousel-control-prev { left: 245px; } #main-slider.carousel .carousel-control-next { left: 788px; } @media (max-width: 991.99px) { #main-slider.carousel { height: 250px; } #main-slider.carousel .he { display: none; } #main-slider.carousel .carousel-caption { left: 0; top: 0; height: 100%; width: 100%; border-radius: 4px; padding: 20px; } #main-slider.carousel .carousel-caption h1 { font-size: 200%; line-height: 100%; margin-bottom: 10px; } #main-slider.carousel .carousel-control-prev, #main-slider.carousel .carousel-control-next { height: 40px; width: 40px; } #main-slider.carousel .carousel-control-prev { /* right: 44px; */ left: auto; } } .vk-widgets .block { padding-bottom: 0; } .vk-widgets a[id^="admin_widget"] { margin-top: 3px; margin-bottom: 3px; display: block; } .vk-widgets a[id^="admin_widget"] img { display: block; width: 30px; height: 30px; float: left; border-radius: 8px; } .vk-widgets a[id^="admin_widget"] span { display: block; width: calc(100% - 40px); float: right; line-height: 30px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: 500; color: #ffffff; font-size: 13px; } .vk-widgets a[id^="admin_widget"]::after { clear: both; display: table; content: " "; } .disp-b { display: block; } .disp-n { display: none; } ::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-track { /* background: rgb(28 31 39 / 0%); */ } ::-webkit-scrollbar-thumb { background: #4a5051; border-radius: 50px; } ::-webkit-scrollbar-thumb:vertical:hover, ::-webkit-scrollbar-thumb:horizontal:hover { background: #4a5051; } #my_cases_area { margin-top: 10px; border-radius: 5px; } .popover { z-index: 60; display: block; left: -80px !important; top: -15px !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-transform: none; box-shadow: 0px 5px 10px #00000038; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; border: 1px solid rgb(0 0 0 / 0%); line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #393d3e; background-clip: padding-box; border-radius: 15px; } .tabs__tab-btn { border: none; padding: 12px 35px; background: #24314c; border-radius: 10px; margin-right: 7px; color: #fff; font-size: 11px; font-weight: 600; cursor: pointer; transition: 0.3s; } .tabs__tab-btn--not-selected { border: none; padding: 12px 35px; background: #1c2740; border-radius: 10px; margin-right: 7px; color: #fff; font-size: 11px; font-weight: 600; cursor: pointer; transition: 0.3s; } .tabs__tab-btn:hover { border: none; padding: 12px 35px; background: #24314c; border-radius: 10px; margin-right: 7px; color: #fff; font-size: 11px; font-weight: 600; cursor: pointer; transition: 0.3s; } .tabs__tab--hide { display: none; } .tabs__tab--show { display: block; } .tabs__tab { animation: tabApear 0.6s; } @keyframes tabApear { from { opacity: 0; } to { opacity: 1; } } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height } .message_button { color: #ffffff; font-weight: 600; height: 33px; border-radius: 9px; font-size: 14px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); opacity: 0.7; text-shadow: #000000d4 1px 0 10px; display: flex; width: 33px; transition: .2s all; cursor: pointer; align-items: center; justify-content: center; } .message_button:hover { opacity: 1; color: #ffffff; } .profile_button { color: #998f93; font-weight: 600; height: 33px; border-radius: 9px; font-size: 14px; display: flex; width: 33px; transition: .2s all; background: linear-gradient(25deg, #44494a 30%, #4b5153 100%); cursor: pointer; align-items: center; justify-content: center; } .profile_button:hover { opacity: 0.7; color: #998f93; } .name_players { text-overflow: ellipsis; width: 30%; overflow: hidden; white-space: nowrap; } .text_contactss { display: flex; flex-direction: column; line-height: 17px; } .date_forum { color: #817a7d; font-weight: 600; padding: 0px; font-size: 11.5px !important; margin-bottom: 20px; padding-bottom: 10px; display: block; border-bottom: dashed 1px #474d4e; width: 100%; } .friend_sv { display: flex; align-items: center; } .buttons_friends { display: none; } .buttons_friends_new {display: flex;gap: 10px;} .tabes { border: solid 1px #414647; border-radius: 50px; width: 100%; padding: 7px; margin-bottom: 30px !important; margin-top: 30px !important; margin-left: 0px !important; display: flex !important; gap: 8px; } .tabes .tab { cursor: pointer; height: 50px; display: flex; font-weight: 600; border-radius: 50px; margin: 0px !important; color: #adb3b4; width: 100%; align-items: center; transition: 0.2s; justify-content: center; } .tabes .tab.active { color: #ffffff; text-shadow: #00000085 1px 0 10px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); box-shadow: 0px 10px 40px #ff7f7b54; } .tabes .tab.active:hover { color: #ffffff; text-shadow: #00000085 1px 0 10px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); box-shadow: 0px 10px 40px #ff7f7b54; } .tabes .tab:hover { color: #ffffff; background: #393e3f; } .tab-contentes { display: none; } .tab-contentes.active { display: block; } .form_control_auth { font-size: 11.5px; font-weight: 600; width: 86%; border-radius: 0px 11px 11px 0px; text-indent: 0; background: #363a3b !important; border: none; color: #ffffff; } .form_control_auth:focus { border-color: #363a3b; color: #ffffff; background: #363a3b !important; -webkit-box-shadow: none; box-shadow: none; } .login_place { display: flex; flex-direction: column; } .input_login { display: flex; margin-bottom: 9px; background: #363a3b; border-radius: 11px; align-items: center; } .block_purse_base { border-radius: 15px; padding: 20px 20px 10px 20px; background: linear-gradient(15deg, #2b2f30 30%, #373b3c 100%); margin-bottom: 12px; } .button_summa { border: none; padding: 10px; border-radius: 9px; cursor: pointer; transition: 0.2s; background: linear-gradient(15deg, #414647 30%, #4c5253 100%); width: 70px; color: #fff; font-weight: bold; } .button_summa:hover { opacity: 0.7; } .select_number { padding: 15px; background: linear-gradient(15deg, #2b2f30 30%, #303334 100%); border-radius: 15px; display: flex; gap: 6px; margin-bottom: 15px; } .input_login i { height: 39px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #575e5f 0, #444a4b 100%)); display: flex; width: 39px; min-width: 39px; margin-left: 7px; color: #adb3b4; margin-right: 8px; font-size: 17px; border-radius: 10px; align-items: center; justify-content: center; } .button_social { display: flex; width: 100%; gap: 8px; } .authorization_welcome { display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; gap: 5px; font-weight: bolder; } .text_welcome { font-size: 18px; } .second_welcome { color: #8b8084; font-weight: bolder; text-align: center; line-height: 17px; } .flex_authorization_page { height: 87%; display: flex; width: 100%; align-items: center; flex-direction: column; justify-content: center; } .line_social { background: #373b3c; height: 3px; width: 70%; border-radius: 150%; display: flex; margin-bottom: 5px; margin-top: 5px; justify-content: center; align-items: center; } .circle_social { background: #38343a; width: 16px; box-shadow: 0px 10px 40px #ff7e7bcc; height: 16px; border: solid 3px #ff7e7b; display: flex; border-radius: 50%; align-items: center; justify-content: center; } .circle_in_social { width: 4px; height: 4px; display: block; background: #fff; border-radius: 50%; } .privacy-policy { font-size: 12px; padding: 9px 11px; font-weight: 600; text-align: center; line-height: 18px; color: #7f7779; } .info_discount { padding: 20px; border: dashed 1px #5a6162; border-radius: 15px; background: #4b40447a; } .flex_discount { margin-bottom: 6px; display: flex; gap: 7px; align-items: center; } .flex_discount i{ font-size: 18px; color: #ff8c86; } .flex_discount span{ font-weight: bold; font-size: 14px; } .text_discount_info { color: #a4aaab; font-size: 11px; font-weight: bold; line-height: 16px; display: block; } .left_auth_block { display: flex; gap: 25px; flex-direction: column; } .text_auth_block { font-size: 60px; font-weight: 500; gap: 10px; line-height: 80px; display: flex; letter-spacing: 1px; flex-direction: column; } .future_text { font-size: 23px; border-radius: 50px; text-shadow: #00000085 1px 0 10px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); box-shadow: 0px 10px 40px #ff7f7b54; width: auto; font-weight: 600; color: #ffffff; display: inline-flex; padding: 1px 50px; } .text_description_auth { color: #7d7379; font-size: 15px; display: block; line-height: 22px; font-weight: bolder; } .flex_auth_text { display: flex; align-items: center; gap: 15px; } .site_name_auth { padding: 17px 30px; border: solid 1px #433d40; border-radius: 50px; color: #7b787a; width: fit-content; font-size: 15px; font-weight: bold; } .text_social { color: #fff; font-weight: bold; font-size: 16px; } .desp_social { font-weight: bold; color: #7b7677; font-size: 13px; } .recovery_back { display: flex; gap: 8px; align-items: center; border: solid 1px #494e4f; border-radius: 50px; padding: 7px; margin-bottom: 20px; } .active_recovery { cursor: pointer; height: 50px; width: 100%; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); box-shadow: 0px 10px 40px #ff7f7b54; display: flex; font-weight: 600; text-shadow: #00000085 1px 0 10px; border-radius: 50px; align-items: center; transition: 0.2s; justify-content: center; } .back_recovery { cursor: pointer; height: 50px; display: flex; font-weight: 600; border-radius: 50px; width: 100%; color: #8d8487; align-items: center; transition: 0.2s; justify-content: center; } .back_recovery:hover { background: #424849; color: #fff; } .flex_social_text { display: flex; flex-direction: column; margin-left: 10px; line-height: 18px; } .stable i { border-radius: 50px; font-size: 14px; color: rgb(255 211 221); display: flex; padding-left: 1px; width: 26px; height: 26px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #f99fb19e 0, #fe95440d 170%)); align-items: center; justify-content: center; } .stable { display: flex; position: relative; backdrop-filter: blur(2px); letter-spacing: 1px; gap: 10px; background: linear-gradient(4deg, #fe876424 0%, #b7788661 55%); padding: 6px 16px 6px 6px; align-items: center; font-size: 8px; color: rgb(255 213 224); font-weight: 600; border-radius: 50px; } .circle_stats { width: 9px; display: block; height: 9px; position: relative; float: right; border-radius: 50%; border: solid 2px #61686a; margin-top: -26px; left: 4px; background: #3f4445; } .flex_online_block { display: flex; align-items: center; border-radius: 50px; padding: 3px 4px; background: #414647; } .arrow_users_top { background: #666e70; height: 33px; width: 33px; border: solid 3px #414647; color: #c5babf; margin-left: -2px; font-size: 17px; display: flex; z-index: 1; border-radius: 50px; justify-content: center; align-items: center; } .img_back_friends { position: relative; filter: blur(6px); opacity: 0.3; z-index: 0; margin-bottom: -55px; margin-left: -10px; width: 52px !important; height: 52px !important; } .img_back_user { position: relative; filter: blur(6px); opacity: 0.3; z-index: 0; border-radius: 14px; margin-bottom: 10px; margin-right: -59px; margin-left: -8px; width: 52px !important; height: 52px !important; } .img_back_head { position: relative; filter: blur(6px); opacity: 0.3; margin-bottom: -10px; margin-right: -53px; right: 10px; width: 40px !important; height: 40px !important; } .flex_profile_top { display: flex; gap: 8px; align-items: center; } .btn_admin_menu { width: 45px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); text-shadow: #000000d4 1px 0 10px; transition: 0.2s; height: 45px; font-size: 19px; display: flex; border-radius: 11px; align-items: center; justify-content: center; } .btn_admin_menu:hover { opacity: 0.7; font-size: 19px; } input.form_control_auth, .custom-file label.form_control_auth, input[type="file"], .custom-file label[type="file"], select.form_control_auth, select[type="file"] { padding: 6px 3px; line-height: 40px; } input.form_control_auth::-webkit-input-placeholder, .custom-file label.form-control::-webkit-input-placeholder, input[type="file"]::-webkit-input-placeholder, .custom-file label[type="file"]::-webkit-input-placeholder, select.form_control_auth::-webkit-input-placeholder, select[type="file"]::-webkit-input-placeholder { font-size: 13px; color: #ffffff; } input.form_control_auth:-ms-input-placeholder, .custom-file label.form_control_auth:-ms-input-placeholder, input[type="file"]:-ms-input-placeholder, .custom-file label[type="file"]:-ms-input-placeholder, select.form_control_auth:-ms-input-placeholder, select[type="file"]:-ms-input-placeholder { font-size: 13px; color: #ffffff; } input.form_control_auth::-ms-input-placeholder, .custom-file label.form_control_auth::-ms-input-placeholder, input[type="file"]::-ms-input-placeholder, .custom-file label[type="file"]::-ms-input-placeholder, select.form_control_auth::-ms-input-placeholder, select[type="file"]::-ms-input-placeholder { font-size: 13px; color: #ffffff; } input.form_control_auth::placeholder, .custom-file label.form-control::placeholder, input[type="file"]::placeholder, .custom-file label[type="file"]::placeholder, select.form_control_auth::placeholder, select[type="file"]::placeholder { font-size: 11.5px; color: #81777b; } /* source: templates/cs27Reg/css/style_sdg.css */ @media (max-width: 991.99px) { .block_buy_store_flex { flex-direction: column; } .left_buy_store { flex-direction: column; } .block_info_stores_left { width: 100% !important; } .right_buy_store { width: 100% !important; } .left_block_total_store { width: 100% !important; } .block_total_store { flex-direction: column; } .flex_prem_card_store { flex-direction: column; } .flex_info_card_left info { margin-bottom: 20px; } .section_store_card { display: flex !important; flex-direction: column; } } .bind-list { display: flex; flex-direction: column; gap: 10px; margin-top: -20px; } .flex_prem_card_store { display: flex; gap: 10px; } .prem_card_store { width: 100%; background: radial-gradient(100% 100% at 50% 0, #52585a 0, #393d3e 150%); border-radius: 15px; position: relative; overflow: hidden; padding: 18px; } .prem_card_store i {position: absolute;font-size: 105px;transform: rotate(336deg);right: -25px;display: unset;top: -15px;background: -webkit-linear-gradient(#5f6667, #695d610f);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .flex_under_card_prem { font-weight: 600; display: flex; gap: 3px; flex-direction: column; } .flex_under_card_prem span { font-size: 14px; position: relative; } .flex_under_card_prem text { font-size: 11px; line-height: 13.5px; color: #a1999b; position: relative; } .flex_total_header_store { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } .flex_t_total_store_left { height: 36px; display: flex; font-weight: 600; border-radius: 50px; gap: 10px; background: radial-gradient(100% 100% at 50% 0, #9abc6540 0, #738c4b21 150%); align-items: center; } .price_current { height: 100%; border-radius: 50px; padding: 0px 20px; font-size: 12px; position: relative; overflow: hidden; display: flex; background: radial-gradient(100% 100% at 50% 0, #9bbd66 0, #29331b 250%); align-items: center; justify-content: center; } .price_current::after { content: ""; position: absolute; top: -50%; left: -100%; width: 50%; height: 200%; transform: rotate(30deg); background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); animation: tag-shine 13s linear infinite; } @keyframes tag-shine { 0% { left: -100%; } 4% { left: 200%; } 100% { left: 200%; } } .price-discount { background: radial-gradient(100% 100% at 50% 0, #9abc6540 0, #738c4b21 150%); border-radius: 50px; padding: 4px 8px; font-size: 11px; color: #9aba68; } .price_full { color: #90b15c; position: relative; margin-right: 15px; } .price_full:after { content: ""; height: 1.4px; background: #90b15c; width: 110%; top: 50%; left: -3px; display: block; position: absolute; } .flex_l_total_store_left { display: flex; flex-direction: column; line-height: 17px; } .flex_l_total_store_left text { font-size: 11.5px; color: #898184; font-weight: 600; } .block_total_store { background: linear-gradient( 1deg, #1a1c1c 30%, #303435 100%); padding: 22px; border-radius: 20px; display: flex; gap: 20px; } .left_block_total_store { width: 80%; } .l_total_store_left { display: flex; flex-direction: column; gap: 7px; } .total_info_head { font-size: 16px; font-weight: 600; } .info_total_text span { display: flex; gap: 6px; align-items: center; } .info_total_text span i{color: #b9b0b3;font-size: 13px;width: 24px;display: flex;border-radius: 50px;height: 24px;background: radial-gradient(100% 100% at 50% 0, #5c6364 0, #3e4243 150%);align-items: center;justify-content: center;} .info_total_text { display: flex; line-height: 15px; color: #978f92; padding-bottom: 7px; border-bottom: dashed 1px #414647; font-weight: 600; justify-content: space-between; align-items: center; } .info_total_text b { color: #fff; } .right_block_total_store { width: 100%; border-radius: 20px; padding: 15px; background: linear-gradient(15deg, #313536 30%, #3f4344 100%); } .flex_sbn_store_priv { display: flex; gap: 8px; flex-direction: column; } .btn_opisanie_card { background: #ffffff00; padding: 14px; gap: 5px; display: flex; color: #fff; font-size: 10px; border: solid 1px #635b5d; border-radius: 10px; justify-content: center; align-items: center; } .btn_opisanie_card:hover { color: #fff; font-size: 10px; background: #fe7b80; border: solid 1px #fe7b80; } .btn_opisanie_card i { color: #ffff; position: relative !important; transform: unset !important; right: unset !important; -webkit-text-fill-color: unset !important; background: none !important; background-clip: unset !important; top: unset !important; font-size: 16px !important; } .block_info_stores_left .bxs-star { position: absolute; font-size: 105px; transform: rotate(336deg); right: -25px; display: unset; top: -15px; background: -webkit-linear-gradient(#5c6364, #655b5e1a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .flex_info_card_left { display: flex; height: max-content; line-height: 18px; font-weight: 600; flex-direction: column; } .flex_info_card_left span { font-size: 11.5px; color: #a59ea0; padding-bottom: 6px; } .flex_info_card_left text { font-size: 16px; } .flex_info_card_left info { margin-top: 10px; font-size: 11.5px; line-height: 15px; color: #a59ea0; } .block_info_stores_left infos { background: radial-gradient(100% 100% at 50% 0, #98ba6440 0, #98ba6414 150%); padding: 14px; text-transform: uppercase; font-size: 9px; gap: 5px; margin-top: 15px; line-height: 12px; color: #ffffff; display: flex; border-radius: 11px; } .block_info_stores_left infos i{ background: -webkit-linear-gradient(#a1c766, #576d36); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 25px; } .block_info_stores_left { display: flex; position: relative; overflow: hidden; width: 85%; padding: 20px; background: radial-gradient(100% 100% at 50% 0, #4b5152 0, #393d3e 150%); border-radius: 17px; flex-direction: column; justify-content: space-between; } .row_stores_label { display: flex; gap: 10px; margin-top: 10px; margin-bottom: 20px; } .bind-card { position: relative; display: flex; align-items: center; gap: 13px; margin-bottom: 0px; padding: 13px 13px; border-radius: 14px; background: #181f3700; border: 1px solid #44494a; cursor: pointer; transition: .25s; overflow: hidden; } .bind-card:hover { border-color: #515758; transform: translateY(-2px); background: #272a2a; } .bind-card:hover .bind-icon { background: #4b5152; color: #ffffff; } .bind-card input { display: none; } .bind-icon { width: 38px; height: 38px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #3f4344; color: #90898c; font-size: 17px; transition: .25s; } .bind-text { flex: 1; line-height: 16px; } .bind-title { color: #fff; font-size: 12px; font-weight: 700; margin-bottom: 0px; } .bind-desc { color: #847d7f; font-size: 11px; line-height: 14px; font-weight: 600; } .bind-check { position: absolute; top: 10px; right: 10px; width: 17px; height: 17px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: radial-gradient(100% 100% at 50% 0, #9bbd66 0, #29331b 250%); color: #fff; font-size: 6px; opacity: 0; transform: scale(.5); transition: .25s; } .bind-card:has(input:checked) { background: #ff7d7e0a; border-color: #ff7b81; box-shadow: 0 0 0 1px #ff7b817a, 0 0 25px #ff7b8121; } .bind-card:has(input:checked) .bind-icon { background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%); color: #fff; } .bind-card:has(input:checked) .bind-check { opacity: 1; transform: scale(1); } .bind-card, .bind-card *, .bind-check, .bind-icon { transition: .25s ease; } .buttons_tarifs { display: flex; flex-direction: column; gap: 7px; width: 100%; } .line_head_stores { display: block; height: 2px; width: 40%; background: #43494a; } .number_head_line { font-size: 14px; color: #fff; } .header_stores { margin-bottom: 10px; display: flex; color: #999194; font-size: 11px; justify-content: space-between; font-family: "Unbounded", sans-serif; align-items: center; } .button_tarif { width: 100%; display: flex; align-items: center; gap: 14px; padding: 16px 18px; background: #454a4b; border: 1px solid #454a4b; border-radius: 12px; cursor: pointer; transition: .2s; text-align: left; justify-content: flex-start; } .button_tarif:hover { background: #4e5455; border: 1px solid #4e5455; } .button_tarif.active { background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%); } .button_tarif.active:hover .button_tarif_discount { background: #00000030; color: #ffffff; } .button_tarif.active .button_tarif_discount { background: #00000030; color: #ffffff; } .button_tarif.active .button_tarif_period {color: #ffffff;font-size: 10px;font-weight: 400;font-family: "Unbounded", sans-serif;} .button_tarif_circle { width: 16px; height: 16px; border: 2px solid #796e72; border-radius: 50%; position: relative; flex-shrink: 0; } .button_tarif.active .button_tarif_circle { border-color: #ffffff94; } .button_tarif.active .button_tarif_circle::after { content: ""; width: 4px; height: 4px; background: #ffffff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .button_tarif_text { display: flex; position: relative; align-items: flex-start; gap: 7px; width: 100%; flex-wrap: wrap; line-height: 9px; justify-content: space-between; flex-direction: column; } .button_tarif_period { color: #a3999c; font-size: 10px; font-weight: 400; font-family: "Unbounded", sans-serif; } .button_tarif_price { font-size: 10.5px; font-weight: 500; color: #ffffff; font-weight: 400; font-family: "Unbounded", sans-serif; } .button_tarif:hover .button_tarif_discount { background: #8a9395; color: #fff5f9; } .button_tarif_discount { font-size: 10px; font-weight: 600; border-radius: 7px; padding: 8px 10px; transition: 0.2s; right: 0px; position: absolute; background: #5d6465; color: #bbb2b5; } .section_store_card { display: grid; gap: 20px; margin-bottom: 20px; grid-template-columns: repeat(3, 1fr); } .block_buy_store { background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%); padding: 20px; border-radius: 20px; margin-bottom: 15px; } .block_info_stores {width: 100%;} .block_info_stores p{color: #99a5d1;font-size: 11.5px;line-height: 18px;} .block_buy_store_flex { display: flex; gap: 20px; } .left_buy_store { width: 100%; display: flex; gap: 15px; border-radius: 20px; padding: 15px; background: linear-gradient(15deg, #313536 30%, #333738 100%); } .right_buy_store { width: 70%; } .first_flex_info_card { display: flex; gap: 5px; flex-direction: column; align-items: center; } .btn_card_store { background: radial-gradient(100% 100% at 50% 0, #414648 0, #303435 150%); width: 100%; height: 46px; font-size: 11px; display: flex; gap: 5px; color: #fff; border-radius: 11px; align-items: center; margin-top: 12px; justify-content: center; } .btn_card_store i { font-size: 16px; } .name_image_back { position: absolute; margin-left: -3px; padding-top: 10px; top: 58px; text-shadow: #fe7f7840 1px 0 48px; background: -webkit-linear-gradient(#ffffff, #fe7f7800); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "Unbounded", sans-serif; font-size: 51px; } .hot_price_store_card { background: #97bb5d21; border-radius: 50px; font-size: 9.4px; margin-bottom: 4px; color: #9dc164; padding: 2px 15px 1px 15px; } .tag_action_card_store { background: #0000002e; padding: 4px 10px; border-radius: 50px; margin-right: -5px; font-size: 10px; margin-left: 3px; } .price_store_card { color: #fff; font-size: 11px; top: 12px; position: absolute; right: 12px; border-radius: 50px; padding: 5px 11px 5px 11px; background: radial-gradient(100% 100% at 50% 0, #9bbd66 0, #29331b 250%); text-shadow: #00000042 1px 0 10px; } .flex_card_info_store text { text-align: center; line-height: 15px; font-size: 11.5px; color: #898386; } .flex_card_info_store { padding: 23px; padding-top: 0px; display: flex; min-height: 168px; flex-direction: column; align-items: center; justify-content: space-between; } .image_card_store { height: 150px; border-radius: 19px; margin-bottom: -22px; padding-bottom: 15px; display: flex; gap: 30px; align-items: center; flex-direction: column-reverse; justify-content: flex-start; } .name_image { font-size: 51px; height: 130px; padding-top: 10px; z-index: 1; top: 55px; text-shadow: #fe7f78 1px 0 40px; position: relative; font-family: "Unbounded", sans-serif; background: -webkit-linear-gradient(#fe7f78, #00050c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .name_card { color: #ffffff; font-size: 12.5px; text-transform: uppercase; text-align: center; font-weight: 400; font-family: "Unbounded", sans-serif; } .card_privilege { border-radius: 18px; background: linear-gradient(1deg, #1a1c1c 30%, #333738 100%); position: relative; border: solid 1px #333738; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; } .card_privilege:hover { opacity: 0.7; } .store_cards_flex .section { background: #dedede00; height: auto; } .btn_edit_settings_a { position: absolute; right: 9px !important; top: 9px !important; transition: 0.2s all; display: flex; color: #b6acaf !important; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #555c5e 0, #454b4c 250%)) !important; z-index: 11; margin-top: 0px !important; height: 37px !important; border-radius: 10px !important; width: 37px !important; border: none; align-items: center; justify-content: center; } .btn_edit_settings_a:hover { opacity: 0.7; } .log_in_buton { background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%); color: #fff !important; padding: 0px 16px 0px 6px; font-size: 11px !important; gap: 8px; width: fit-content !important; display: flex !important; position: relative; margin-left: 4px !important; top: 11px !important; margin-right: 3px !important; border-radius: 50px; height: 42px !important; align-items: center; } .log_in_buton:hover { opacity: 0.7; } .log_in_buton i { height: 30px; width: 30px; background: #00000033; font-size: 16px !important; display: flex; top: 0px !important; color: #ffff !important; border-radius: 50px; align-items: center; justify-content: center; } .top_block_stats_player { display: flex; background: linear-gradient(15deg, #3c4041 30%, #404547 100%); background-size: cover; position: relative; overflow: hidden; height: 102px; padding: 15px; margin-top: 11px; border-radius: 15px; justify-content: space-between; flex-direction: column; } .top_block_stats_player .bx-trophy { position: absolute; font-size: 90px; top: 0px; right: -34px; color: #54494d99; transform: rotate(342deg); } .block_top_s_p { position: relative; } .top_block_stats_player .block_info_s_p i { border-radius: 50px; height: 18px; display: flex; width: 18px; font-size: 11px; align-items: center; justify-content: center; } .top_block_stats_player .block_info_s_p { color: #fff; display: flex; padding: 0px 9px 0px 4px; gap: 8px; width: fit-content; font-weight: 600; font-size: 11px; height: 26px; border-radius: 50px; justify-content: flex-start; align-items: center; border: solid 1px #606769; display: flex; background: #515759; flex-direction: row; } .top_block_stats_player .info_stats_top_p { margin-top: 55px !important; } .top_block_stats_player .info_stats_top_p { display: flex; margin-top: 0px; position: relative; bottom: 10px; width: 100%; justify-content: flex-start; } .none_img_top3 { position: absolute; width: 37px; height: 37px; display: flex; font-weight: 600; color: #998f94; left: 1px; font-size: 18px; border-radius: 50px; background: #525859; align-items: center; justify-content: center; } .login_s_t_p { display: flex ; align-items: center; font-weight: 600; position: absolute; left: 47px; } .login_s_t_p a { display: flex ; gap: 10px; align-items: center; position: relative; } .login_s_t_p img { width: 37px; height: 37px; margin-bottom: 5px; border-radius: 50px; margin-left: -46px; } .login_s_t_p a i { font-style: normal; position: relative; top: -10px; } .abs_info_stats { font-weight: 600; color: #978d91; transition: 0.2s; position: absolute; top: 16px; left: 47px; } .info_stats_top_p { display: flex ; gap: 7px; margin-top: 5px; } .block_info_s_p i { border-radius: 50px; color: #fff; text-shadow: #000000d4 1px 0 7px; height: 18px; display: flex ; width: 18px; font-size: 10px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 150%)); align-items: center; justify-content: center; } .block_info_s_p .bx-trophy { border-radius: 50px; color: #fff; text-shadow: #000000d4 1px 0 7px; height: 18px; display: flex ; position: relative; width: 18px; right: 0px; transform: none; font-size: 10px; background: linear-gradient(34deg, #386650 0%, #4acf8f 55%); align-items: center; justify-content: center; } .abs_info_stats:hover { color: #ffffff; } .block_t_u .card_stats_top_player { display: none; } .block_t_u .col-lg-2 { display: none; } .block_t_u .col-lg-1 { display: none; } .block_t_u .col-lg-4 { display: none; } .not_activate_steam { display: flex; gap: 7px; font-weight: 600; align-items: center; color: #958d90; margin-left: 6px; } .not_activate_steam i { top: 0px !important; font-size: 26px !important; color: #81767a; } .block_profile_h_stats { transition: 0.2s all; } .left_profile_stats_player { position: relative; min-width: 300px; } .left_profile_stats_player span { font-weight: 600; position: absolute; left: 51px; font-size: 11px; cursor: pointer; top: 17px; color: #9f9a9b; } .btn_delete_player { border: none; background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%); height: 45px; padding: 0px 23px; border-radius: 10px; font-weight: 600; transition: 0.2s all; color: #fff; } .btn_delete_player:hover { opacity: 0.7; } .left_profile_stats_player i {font-style: normal;position: relative;top: -9px;font-size: 13px;} .left_profile_stats_player .user-profile { margin-left: 3px; display: flex; gap: 9px; align-items: center; } .left_profile_stats_player .block_profile_h_stats:hover { opacity: 0.7; } .left_profile_stats_player img{ width: 40px; height: 40px; transition: 0.2s all; border-radius: 10px; } .profile_stats_player { border-radius: 15px; background: linear-gradient( 359deg, #2b2f30 30%, #404445 100%); padding: 10px; margin-bottom: 8px; display: flex; justify-content: space-between; align-items: center; } .flex_servers_block_bms { display: flex; align-items: center; justify-content: space-between; } .block_select_servers_blocked_two { gap: 10px; padding: 13px 14px; border-radius: 14px; display: flex; background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%); margin-bottom: 20px; justify-content: space-between; flex-direction: column; } .vertical_navigation_bms { overflow: auto; display: flex; border-radius: 0px; gap: 7px; background: #fff0; align-items: center; padding-top: 10px; border-top: solid 1px #2a2e2f; margin-bottom: 0px; flex-wrap: wrap; } .vertical_navigation_bms li.active a { color: white; font-weight: 600; background: #404546; } .vertical_navigation_bms li a { line-height: 20px; padding: 6px; padding-right: 30px; font-size: 11px; font-weight: 600; display: flex; text-transform: uppercase; border-radius: 7px; background: #353939; color: #7b7477; transition: 0.2s; align-items: center; justify-content: space-between; } .vertical_navigation_bms li a:hover { background: #404546; color: #ffffff; } .vertical_navigation_bms li a:hover::before { background-color: #596061; } .vertical_navigation_bms li a::before { content: ''; position: relative; display: flex; width: 22px; min-width: 22px; min-height: 22px; height: 22px; transition: 0.2s all; font-size: 10px; border-radius: 6px; margin-right: 11px; background-color: #4a4f50; align-items: center; justify-content: center; } .vertical_navigation_bms li.active a::before { content: '-'; position: relative; display: flex; padding-bottom: 2px; width: 22px; min-width: 22px; min-height: 22px; height: 22px; color: #f78d94; font-size: 14px; border-radius: 6px; margin-right: 11px; background-color: #ff7b8440; justify-content: center; align-items: center; } .block_head_vert_al { display: flex; align-items: center; } .block_head_vert_al i { width: 45px; height: 45px; background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%); text-shadow: #000000d4 1px 0 7px; display: flex; border-radius: 12px; color: #ffffff; box-shadow: 3px 1px 0px 1px rgb(255 126 124 / 28%); margin-right: 17px; font-size: 19px; align-items: center; justify-content: center; } .flex_vert_al { display: flex; flex-direction: column; line-height: 17px; } .flex_vert_al span { color: #ffff; position: relative; font-size: 16px; font-weight: 600; } .flex_vert_al text { font-size: 12px; color: #a39a9f; font-weight: 600; } .text_referal { font-weight: bold; font-size: 12px; } .desp_referal { font-weight: bold; font-size: 11px; color: #a7adaf; text-align: center; width: 80%; line-height: 14px; } .number_referal { background: #4c5253; width: 30px; height: 30px; position: relative; margin-right: auto; display: flex; font-weight: bold; font-size: 11px; color: #a4b0c8; margin-top: -27px; top: 25px; border-radius: 8px; align-items: center; justify-content: center; } .referal_block_settings { display: flex; padding: 20px; background: linear-gradient(15deg, #383c3d 30%, #393e3f 100%); border-radius: 17px; width: 100%; flex-direction: column; align-items: center; } .referal_block_settings i { width: 42px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff759145 0, #fe95442e 250%)); height: 42px; border-radius: 10px; color: #ff9ba2; margin-bottom: 10px; font-size: 19px; display: flex; padding: 20px; flex-direction: column; align-items: center; justify-content: center; } .btn.focus,.btn:focus { box-shadow: none; } #result2 p { margin-bottom: 13px; } #result_api_reg p { text-align: center; line-height: 14px; margin-bottom: 10px; } .page_block { width: 800px; max-height: 500px; overflow: auto; padding: 10px; } .page_not_auth { display: flex; align-items: center; justify-content: center; height: 100%; } .btn_services_ok { transition: 0.2s all; border: none; border-radius: 8px; height: 40px; background: #434849; color: #ada1a6; font-weight: 600; text-transform: uppercase; font-size: 10px; } .btn_services_ok:hover { background: #505657; color: #ffffff; } .btn_services { transition: 0.2s all; border: none; border-radius: 8px; height: 40px; background: #434849; color: #ada1a6; font-weight: 600; text-transform: uppercase; font-size: 10px; } .btn_services:hover { background: #505657; color: #ffffff; } .modal_der { padding-bottom: 15px;width: 80%; } .te_pa { padding: 10px 10px 10px 0px; } .cookies_noty { position: fixed; z-index: 9999; left: 50%; bottom: 30px; transform: translateX(-50%); display: flex; font-weight: 600; backdrop-filter: blur(15px); overflow: hidden; max-width: 355px; background-color: #655a5e80; padding: 25px; border-radius: 16px; box-shadow: 0 6px 6px rgb(37 31 33 / 46%); flex-direction: column; } .cookies_noty i { position: absolute; font-size: 116px; transform: rotate( 259deg); right: -30px; bottom: -10px; background: -webkit-linear-gradient(#a3939969, #ffffff05); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .cookies_noty span { font-size: 12px; text-transform: uppercase; margin-bottom: 5px; } .cookies_noty text { font-size: 11px; line-height: 15px; color: #c3bbbe; margin-bottom: 10px; } .cookies_btn_flex { display: flex; gap: 7px; } .btn_cookie { transition: 0.2s; display: flex; padding: 0px 19px; border: none; background: radial-gradient(100% 100% at 50% 0, #8e9698 0, #43494a 250%); border-radius: 8px; cursor: pointer; font-size: 9.5px; font-weight: 600; color: #d0c4c8; text-transform: uppercase; height: 40px; align-items: center; justify-content: center; } .btn_cookie_yes { transition: 0.2s; display: flex; padding: 0px 19px; border: none; background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%); text-shadow: #000000a1 1px 0 10px; border-radius: 8px; cursor: pointer; font-size: 9.5px; font-weight: 600; color: #ffffff; text-transform: uppercase; height: 40px; align-items: center; justify-content: center; } .btn_cookie_yes:hover { opacity:0.7; } .btn_cookie:hover { opacity:0.7; color: #d0c4c8; } .text_sf_reg { font-size: 11px; line-height: 14px; } .text_sf_reg a{ color: #d7ced3; } .text_sf_reg a:hover{ color: #b4abb0; } .custom_checkbox_reg { border-radius: 13px; padding: 10px; gap: 10px; margin-bottom: 10px; display: flex; margin-top: 0px; border: solid 1px #3e4243; align-items: flex-start; font-size: 11.5px; font-weight: bold; color: #8a8186; } .btn_edit_settings_a i { position: relative; left: auto; top: auto; font-size: 15px; color: #ffffff; } #edit_user_discord_result { margin-bottom: -25px; margin-top: 15px; color: #ffb47a; font-weight: 600; text-transform: uppercase; font-size: 10px; } #edit_user_telegram_result { margin-bottom: -25px; margin-top: 15px; color: #ffb47a; font-weight: 600; text-transform: uppercase; font-size: 10px; } #edit_user_steam_id_result { margin-bottom: -25px; margin-top: 15px; color: #ffb47a; font-weight: 600; text-transform: uppercase; font-size: 10px; } #edit_user_prefix_result { margin-bottom: -25px; margin-top: 15px; color: #ffb47a; font-weight: 600; text-transform: uppercase; font-size: 10px; } #edit_user_name_result { margin-bottom: -25px; margin-top: 15px; color: #ffb47a; font-weight: 600; text-transform: uppercase; font-size: 10px; } #edit_user_nick_result { margin-bottom: -25px; margin-top: 15px; color: #ffb47a; font-weight: 600; text-transform: uppercase; font-size: 10px; } #edit_user_login_result { margin-bottom: -25px; margin-top: 15px; color: #ffb47a; font-weight: 600; text-transform: uppercase; font-size: 10px; } .flex_promo_text { gap: 5px; display: flex; transition: 0.2s; align-items: center; } .input_group_btn_banmut { position: absolute; right: 0px; } .btn_time_sd { width: 20px; height: 20px; font-size: 10px; border: none !important; background: #ffffff00; } .btn_time_sd i{ width: 20px; height: 20px; font-size: 8px !important; font-weight: 300; border-radius: 5px; background: #515759; display: flex; color: #d7cad0 !important; align-items: center; justify-content: center; } .btn_time_sd i:hover{ background: #5a6163; color: #ffffff !important; } .col_bamb { width: 100%; gap: 8px; display: flex; flex-direction: column; } .modal_bans { display: flex; gap: 15px; } .text_place_viget { width: fit-content; background: #353939; padding: 9px 5px 9px 15px; font-weight: 600; border-radius: 50px; margin-bottom: 10px; color: #999196 !important; } .donate_place_viget { background: #484d4e; padding: 7px 15px; border-radius: 50px; margin-left: 5px; color: #fff; } .donate_place_viget strong{ color: #ff9b72 !important; } #user-nav-tabs { margin-bottom: 4px; } .flex_stats_player_progress { display: flex; gap: 8px; flex-direction: column; } .buy_purse { transition: 0.2s; color: #ffff; background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%); text-shadow: #000000d4 1px 0 10px; border: none; padding: 15px 20px; height: 55px; position: relative; font-size: 11px; border-radius: 11px; top: 1px; font-weight: 600; } .buy_purse:hover { opacity: 0.7; } .flex_tr_ticket .label { padding: 0px; border-radius: 7px; background-color: #f5f5f500 !important; color: #ffffff !important; border: none; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .label { padding: 8px 10px; border-radius: 7px; background-color: #f5f5f52b; color: #ffffff; border: none; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .label.label-primary { background-color: #0c66ff26; color: #fff; border: 0; } .label.label-success { background-color: #a8ff8617; color: #ff8686 !important; =: #cde8c3; } .label.label-info { background-color: #e1effa; color: #7dc794 !important; border-color: #cadded; } .label.label-warning { background-color: #ffd2781f; color: #f1cb7e; } .label.label-danger { background-color: #ff818129; color: #ff7979; } .flex_player_stats_top { display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr); } .army_block_stats_plyer { display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr); background: #2e3132; padding: 20px; border-radius: 20px; margin-top: 15px; } .stats_player_podblock { display: flex; gap: 8px; flex-direction: column; } .info_stats_top_p { display: flex; margin-top: 0px; position: relative; bottom: 10px; width: 100%; justify-content: center; } .block_info_s_p { color: #fff; display: flex; padding: 0px 9px 0px 4px; gap: 8px; width: 100px; font-weight: 600; font-size: 11px; height: 26px; border-radius: 0px; justify-content: flex-start; flex-direction: row-reverse; align-items: center; } .flex_player_top_stats .card_stats_top_player:nth-of-type(1) .text_mini_info { color: #ada085; } .flex_player_top_stats .card_stats_top_player:nth-of-type(2) .text_mini_info { color: #9d969d; } .flex_player_top_stats .card_stats_top_player:nth-of-type(3) .text_mini_info { color: #ad9492; } .flex_player_top_stats .card_stats_top_player:nth-of-type(1) .block_info_s_p i{ color: #c7b08e; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ebbc5745 0, #ebbc5705 150%)); } .flex_player_top_stats .card_stats_top_player:nth-of-type(2) .block_info_s_p i{ color: #b2b1bb; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #b6bccf73 0, #b6bccf0d 150%)); } .flex_player_top_stats .card_stats_top_player:nth-of-type(3) .block_info_s_p i{ color: #c9a08d; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #a85f3aa1 0, #45291b14 150%)); } .flex_player_top_stats .card_stats_top_player:nth-of-type(1) .line_stats_mini { background: #55483f; } .flex_player_top_stats .card_stats_top_player:nth-of-type(2) .line_stats_mini { background: #5b555b; } .flex_player_top_stats .card_stats_top_player:nth-of-type(3) .line_stats_mini { background: #594443; } .block_info_s_p i { border-radius: 50px; height: 25px; display: flex; width: 25px; font-size: 11px; align-items: center; justify-content: center; } .flex_minii { font-family: "Unbounded", sans-serif; display: flex; line-height: 12px; flex-direction: column; align-items: flex-end; } .name_mini_info { font-size: 10px; } .text_mini_info { font-size: 8px; font-weight: 400; } .line_stats_mini { display: block; width: 1px; height: 32px; } .go_stats_info { width: 100%; position: absolute; height: 50px; z-index: 2; } .stats_card_place { font-weight: 600; font-size: 52px; letter-spacing: 1px; right: -5px; color: #ffffff12; line-height: 16px; position: absolute; font-family: 'Unbounded'; } .login_user_top { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal; max-width: 100%; color: #fff; font-size: 14px; } .user-profile-login{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal; max-width: 100%; color: #fff !important; font-size: 14px; } .user_profile_data { display: flex; flex-direction: column; align-items: center; gap: 10px; } .stats_card_header { display: flex; flex-direction: column; gap: 16px; position: relative; align-items: center; overflow: hidden; border-radius: 20px; padding: 30px 0px; justify-content: space-between; } .stats_card_profile { flex-shrink: 1; } .user-profile.user-profile-lg .user-profile-avatar { width: 40px; height: 40px; } .user-profile .user-profile-avatar { width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0; } .image-placeholder { position: relative; width: 60px; height: 60px; display: flex; align-items: center; font-size: 20px; border-radius: 14px; justify-content: center; } div[class*=place-border].place-border-1, img[class*=place-border].place-border-1 { box-shadow: 0 0 0 3px rgb(96 77 52), 0 0 0 5px rgb(251, 194, 71); background: #81684b; } div[class*=place-border].place-border-1.image-placeholder span, img[class*=place-border].place-border-1.image-placeholder span { color: rgb(251, 194, 71); } div[class*=place-border].place-border-2, img[class*=place-border].place-border-2 { box-shadow: 0 0 0 3px rgb(91 87 95), 0 0 0 5px rgb(182, 188, 207); background: #706d77; } div[class*=place-border].place-border-2.image-placeholder span, img[class*=place-border].place-border-2.image-placeholder span { color: rgb(182, 188, 207); } div[class*=place-border].place-border-3, img[class*=place-border].place-border-3 { box-shadow: 0 0 0 3px rgb(95 63 52), 0 0 0 5px rgb(255, 133, 67); background: #7b5547; } div[class*=place-border].place-border-3.image-placeholder span, img[class*=place-border].place-border-3.image-placeholder span { color: rgb(255, 133, 67); } .user_profile_card_stats { display: flex; gap: 10px; flex-direction: column; align-items: center; } .user_profile_card_stats img{width: 60px;height: 60px;border-radius: 14px;} .rank { width: 70px !important; height: 100% !important; border-radius: 0px !important; } .flex_player_top_stats .top_none{ display: none; } .card_stats_top_player { display: flex; flex-direction: column; border-radius: 22px; } .card_stats_top_player:hover { opacity: 0.8; } .flex_player_top_stats { display: grid; gap: 15px; margin-bottom: 20px; grid-template-columns: repeat(3, 1fr); } .flex_player_top_stats .card_stats_top_player:nth-of-type(1) { background: linear-gradient(1deg, #fbc24712 30%, #fbc24745 100%); order: 2; } .flex_player_top_stats .card_stats_top_player:nth-of-type(1) .user_profile_skill { background: #cd9f5838; color: #f3c359; padding: 8px 10px; border-radius: 7px; font-size: 11px; } .flex_player_top_stats .card_stats_top_player:nth-of-type(2) .user_profile_skill { background: #b6bccf38; color: #dee6ff; padding: 9px 10px; border-radius: 7px; font-size: 11px; } .flex_player_top_stats .card_stats_top_player:nth-of-type(3) .user_profile_skill { background: #ff854326; color: #ffa575; padding: 8px 10px; border-radius: 7px; font-size: 11px; } .flex_player_top_stats .card_stats_top_player:nth-of-type(2) { background: linear-gradient(1deg, #b6bccf21 30%, #b6bccf5e 100%); order: 1; } .flex_player_top_stats .card_stats_top_player:nth-of-type(3) {background: linear-gradient(1deg, #ff854312 30%, #ff854342 100%);order: 3;} .select-wrapper { position: relative; width: 250px; } .form_custom_select { width: 100%; border-radius: 50px; padding: 0px 20px; height: 50px; border: none; transition: 0.2s all; font-weight: 600; color: #ffff; background: #313536; -webkit-appearance: none; cursor: pointer; } .form_custom_select:hover { color: #ffff; background: #3a3f40; } .select-arrow { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #a19299; font-size: 13px; padding: 4px; pointer-events: none; border: none; } .select-arrow.active { color: #ff0000; } .dialog_m { position: relative; overflow: hidden; padding: 28px 58px 5px 10px !important; } .photo_profile { display: flex; align-items: center; } .flex_viget { line-height: 13px; height: fit-content; display: flex; flex-direction: column; } .flex_online_us { gap: 6px; display: flex; align-items: center; padding: 8px; } .flex_enter_slide { display: flex; align-items: flex-end; } .enter_card_slider { font-size: 8.5px; background: #6b5d6294; padding: 3px 9px; border: dashed 1px #817579; color: #c5b9bd; display: flex; height: fit-content; width: 100%; margin: 7px; border-radius: 50px; transition: 0.2s all; justify-content: center; align-items: center; } .map_player_flex { display: flex; gap: 4px; align-items: center; } .game_name_server { color: #a9a0a6; display: flex; line-height: 12px; font-weight: 600; margin-bottom: 5px; flex-direction: column; font-size: 10.7px; } .flex_down_server { display: flex; align-items: center; gap: 3px; margin-left: -4px; width: fit-content; } .flex_down_server:hover { opacity: 0.6; } .bar .progress { bottom: 5px; height: 4px; position: initial; width: unset; } .bar { position: relative; width: 16px; transform: rotate( 270deg); } .general_online_block { width: 40%; border-radius: 16px; display: flex; position: relative; background: linear-gradient(1deg, #454a4b 30%, #555c5d 100%); box-shadow: 0px 5px 15px #21212552; flex-direction: column; align-items: center; justify-content: center; } .general_online_block .bx-info-circle { font-size: 16px; color: #9f9398; transition: 0.3s all; top: 8px; cursor: help; position: absolute; right: 7px; } .online_number { font-family: "Unbounded", sans-serif; } .progress_full_block { position: relative; display: flex; align-items: center; margin-bottom: 7px; justify-content: center; } .progress_full_block i { position: absolute; font-size: 17px; color: #c3e987; right: 14px; top: 14px; animation: blinks 2s infinite; } @keyframes blinks { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } } .sdg_online { font-size: 12px; color: #ffffff; font-weight: 350; } .now_number { margin-bottom: 2px; display: block; } .max_online { color: #a39a9d; font-size: 9px; } .online_desp { text-align: center; line-height: 11px; font-size: 9px; font-weight: 460; width: 90px; color: #a3b0c8; font-family: "Unbounded", sans-serif; } .heading_block_chat { display: flex; justify-content: space-between; margin-bottom: 15px; align-items: center; background: #393d3e; border-radius: 12px; padding: 10px; } .flex_heading_chat { display: flex; gap: 12px; align-items: center; } .flex_heading_chat i { width: 38px; height: 38px; background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%); text-shadow: #000000d4 1px 0 7px; display: flex; border-radius: 10px 10px 10px 10px; color: #ffffff; box-shadow: 3px 1px 0px 1px rgb(255 126 124 / 28%); font-size: 16px; align-items: center; justify-content: center; } .heading_chat_info { display: flex; flex-direction: column; font-weight: 600; } .double_btns_chat { gap: 7px; display: flex; } .heading_chat_info span {font-size: 13px;color: #fff;} .heading_chat_info text { font-size: 11px; line-height: 13px; color: #ada2a7; } .tooltip-inner { border-radius: 8px; font-size: 10.4px; line-height: 12px; font-family: "Montserrat", sans-serif; padding: 13px 14px; text-align: left; font-weight: 600; border: solid 1px #44494a; background-color: rgb(54 48 50); color: #d0bfc5; } .tooltip .arrow { display: none; } .absolute_rank_mini { position: absolute; right: 20px; } .copy_adress { font-size: 11px; width: 28px; position: relative; height: 28px; background: #ffffff36; display: flex; color: #ffffff !important; border-radius: 50px; align-items: center; justify-content: center; } .copy_adress:hover { opacity: 0.7; color: #ffffff !important; } .map_back_server { width: 100%; height: 250px; box-shadow: inset 260px 30px 150px 0px #404546; left: 0px; background-size: cover !important; position: absolute; opacity: 0.7; } .steam_icon { background: #ffffff1c; width: 47px; font-size: 19px; transition: .2s all; display: flex; color: #898384; height: 47px; border-radius: 50px; align-items: center; justify-content: center; } .steam_icon:hover { background: #625682; color: #ffffff; } .btn_unblock_admin { z-index: 3; right: 6px; width: 185px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7c7f 0, #b55658 100%)); text-shadow: #00000069 1px 0 7px; border: none; height: 42px; font-size: 10.5px; display: flex; top: 7px; color: #fff; position: absolute; font-weight: 600; border-radius: 10px; transition: 0.2s; align-items: center; justify-content: center; } .btn_unblock_admin:hover { opacity: 0.7; } .btn_smiles { border: none; text-shadow: #000000ba 1px 0 11px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); color: #ffffff; font-family: 'Montserrat'; font-size: 11px; transition: 0.2s all; width: 100%; font-weight: 600; height: 42px; border-radius: 10px; } .btn_smiles:hover { opacity: 0.7; } .head_mini_stats { color: #fff; font-size: 12px; display: block; margin-bottom: 10px; } .ending_end { display: flex; flex-direction: column; line-height: 15px; font-family: 'Montserrat'; margin-right: 5px; } .sortition_end { color: #ffff; font-size: 12px; } .sortition_end_down { color: #a79d9f; } .winner_sortition { font-weight: bold; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%)); position: relative; text-shadow: #00000052 1px 0 7px; height: 45px; line-height: 45px; font-size: 12px; padding: 0px 40px; border-radius: 10px; text-align: center; } .winner_sortition_down { margin-top: 0px; color: #978d92; margin-bottom: -10px; } .flex_winner { display: flex; flex-direction: column; align-items: center; } .double_btns { display: flex; gap: 9px; align-items: center; } #users_online_number { background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #62696b 0, #484e4f 100%)); text-shadow: #000000a1 1px 0 10px; width: 28px; height: 28px; margin-left: 5px; display: flex; color: #b1a0a6; border-radius: 9px; font-size: 10px; align-items: center; justify-content: center; } .online_now_head { height: 38px; border: none; display: flex; transition: 0.2s; background: #2c252996; padding: 0px 5px 0px 5px; font-weight: 600; gap: 8px; color: #ffffff; font-size: 11.5px; border-radius: 10px; align-items: center; justify-content: center; } .online_now_head i{ text-shadow: #000000d4 1px 0 7px; width: 28px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); height: 28px; display: flex; color: #fff; border-radius: 9px; font-size: 13px; align-items: center; justify-content: center; } .padding_lang { padding: 10px 0px; } .fixed_wiget_inv { display: block; height: 135px; position: absolute; z-index: 11; width: 300px; } .row_widget { display: flex; justify-content: space-between; gap: 25px; } .block_left_winget { width: 100%; } .block_right_winget { width: 100%; } .disp_widget { padding: 25px; border-radius: 20px; height: 100%; border: solid 1px #484c56; backdrop-filter: blur(3px); background: linear-gradient(15deg, #3f424b 30%, #494d57 100%); font-size: 12px; color: #91959f; font-weight: 600; } .disp_widget b{ font-size: 12px; color: #bec1c7; font-weight: 600; } .block_head_widget { margin-bottom: 15px; border-radius: 10px; color: #fff; gap: 10px; display: flex; font-size: 17px; font-weight: 600; align-items: center; } .btn_server_play_cog { display: flex; gap: 6px; flex-direction: column; background: #00000029; border-radius: 50px; padding: 5px; backdrop-filter: blur(3px); align-items: center; } .referal_block_setting { display: flex; gap: 20px; margin-bottom: 20px; } .invis_case { display: block; position: absolute; width: 100%; height: 100%; z-index: 1; } .back_img_chat { margin-right: 10px; padding: 3px; display: flex; border-radius: 10px; height: fit-content; background: #ffffff00; align-items: center; justify-content: center; } .avatar_login { display: flex; align-items: flex-end; gap: 7px; } .text_chat {color: #ada6a9;line-height: 14px;max-width: auto;} .dropdown_language { height: 40px; position: relative; } .dropdown_language .select { color: #ffffff; line-height: 34px; height: 40px; padding: 0px 10px 0px 10px; display: flex; position: relative; z-index: 1; gap: 8px; font-size: 11px; font-weight: 600; transition: 0.2s; cursor: pointer; border-radius: 50px; background-color: #414647 !important; background: linear-gradient(360deg, #2472fe00 0%, #675f62 458%); align-items: center; justify-content: center; } .dropdown_language .select:hover { background-color: #505657 !important; background: linear-gradient(360deg, #2472fe00 0%, #545b5c 458%); } .dropdown_language .select:hover i{ background: #868f91; transform: rotate(90deg); color: #ffffff !important; } .dropdown_language .select i{ z-index: 1111; transition: 0.2s; background: #596062; display: flex !important; width: 18px; transform: rotate(270deg); border-radius: 50px; height: 18px; margin-left: 1px; font-size: 12px !important; color: #bfb4b9 !important; align-items: center; justify-content: center; } .dropdown_language .dropdown-menu_language { max-width: 180px; background: linear-gradient(15deg, #252829 30%, #323637 100%); min-width: 180px; position: absolute; box-shadow: 0px 5px 10px #13151a4f; z-index: 1100; top: 67px; border-radius: 15px; margin: 0px !important; padding: 0px 11px !important; display: none; } .dropdown_language .dropdown-menu_language li { transition: all .2s ease-in-out; cursor: pointer; width: -webkit-fill-available; border-radius: 10px; font-size: 11px; font-weight: 600; margin: 0px !important; padding: 12px; } .dropdown_language .dropdown-menu_language li:hover { background: #454a4b; } .flag_img { margin-right: 4px; width: 17px; height: 17px; position: relative; top: -1px; } .dropdown_language .dropdown-menu_language { padding: 0; list-style: none } #selected-lang-image { width: 21px; height: 21px; } .line_promo_up { display: flex; width: 100%; gap: 5px; box-shadow: 0px 5px 30px #ff778c; } .input_promo { background-color: #dc778600 !important; border: dashed 1px #f27c6e !important; background: linear-gradient(23deg, #ff768d29 0%, #fe827238 55%); color: #ffff !important; padding-left: 45px !important; } .color_text_promo { left: 45px !important; color: #ffffffe0 !important; } .striped-circle { aspect-ratio: 1; border-radius: 50%; height: 70px; top: -30px; position: absolute; width: 100%; --stripe-color: #ffa66136; background: repeating-linear-gradient(90deg, var(--stripe-color), var(--stripe-color) 1px, transparent 1px, transparent 3px); -webkit-mask-image: radial-gradient(closest-side, black, transparent); mask-image: radial-gradient(closest-side, black, transparent); } .micro_line { display: block; width: 20px; border-radius: 50px; background: #e2788b6e; height: 3px; } .big_line { display: block; width: 100%; background: linear-gradient(358deg, #ff9b46 0%, #e5768d 55%); border-radius: 50px; height: 3px; } .progress-circle { width: 60px; transition: 0.2s; display: flex; height: 60px; position: relative; z-index: 1; } .progress-circle svg { transform: rotate(-90deg); } .bg-info { background-color: #b9e17b !important; } .bg-success { background-color: #b9e17b !important; } .bg-warning { background-color: #fe7f76 !important; } .bg-danger { background-color: #fe7f76 !important; } .now_online_server { color: #fff; font-weight: 600; text-align: center; display: flex; height: 59px; position: absolute; width: 59px; margin-top: 1px; z-index: 1; transition: .2s all; font-size: 12px; border-radius: 50px; justify-content: center; align-items: center; } .bg-cl { stroke: #b9e17b !important; background-color: #b9e17b !important; background: radial-gradient(circle, #b9e17b2e 2%, rgb(58 63 82 / 0%) 52%); } .circle-bg { fill: none; stroke: #5f6668; stroke-width: 4; } .circle-progress { fill: none; stroke-width: 4; stroke-linecap: round; transition: stroke-dashoffset 0.5s ease; } .error_block { display: flex; height: 300px; justify-content: center; } .flex_server_info { font-weight: 600; max-width: 80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-left: 7px; } .server_info_monitoring { color: #a9a0a6; display: flex; line-height: 17px; font-weight: 600; margin-bottom: 0px; flex-direction: column; font-size: 10.7px; } .connect_server { text-transform: uppercase; font-size: 10.9px; color: #8d8488; margin-top: 5px; border-bottom: dashed 1px; } .connect_server:hover { color: #ffff !important; } .player_number_info { display: flex; position: relative; height: 30px; width: 90px; background: #f97a7b36; align-items: center; font-size: 11px; color: #ff999a; font-weight: 600; border-radius: 50px; justify-content: center; } .name_server_info { font-size: 16px; text-align: center; } .info_server { position: relative; z-index: 1; font-weight: bold; display: flex; gap: 7px; flex-direction: column; align-items: center; } .gradient_server_info { display: block; height: 201px; margin-top: -200px; margin-bottom: -25px; position: relative; background: linear-gradient(1deg, #272a2b 6%, #2c262991 100%); } .server_info { width: 100%; display: flex; background-size: cover !important; height: 200px; background: #414648; justify-content: center; align-items: center; } .position_player { color: #aba0a6 !important; font-size: 11px !important; border-radius: 9px; width: 35px !important; !i;!; display: flex !important; height: 35px; left: 1px !important; position: absolute !important; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #5b6264 0, #4b5153 100%)); top: 8px !important; align-items: center; justify-content: center; } .signature_forum { margin-bottom: 0px; } .signature_forum p{ margin-bottom: 0px; color: #817c7e; font-size: 12px; text-align: left; text-overflow: ellipsis; width: 110px; overflow: hidden; white-space: nowrap; margin-top: -2px; } .block_edit_user { padding: 20px; border-radius: 20px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); box-shadow: 0px 5px 10px #13151a4f; margin-bottom: 15px; display: flex; flex-direction: column; } .flip-tr_edit { background: #343838; padding: 10px 20px; display: flex; border-radius: 11px; margin-bottom: 7px; flex-direction: column; } .theme_info_forum { width: 140px; } .user_info_forum { display: flex; gap: 10px; transition: 0.2s; border-radius: 50px; padding: 8px 8px 8px 18px; background: linear-gradient(1deg, #434849 30%, #505657 100%); align-items: center; } .user_info_forum:hover { opacity: 0.7; } .error_text_h1 { font-size: 20px; color: #ff9c82; } .error_text_h2 { color: #776f74; text-align: center; line-height: 16px; } .error_block_two { display: flex; justify-content: center; flex-direction: column; align-items: center; margin-top: -50px; gap: 3px; margin-bottom: 60px; font-weight: bold; } .box { width: 350px; height: 100%; border-radius: 20px; position: relative; .box__ghost { padding: 15px 25px 25px; position: absolute; left: 50%; top: 30%; transform: translate(-50%, -30%); .symbol { &:nth-child(1) { opacity: 0.2; animation: shine 4s ease-in-out 3s infinite; &::before, &::after { content: ''; width: 12px; height: 4px; background: #abb1b2; position: absolute; border-radius: 5px; bottom: 65px; left: 0; } &::before { transform: rotate(45deg); } &::after { transform: rotate(-45deg); } } &:nth-child(2) { position: absolute; left: -5px; top: 30px; height: 18px; width: 18px; border: 4px solid; border-color: #abb1b2; border-radius: 50%; opacity: 0.2; animation: shine 4s ease-in-out 1.3s infinite; } &:nth-child(3) { opacity: 0.2; animation: shine 3s ease-in-out 0.5s infinite; &::before, &::after { content: ''; width: 12px; height: 4px; background: #abb1b2; position: absolute; border-radius: 5px; top: 5px; left: 40px; } &::before { transform: rotate(90deg); } &::after { transform: rotate(180deg); } } &:nth-child(4) { opacity: 0.2; animation: shine 6s ease-in-out 1.6s infinite; &::before, &::after { content: ''; width: 15px; height: 4px; background: #abb1b2; position: absolute; border-radius: 5px; top: 10px; right: 30px; } &::before { transform: rotate(45deg); } &::after { transform: rotate(-45deg); } } &:nth-child(5) { position: absolute; right: 5px; top: 40px; height: 12px; width: 12px; border: 3px solid; border-radius: 50%; border-color: #abb1b2; opacity: 0.2; animation: shine 1.7s ease-in-out 7s infinite; } &:nth-child(6) { opacity: 0.2; animation: shine 2s ease-in-out 6s infinite; &::before, &::after { content: ''; width: 15px; height: 4px; background: #abb1b2; position: absolute; border-radius: 5px; bottom: 65px; right: -5px; } &::before { transform: rotate(90deg); } &::after { transform: rotate(180deg); } } } .box__ghost-container { width: 100px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%)); height: 100px; border-radius: 100px 100px 0 0; position: relative; margin: 0 auto; animation: upndown 3s ease-in-out infinite; .box__ghost-eyes { position: absolute; left: 50%; top: 45%; transform: translate(-50%, -45%); height: 12px; width: 70px; .box__eye-left { width: 12px; height: 12px; background: #101620; border-radius: 50%; margin: 0 10px; position: absolute; left: 0; } .box__eye-right { width: 12px; height: 12px; background: #101620; border-radius: 50%; margin: 0 10px; position: absolute; right: 0; } } .box__ghost-bottom { display:flex; position: absolute; top:100%; left:0; right:0; div { flex-grow:1; position: relative; top:-10px; height:20px; border-radius:100%; background: linear-gradient(1deg, #ff8865 0%, #ff8865 280%); &:nth-child(2n) { top: -12px; margin: 0 -0px; border-top: 15px solid $l-purple; background: #101620; } } } } .box__ghost-shadow { height: 10px; box-shadow: 0 50px 15px 5px #292c2d; border-radius: 50%; margin: 0 auto; animation: smallnbig 3s ease-in-out infinite; } } } @keyframes upndown { 0% {transform: translateY(5px);} 50% {transform: translateY(15px);} 100% {transform: translateY(5px);} } @keyframes smallnbig { 0% {width: 90px;} 50% {width: 100px;} 100% {width: 90px;} } @keyframes shine { 0% {opacity: .2;} 25% {opacity: .1;} 50% {opacity: .2;} 100% {opacity: .2;} } .center_message_support { display: flex; gap: 10px; font-size: 11px; font-weight: bold; color: #898386; flex-direction: column; align-items: center; } .btn_ticket_support { padding: 12px; border-radius: 13px; background: linear-gradient(15deg, #2a2e2f 30%, #333738 100%); display: flex; gap: 6px; } .close_ticket { border: none; color: #ffffff; background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%); text-shadow: #000000d4 1px 0 7px; font-weight: 600; border-radius: 10px; padding: 14px 25px; transition: 0.2s; } .close_ticket:hover { opacity: 0.7; } .delete_ticket:hover { opacity: 0.7; } .delete_ticket { border: none; color: #ffffff; font-weight: 600; background: linear-gradient(0deg, #414647 30%, #4b5152 100%); border-radius: 10px; padding: 14px 25px; transition: 0.2s; } .demo_btn_ticket { background: #ff768d2e; padding: 14px 25px; display: flex; color: #f99ba8; transition: 0.2s; font-size: 11.5px; border-radius: 10px; width: fit-content; } .demo_btn_ticket:hover { background: #ff768d4d; color: #ffffff; } .comment_ticket { padding: 17px; background: #333738; border-radius: 13px; padding-bottom: 1px; line-height: 16px; margin-bottom: 15px; font-size: 11px; } .comment_ticket img{ width: fit-content; max-width: 100%; height: fit-content; max-height: 100%; } .demo_ticket { padding: 17px; background: #333738; border-radius: 11px; margin-bottom: 15px; font-weight: bold; color: #938a8d; display: block; font-size: 11px; } .div_edit_user_right { width: 100%; } .div_edit_user_left { width: 100%; } .find_succes_complaint { padding: 0px 15px; margin-top: 10px; margin-bottom: 16px; } .block_complaints { border-radius: 20px; padding: 17px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); margin-bottom: 20px; box-shadow: 0px 5px 10px #13151a4f; padding-bottom: 12px; } .block_complaints1 { border-radius: 20px; background: linear-gradient(1deg, #2f3334 30%, #383c3d 100%); padding: 0px 15px; margin-bottom: -10px; padding-bottom: 12px; } .table-row .small_us_av { height: 16px; width: 16px; margin-right: 2px; top: -2px; position: relative; border-radius: 8px; } .table-row .small_us_avv { height: 17px; width: 17px; margin-right: 3px; top: -17px; position: relative; border-radius: 8px; } .status_block i { color: #a5b2c4; font-size: 20px; left: -4px; top: 1px; position: relative; } .status_block span { color: #ffffff; font-size: 12px; margin-left: 8px; top: -3px; position: relative; } .left_my_stores { width: 50%; background: linear-gradient(1deg, #414559a6 30%, #545a5b 100%); border-radius: 15px; } .block_my_stores { border-radius: 20px; padding: 20px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); margin-bottom: 20px; } .block_support_add { border-radius: 20px; padding: 20px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); box-shadow: 0px 5px 10px #13151a4f; padding-top: 27px; } .noty_block_success { background: linear-gradient(1deg, #73989247 0%, #7398925e 55%); padding: 25px; border: dashed 1px #7c9f99a1; margin-bottom: 20px; display: flex; line-height: 21px; flex-direction: column; border-radius: 15px; } .noty_block_error { background: linear-gradient(1deg, #b97c7c3b 0%, #b97c7c5e 55%); padding: 25px; border: dashed 1px #b97c7c; margin-bottom: 20px; display: flex; line-height: 21px; flex-direction: column; border-radius: 15px; } .text_succes_purse { font-weight: bold; font-size: 16px; color: #accbc7; } .text_error_purse { font-weight: bold; font-size: 16px; color: #f39191; } .text_info_purse { font-weight: bold; font-size: 11px; } .login_purse_info { } .category_content { font-weight: bold; font-size: 11px; color: #9ea5a6; margin-top: 18px; } .select_content { display: flex; position: relative; letter-spacing: 1px; width: 210px; gap: 8px; padding: 6px 16px 6px 6px; background: rgb(254 123 129 / 20%); align-items: center; font-size: 9.5px; color: rgb(255 165 166); font-weight: 600; border-radius: 50px; } .select_content i{border-radius: 50%;color: rgb(255 184 193);font-size: 13px;display: flex;padding-left: 1px;width: 22px;height: 22px;background: rgb(254 122 133 / 36%);align-items: center;justify-content: center;} .text_top_content {font-size: 17px;} .desp_top_content { font-size: 11px; color: #8d8588; } .block_top_content { display: flex; flex-direction: column; line-height: 20px; background: linear-gradient(15deg, #2a2e2f 30%, #383c3d 100%); border-radius: 17px; font-weight: bold; padding: 26px; margin-bottom: 15px; } .accordion-container { width: 100%; } .flex_accordion_text { display: flex; gap: 12px; align-items: center; } .accordion-item { margin-top: 10px; background: #252829; border-radius: 15px; } .accordion-header .flex_accordion_text i{ color: #ffffff; text-shadow: #0000004a 1px 0 10px; width: 37px; height: 37px; background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%); text-shadow: #000000d4 1px 0 7px; font-size: 16px; border-radius: 10px; display: flex; align-items: center; justify-content: center; } .accordion-header { color: #FFFFFF; padding: 14px; background: linear-gradient(1deg, #433a3da6 30%, #3c4041 100%); font-size: 12px; border: none; width: 100%; font-weight: bold; text-align: left; cursor: pointer; display: flex; justify-content: space-between; align-items: center; border-radius: 12px; transition: background-color 0.3s ease; } .accordion-header:hover { background-color: #4e5455; } .accordion-content { overflow: hidden; padding: 0px 20px; max-height: 0; border-radius: 15px; transition: max-height 0.3s ease; } .accordion-content p { margin: 15px 0; line-height: 1.5; font-size: 11.5px; color: #91888b; } .icon { transition: transform 0.2s ease; width: 25px; height: 25px; display: flex; font-size: 12px; align-items: center; color: #a0999c; background: #505658; border-radius: 50%; justify-content: center; } .active .icon { transform: rotate(180deg); } .support_btn_top { display: flex; gap: 8px; align-items: center; border: solid 1px #383d3e; border-radius: 14px; padding: 8px; width: 100%; } #content2,#content3,#content4 { display: none; } .btn_support { width: 100%; } .flex_text_supp { display: flex; flex-direction: column; } .add_ticket_support { transition: 0.2s; display: flex; height: 50px; background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%); text-shadow: #00000078 1px 0 15px; opacity: 0.7; color: #fff; font-size: 11.5px; cursor: pointer; border-radius: 11px; font-weight: 600; align-items: center; justify-content: center; } .add_ticket_support:hover { opacity: 1; } .btn_support_top { cursor: pointer; height: 50px; display: flex; font-weight: 600; font-size: 11.5px; border-radius: 11px; width: 100%; color: #877f82; align-items: center; transition: 0.2s; justify-content: center; } .btn_support_top:hover { color: #ffffff; font-size: 11.5px; background: #393e3f; } .active_btn_support_top { cursor: pointer; height: 50px; width: 100%; display: flex; background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%); font-size: 11.5px; text-shadow: #00000078 1px 0 15px; font-weight: 600; box-shadow: 0px 10px 40px #ff7d7f42; border-radius: 11px; align-items: center; transition: 0.2s; justify-content: center; } .block_forum_item { padding: 17px; margin-bottom: 10px; background: linear-gradient(15deg, #2b2f30 30%, #303334 100%); border-radius: 15px; display: flex; justify-content: space-between; } .block_support { display: flex; gap: 20px; margin-bottom: 20px; } .block_support_left { padding: 19px; gap: 12px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); box-shadow: 0px 5px 10px #13151a4f; width: 32%; display: flex; border-radius: 20px; flex-direction: column; } .btn_support { padding: 20px; transition: .2s; background: #353939; display: flex; line-height: 16px; border-radius: 15px; cursor: pointer; flex-direction: column; } .btn_support:hover { opacity: 0.7; } .btn_support i{ background: #51474bc7; width: 40px; border: dashed 1px #879092; height: 40px; color: #a1aec7; font-size: 18px; border-radius: 10px; display: flex; margin-bottom: 8px; align-items: center; justify-content: center; } .name_support_btn { font-size: 13px; font-weight: bold; color: #fff; } .desp_support_btn { font-size: 11px; font-weight: bold; color: #958d90; } .flex_btn_support { display: flex; gap: 12px; margin-bottom: 12px; } .block_support_right { width: 68%; box-shadow: 0px 5px 10px #13151a4f; border-radius: 20px; padding: 20px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); } .flex_block_forum_profile { display: flex; justify-content: space-between; width: 100%; align-items: center; } .forum_close_top { background: linear-gradient(23deg, #ff8383a6 0%, #ff8383 55%); text-shadow: #0000004a 1px 0 7px; width: 24px; height: 24px; display: flex; color: #ffffffe3; font-size: 12px; border-radius: 50px; align-items: center; justify-content: center; } .forum_fixed_top { width: 24px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%)); text-shadow: #000000d4 1px 0 7px; height: 24px; display: flex; color: #ffffff; font-size: 12px; border-radius: 50px; align-items: center; justify-content: center; } .forum_answer_top { padding: 2px 10px; gap: 4px; border: solid 1px #5e6567; background: #75666b5e; display: flex; font-size: 10px; font-weight: bold; border-radius: 50px; align-items: center; } .forum_answer_top i{ font-size: 14px; color: #ffa05b; text-shadow: #ffa05b 1px 0 10px; } .forum_views_top { padding: 2px 10px; border: solid 1px #5e6567; background: #75666b5e; gap: 4px; display: flex; font-size: 10px; font-weight: bold; border-radius: 50px; align-items: center; } .forum_views_top i{ font-size: 15px; color: #6fbf5c; text-shadow: #6fbf5c 1px 0 10px; position: relative; top: -1px; } .forum_img_user { width: 35px; height: 35px; border-radius: 50px; } .flex_forum_user { display: flex; flex-direction: column; line-height: 16px; } .flex_forum_info_left { display: flex; gap: 18px; align-items: center; } .flex_forum_info_right { display: flex; border-radius: 12px; gap: 13px; padding-right: 10px; align-items: center; } .forum_img { width: 55px; height: 55px; border-radius: 12px; margin-left: 5px; } .flex_info_forum { display: flex; flex-direction: column; line-height: 18px; justify-content: center; } .forum_empty { border-radius: 50px; display: flex; margin-bottom: 0px; width: 100%; font-weight: bold; color: #ab9fa4; background: linear-gradient(1deg, #434849 30%, #505657 100%); font-size: 11px; padding: 14px 47px; align-items: center; justify-content: center; } .forum_name_user { font-size: 16px; position: relative; top: 3px; color: #a3969b; } .forum_name_theme { color: #fff; text-overflow: ellipsis; width: 135px; display: block; overflow: hidden; white-space: nowrap; } .forum_date { color: #afb4b5; font-weight: bold; font-size: 11px; } .name_forum { font-size: 14px; color: #ffff; } .desp_forum { color: #978e91; font-weight: bold; font-size: 11.5px; } .flex_user_full { display: flex; gap: 15px; align-items: center; } .user_avatar { width: 52px; height: 52px; position: relative; z-index: 1; border-radius: 12px; } .flex_user { display: flex; flex-direction: column; line-height: 19px; font-weight: bold; } .text_user { font-size: 13px; } .block_select_friends { padding: 13px 15px; border-radius: 15px; display: flex; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); margin-bottom: 20px; justify-content: space-between; } .block_select_support { padding: 13px 15px; border-radius: 50px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); display: flex; margin-bottom: 10px; justify-content: space-between; } .desp_user { font-size: 11px; } .contacts_setting_block { padding: 18px; box-shadow: 0px 5px 10px #13151a4f; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); border-radius: 20px; gap: 4px; margin-bottom: 20px; display: flex; flex-direction: column; } .discount_block { background: linear-gradient(1deg, #ea7c7d1f 30%, #ea7c7d4f 100%); margin-bottom: 15px; border-radius: 15px; height: 80px; padding: 15px; display: flex; align-items: center; justify-content: space-between; } .discount_left { display: flex; gap: 10px; align-items: center; } .discount_left i{width: 40px;display: flex;background: linear-gradient(23deg, #ff9b46 0%, #e5768d 55%);font-size: 18px;min-width: 40px;border-radius: 10px;height: 40px;align-items: center;justify-content: center;} .discount_text_flex { display: flex; flex-direction: column; line-height: 17px; } .discount_text_h1 { font-weight: bold; font-size: 12px; } .discount_text_h2 { font-weight: bold; font-size: 11px; color: #ffa3a0; } .discount_procent { height: 50px; display: flex; background: linear-gradient(23deg, #ff9b46 0%, #e5768d 55%); align-items: center; font-size: 12px; font-weight: bold; padding: 0px 25px; border-radius: 10px; } .our-services { margin-top: 50px; } .flip-container { border-radius: 15px; margin-bottom: 20px; } .flip-container:hover .flipper { -webkit-transform: rotateY(180deg); cursor:pointer; } .flip-container.hover .flipper { -webkit-transform: rotateY(180deg); cursor:pointer; } .front { height: 200px; padding: 20px 25px; background-size: cover !important; display: flex; padding-top: 6px; background: linear-gradient(16deg, #688f8a59 0%, #688f8a2e 65%); border-radius: 20px; justify-content: space-between; } .front h3 { text-align: center; font-size: 18px; font-family: "Poppins", sans-serif; color: white; } .front img { display: block; margin-left: auto; margin-right: auto; margin-top: 10px; } .back { height: 200px; border-radius: 20px; -webkit-backface-visibility: hidden; width: 100%; backdrop-filter: blur(4px); background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); position: absolute; padding: 20px; top: 0; left: 0; -webkit-transform: rotateY(180deg); font-size: 18px; color: white; } .back h3 { margin-top: 20px; } .back p { font-size: 14px; font-family: "Poppins", sans-serif; margin-right:15px; } .flipper { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; position: relative; } .checkbox.style-h { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 0px; top: 0px; } .checkbox.style-h input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkbox.style-h input:checked ~ .checkbox__checkmark { background-color: #f7cb15; } .checkbox.style-h input:checked ~ .checkbox__checkmark:after { opacity: 1; top: -3px; } .checkbox.style-h input:checked ~ .checkbox__body { background-position: 0 0; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); color: #fff; text-shadow: #00000082 1px 0 10px; } .checkbox.style-h input:checked:hover ~ .checkbox__body { opacity: 1; } .checkbox.style-h:hover input ~ .checkbox__checkmark { background-color: #f7cb15; } .checkbox.style-h:hover input:checked ~ .checkbox__checkmark { background-color: #f7cb15; } .checkbox.style-h .checkbox__checkmark { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; display: none; height: 22px; width: 22px; background-color: #f7cb15; transition: background-color 0.25s ease; border-radius: 4px; box-shadow: inset 2px 2px 4px rgba(0,0,0,0.1), inset -2px -2px 4px rgba(255,255,255,0.4); } .checkbox.style-h .checkbox__checkmark:after { content: ""; position: absolute; left: 10px; top: -15px; width: 10px; height: 20px; border: solid #fff; border-width: 0 4px 4px 0; transform: rotate(45deg); opacity: 0; transition: opacity 0.25s ease, top 0.25s ease; } .checkbox.style-h .checkbox__body { color: #ffff; line-height: 1.4; font-size: 11px; font-weight: bold; background: linear-gradient(0deg, #464c4d 30%, #4c5253 100%); padding: 17px 20px; border-radius: 11px; text-align: center; width: 130px; transition: 0.2s; } .checkbox.style-h .checkbox__body:hover { opacity: 0.7; } .block_date_edit { background: #343838; border-radius: 15px; margin-top: 20px; margin-bottom: 0px; padding: 0px 15px 30px 15px; } .privaty_block { padding: 11px; background: linear-gradient(270deg, #52577000 10%, #373b3c 100%); border-radius: 13px; display: flex; gap: 6px; margin-bottom: 11px; } #edit_user_birth_result { font-size: 11px; color: #a0c0bb; width: 100%; display: flex; gap: 8px; font-weight: bold; padding-bottom: 10px; padding-top: 10px; border-radius: 10px; justify-content: flex-start; align-items: center; } .btn_edit_date { margin-top: 25px; width: 100%; transition: 0.2s; border-radius: 10px; color: #fff; font-weight: bold; border-top: solid 1px #60657fd4; background: linear-gradient(0deg, #52577087 30%, #5d6465 100%); border: none; padding: 14px; } .btn_edit_date:hover { opacity: 0.7; } .text_date_edit { font-weight: bold; margin-bottom: -25px; padding: 10px 0px; display: block; font-size: 10.5px; color: #8d8589; } .flex_edit_date { display: flex; gap: 4px; } .top_info_index { display: flex; gap: 7px; align-items: center; } .top_info_index i{ font-size: 19px; color: #81777c; line-height: 0px; } .block_public_info { margin-top: -10px; display: flex; gap: 8px; flex-direction: column; } .active-setting { color: #fff; font-weight: 600; background: #6687826b; border-radius: 7px; height: 23px; width: 23px; } .non-active-setting { color: #fff; font-weight: 600; background: #5c6365; border-radius: 7px; transition: 0.2s; height: 23px; width: 23px; } .settings_ul { background: linear-gradient(1deg, #353939 30%, #414648 100%); border-radius: 20px; margin-top: 20px; } .img_header_drop { width: 38px; transition: .2s all; height: 38px; border-radius: 50px; } .img_header_drop:hover { opacity: 0.7; } .mechant_name { font-weight: bold; font-size: 13px; text-overflow: ellipsis; width: calc(100% - 120px); display: block; overflow: hidden; white-space: nowrap; } .dropdown_header { display: inline-block; position: relative; font-size: 14px; padding: 0px; top: 7px; color: #474747; height: 100%; text-align: left; } .dropdown_header .select_header { cursor: pointer; display: block; } .dropdown_header .select_header > i { font-size: 12px; color: #a2a9aa; background: #515758; border: solid 3px #272a2a; cursor: pointer; padding: 1px; border-radius: 50%; transition: all .3s ease-in-out; float: right; } .dropdown_header.active .select_header > i { transform: rotate(-180deg) } .dropdown_header .dropdown_menu_header { position: absolute; width: 320px; z-index: 1000; overflow: hidden; display: none; max-height: 144px; overflow-y: auto; height: auto; top: 55px; box-shadow: 0px 5px 10px #13151a4f; padding: 15px; border-radius: 20px; background: linear-gradient(45deg, #35393a 30%, #3e4243 100%); } .dropdown_header .dropdown_menu_header li { padding: 10px; transition: all .2s ease-in-out; cursor: pointer } .dropdown_header .dropdown_menu_header { list-style: none } .dropdown_header .dropdown_menu_header li:hover { background-color: #f2f2f2 } .dropdown_header .dropdown_menu_header li:active { background-color: #e2e2e2 } input[type="checkbox"].switch_1{ font-size: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 40px; height: 20px; min-width: 40px; background: #3d4142; border-radius: 3em; position: relative; margin-left: 0px; top: 0px; cursor: pointer; outline: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } input[type="checkbox"].switch_1:checked{ background: #ff778a; } input[type="checkbox"].switch_1:after{ position: absolute; content: ""; width: 16px; top: 2px; height: 16px; border-radius: 50%; background: #fff; -webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3); box-shadow: 0 0 .25em rgba(0,0,0,.3); -webkit-transform: scale(.7); transform: scale(.7); left: 3px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } input[type="checkbox"].switch_1:checked:after{ left: calc(100% - 18px); } .head_block { display: flex; margin-bottom: 25px; box-shadow: 0px 10px 10px #00000029; background: #1a1c1c; border-radius: 20px; overflow: hidden; position: relative; justify-content: space-between; background-size: 100%; transition: .5s all; } .block_stats_bans { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; width: 100%; margin-bottom: 15px; } .levin_img33 { color: #ffff; } .stats_info_bans { width: auto; display: flex; background-size: cover !important; border-radius: 15px; background: linear-gradient(1deg, #474c4d 30%, #545b5c 100%); padding: 0px 20px; flex-direction: column; height: 100px; width: 100%; min-width: 100px; align-items: center; justify-content: space-between; } .text_bans { font-weight: bold; font-size: 20px; margin-top: 20px; letter-spacing: 1px; } .info_text_bans { text-transform: uppercase; font-weight: bold; background: linear-gradient(1deg, #fe88641f 30%, #fe886445 100%); font-size: 10.6px; backdrop-filter: blur(3px); display: flex; padding-bottom: 11px; width: 100%; color: #fff; height: 45px; border-radius: 16px 16px 0px 0px; justify-content: space-between; flex-direction: column; align-items: center; } .line_info_stats_r { height: 2px; background: #ff5b5b; border-radius: 50px; display: block; box-shadow: 0px 0px 20px #ff4949; width: 100px; } .info_text_bans_r { text-transform: uppercase; font-weight: bold; background: linear-gradient(1deg, #ff56580f 30%, #ff56583d 100%); font-size: 10.6px; backdrop-filter: blur(3px); display: flex; padding-bottom: 11px; color: #fff; width: 100%; height: 45px; border-radius: 16px 16px 0px 0px; justify-content: space-between; flex-direction: column; align-items: center; } .id_link { background: #ffffff29; padding: 10px 10px 10px 15px; border-radius: 11px; display: flex; font-weight: 600; font-size: 12px; justify-content: space-between; align-items: center; } .copy_ref { border: none; font-size: 15px; color: #ffffff; width: 30px; background: #ffffff40; border-radius: 7px; height: 30px; padding-top: 3px; transition: .2s all; } .copy_ref:hover { opacity: 0.7; } .head_top_info { display: flex; align-items: center; gap: 8px; } .flex_new_new { display: flex; gap: 20px; align-items: center; } .button_menu_collapse { display: none; } .tab-contents { height: 98%; display: flex; width: 100%; flex-direction: column; justify-content: center; } .page_auth_left { width: 100%; display: flex; background-size: cover !important; background: #101620; justify-content: center; align-items: center; } .page_authorization { display: flex; min-height: 100vh; } .login_block { width: 100%; padding: 0px 10px; height: fit-content; } .page_auth_right { display: flex; max-width: 28rem; padding: 70px 0px 70px 0px; justify-content: center; flex-direction: column; width: 50%; background-color: #111923; } #new_news { margin-bottom: 20px; } .head_block:hover { background-size: 101%; } .bottom_stats { padding: 13px; border-radius: 50px; width: 100%; border: solid 1px #464b4c; background: linear-gradient(1deg, #4f464a42 30%, #474d4e 100%); margin-top: 20px; } .stats_vnutr { display: flex; position: relative; gap: 10px; } .online2 { position: relative; width: 15px; height: 15px; display: flex; margin-right: -7px; margin-left: 7px; border-radius: 8px; padding: 16px; align-items: center; justify-content: center; } .online2::before, .online2::after { border: 2px solid #30a77233; border-radius: 50%; position: absolute; content: ''; display: block; } .online2::before { width: 6px; height: 6px; border-bottom-color: #30a772; border-left-color: #30a772; animation: spinner-1o3y8q 0.75s infinite linear reverse; } .online2::after { animation: spinner-1o3y8q 1.5s infinite linear; height: 14px; width: 14px; border-right-color: #30a772; border-top-color: #30a772; } @keyframes spinner-1o3y8q { to { transform: rotate(360deg); } } .online3 { position: relative; width: 30px; height: 30px; border-radius: 8px; background: #4bb78814; display: flex; margin-right: 10px; align-items: center; justify-content: center; } .online3::before, .online3::after { border: 2px solid #33ad7840; border-radius: 50%; position: absolute; content: ''; display: block; } .online3::before { width: 6px; height: 6px; border-bottom-color: #33ad78; border-left-color: #33ad78; animation: spinner-1o3y8q 0.75s infinite linear reverse; } .online3::after { animation: spinner-1o3y8q 1.5s infinite linear; height: 14px; width: 14px; border-right-color: #33ad78; border-top-color: #33ad78; } .bottom_prev { display: flex; justify-content: space-between; align-items: center; margin-top: 0px; width: 100%; background: #ffffff00; } .bottom_name { position: relative; top: 7px; } .sdg_watermark { background: #ffffff1c; width: 47px; font-size: 19px; transition: .2s all; display: flex; color: #898384; height: 47px; border-radius: 50px; align-items: center; justify-content: center; } .sdg_watermark:hover { background: #07f; color: #ffffff; } .icon-vk { background: #ffffff1c; width: 47px; font-size: 19px; transition: .2s all; display: flex; color: #898384; height: 47px; border-radius: 50px; align-items: center; justify-content: center; } .icon-vk:hover { background: #07f; color: #ffffff; } .icon-tg { background: #ffffff1c; width: 47px; font-size: 19px; transition: .2s all; display: flex; color: #898384; height: 47px; border-radius: 50px; align-items: center; justify-content: center; } .icon-tg:hover { background: #2ba0d9; color: #ffffff; } .icon-ds { background: #ffffff1c; width: 47px; font-size: 19px; transition: .2s all; display: flex; color: #898384; height: 47px; border-radius: 50px; align-items: center; justify-content: center; } .icon-ds:hover { background: #5865f2; color: #ffffff; } .levin_img18 { color: #fffff; } .multiple-items { margin-left: -8px; } .multiple-items .slick-list { position: relative; display: block; overflow: hidden; margin: 0; border-radius: 50px; padding: 0; } .flex_notif { display: flex; gap: 15px; } .info_user_profile { color: #7f7377; font-weight: bold; transition: 0.2s; font-size: 11px; border-bottom: dashed 1px #7f7377db; } .info_user_profile:hover { color: #ffffff; border-bottom: dashed 1px #ffffffa1; } .flex_img_with_info { display: flex; align-items: center; justify-content: space-between; } .hello_sidebar { color: #a2afc7; } .flex_privileges { display: flex; flex-direction: column; line-height: 15px; } .name_privileges { font-size: 12.1px; } .second_name_privileges { font-size: 10.5px; color: #959c9e; } .online_pro { position: relative; border-radius: 50%; } .online_prcr{ position: absolute; -webkit-box-shadow: 0 35px 20px 0 rgba(0, 0, 0, 0.2); background: linear-gradient(15deg, #252829 30%, #323637 100%); box-shadow: 0 10px 10px 0 rgb(0 0 0 / 30%); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s, visibility 0s linear 0.2s; transition: opacity 0.2s, visibility 0s linear 0.2s; z-index: 9999; top: 54px; width: 274px; right: 0; border-radius: 15px; padding: 14px; padding-bottom: 9px; left: -180%; margin-left: -171px; } .online_prcr .user_online_top { display: none; } .online_pro:hover .online_prcr { display: block; opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; } .arrtar::after{ content: ''; width: 0; height: 0; display: block; position: absolute; z-index: 10; border: 0; } .arrtar::after{ border-left: 15px solid transparent; border-right: 15px solid transparent; margin-left: -15px; border-bottom: 20px solid #fff0; top: -20px; } .arrtar::after { left: 53%; } .prom{ margin-top: 15px; } .online_prcr label{ display:block; } .online_prcr select{ width: 100%; padding: 10px 20px 10px 20px; } .privaty_text { margin-bottom: 5px; display: block; color: #898084; margin-top: 6px; font-weight: bold; } .block_avatar_edit { padding: 20px 20px 10px 20px; border-radius: 20px; background: linear-gradient(15deg, #383c3d 30%, #404445 100%); margin-top: 10px; margin-bottom: 20px; } .link_setting_block { padding: 17px; border-radius: 20px; background: linear-gradient(15deg, #363a3b 30%, #393e3f 100%); margin-top: 10px; margin-bottom: 20px; } .password_setting_block { padding: 0px 17px 11px 17px; border-radius: 16px; background: #343838; display: flex; gap: 8px; margin-top: 10px; flex-direction: column; } .link_text_setting { background: #ff7c8324; display: flex; gap: 13px; padding: 20px 20px; color: #ff95a7; border: dashed 1px #fe7988a6; margin-bottom: -5px; font-weight: bold; border-radius: 15px; font-size: 11px; } .link_text_setting i{ display: flex; width: 40px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); text-shadow: #00000082 1px 0 10px; height: 40px; min-width: 40px; color: #ffffff; border-radius: 11px; font-size: 19px; align-items: center; justify-content: center; } .privaty_block_settings { margin-bottom: 20px; } .save_signature { border: none; padding: 14px; background: linear-gradient(0deg, #4f464a80 30%, #474d4e 100%); color: #ffffff; margin-top: 4px; transition: .2s all; font-weight: 600; width: 100%; border-radius: 10px; } .save_signature:hover { opacity: 0.7; } .save_all { border: none; padding: 14px; color: #ffffff; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #636a6c 0, #373b3c 250%)); transition: .2s all; font-weight: 600; width: 100%; margin-bottom: -15px; border-radius: 10px; margin-top: 20px; } .save_all:hover { opacity: 0.7; } .save_all_info { color: #ffb47a; font-weight: bold; text-transform: uppercase; font-size: 10px; margin-top: 18px; margin-bottom: -20px; } #edit_user_route_result { color: #a0c0bb; font-weight: bold; font-size: 11px; margin-top: 5px; } .flex_edit_avatar_setting { display: flex; gap: 20px; } .flex_edit_avatars { display: flex; width: 100%; flex-direction: column; } .img_edit_settings { width: 110px; height: 110px; border-radius: 16px; } .btn_avatar_setting { background: linear-gradient(0deg, #434849 30%, #555c5e 100%); border: none; height: 49px; border-radius: 10px; font-weight: bold; width: 150px; margin-top: 21px; font-size: 11px; cursor: pointer; transition: 0.2s; color: #fff; } .btn_avatar_setting:hover { opacity: 0.7; } .buttons_referal { margin-top: 30px; display: flex; gap: 15px; } .btn_referal { border: none; transition: 0.2s; background: none; color: #fff; font-weight: bold; border-bottom: dashed 1px #ffffffab; } .btn_referal:hover { opacity: 0.7; } .reveral_link_info { font-size: 11px; line-height: 15px; display: block; width: 90%; color: #ffffff; font-weight: bold; margin-top: 13px; } #edit_user_avatar_result { color: #a0c0bb; font-weight: bold; font-size: 11px; margin-top: 10px; } .link_info_setting { color: #ffff; display: block; line-height: 16px; margin-bottom: 6px; } .signature_block_setting { padding: 18px; box-shadow: 0px 5px 10px #13151a4f; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); border-radius: 20px; gap: 4px; display: flex; flex-direction: column; } .flex_contacts_text { display: flex; line-height: 16px; flex-direction: column; } .flex_link_setting { width: 80%; } .icon_buy { font-size: 18px; margin-left: 8px; top: 2px; position: relative; } .head_privileges_store { padding: 10px; background: linear-gradient(1deg, #554c4fa6 30%, #4d5354 100%); border-radius: 13px; display: flex; gap: 10px; margin-bottom: 10px; font-size: 11px; font-weight: bold; align-items: center; } .head_privileges_store i{ width: 38px; background: linear-gradient(1deg, #736c6e8c 30%, #878f91 100%); display: flex; height: 38px; color: #b7acb0; font-size: 17px; border-radius: 10px; align-items: center; justify-content: center; } .flex_yes_or_no { display: flex; gap: 8px; } #store_service_info { padding: 0px 10px; } #store_service_info img { width: 100%; height: 100%; max-width: fit-content; max-height: fit-content; border-radius: 15px; } .editing_admins_full { display: flex; gap: 8px; flex-direction: column; } .editing_admins_full_btns { display: flex; gap: 10px; flex-direction: column; } .btn_editing_admins { border: none; font-weight: 600; background: linear-gradient(0deg, #534c4f94 30%, #534c4f 100%); height: 42px; transition: 0.2s; width: 150px; border-radius: 9px; color: #fff; } .btn_editing_admins:hover { opacity: 0.7; } .block_editing_admins { padding: 6px; border-radius: 10px; background: linear-gradient(270deg, #52577000 10%, #343838 100%); display: flex; padding-left: 20px; align-items: center; justify-content: space-between; } .new_table_forum { display: flex; align-items: center; background: linear-gradient(15deg, #303435 30%, #353a3b 100%); border-radius: 15px; gap: 30px; padding: 15px 20px; margin-bottom: 10px; justify-content: space-between; } .new_table_forum .btn-default{ width: 55px; display: flex !important; transition: 0.2s !important; background: linear-gradient(26deg, #375955 0%, #668782 55%) !important; height: 55px !important; color: #ffff !important; border-radius: 12px !important; justify-content: center; } .new_table_forum .btn-default i{ color: #ffff !important; font-size: 17px !important; } .new_tr_forum { display: flex; gap: 10px; width: 250px; line-height: 18px; align-items: center; } .new_tr_forum_btn { display: flex; gap: 6px; line-height: 18px; align-items: center; } .forum_btn_flex_theme { display: flex; gap: 6px; line-height: 18px; margin-top: 25px; align-items: center; margin-bottom: 30px; } .new_table_privileges { background: #343838; display: flex; align-items: center; border-radius: 11px; gap: 30px; padding: 15px 20px; margin-bottom: 10px; } .new_tr_privileges { display: flex; flex-direction: column; width: 150px; line-height: 18px; } .name_table_new { color: #837c80 !important; } .text_table_new { font-size: 12px; color: #ffff !important; } .timer_new_privileges { background: #fff0; border: none; color: #ffff; font-size: 12px; font-weight: bold; } .flex_flags_new { display: flex; align-items: center; border: solid 1px #4d474a; padding: 7px; border-radius: 50px; } .info_privileges_store { padding: 18px; border-radius: 18px; background: linear-gradient(15deg, #2b2f30 30%, #303334 100%); height: 100%; font-size: 11px; } .text_table_new_one { font-size: 12px; text-overflow: ellipsis; width: calc(100% - 45px); overflow: hidden; color: #ffff !important; white-space: nowrap; } .btn_flags { border: none; transition: 0.2s; margin-right: 4px; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); text-shadow: #00000063 1px 0 10px; color: #fff; font-size: 15px; display: flex; width: 24px; min-width: 24px; border-radius: 50%; height: 24px; align-items: center; justify-content: center; } .btn_flags:hover { opacity: 0.7; } .cont_s_text_setting { color: #b4bae8; font-size: 11px; } .cont_text_setting { color: #add2ff; font-size: 11px; } .cont_desp_setting { font-size: 11px; } .block_admins_privileges { } .flex_text_priv { display: flex; line-height: 18px; flex-direction: column; justify-content: center; font-weight: bold; } .flex_text_complaint { display: flex; line-height: 16px; flex-direction: column; justify-content: center; font-weight: bold; } .flex_head_complaint { display: flex; margin-bottom: 10px; padding-top: 9px; justify-content: space-between; align-items: center; } .flex_head_privileges { display: flex; margin-bottom: 10px; padding-top: 9px; justify-content: space-between; align-items: center; } .text_flex_privileges { font-size: 16px; color: #fff; } .desp_flex_privileges { color: #7f7a7c !important; font-size: 12px; } .text_flex_complaint { font-size: 14px; color: #fff; } .desp_flex_complaint { color: #878184; font-size: 11px; } .delete_privileges { position: absolute; right: 27px; margin-top: -37px; transition: 0.2s; font-size: 12px; color: #93898e; border: none; background: none; } .delete_privileges:hover { color: #ffff; } .user_btn { display: flex; gap: 6px; flex-direction: column; } #users { margin-bottom: 15px; margin-top: 15px; } .right_user_top { display: flex; gap: 9px; align-items: center; width: 35%; } .heading_block_user { display: flex; align-items: center; margin-bottom: 15px; justify-content: space-between; } .select_filter_user { font-size: 11px; padding-top: 16px; background: #424849; font-weight: 600; padding-left: 50px; height: 55px; top: -1px; cursor: pointer; transition: 0.2s; border-radius: 10px; color: #ffff; } .block_companion { display: flex; border-radius: 13px; background: linear-gradient(359deg, #35393a 30%, #323637 100%); padding-left: 17px !important; backdrop-filter: blur(1px); padding: 14px; align-items: center; justify-content: space-between; } .img_companion { width: 37px; height: 37px; border-radius: 10px; } .btn_send_message { border-radius: 10px; width: 39px; display: flex; background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)); position: absolute; text-shadow: #000000ba 1px 0 10px; height: 39px; color: #ffffff !important; padding-left: 1px; font-size: 14px; top: 8px; right: 25px; align-items: center; justify-content: center; } .btn_send_message:hover { opacity: 0.7; } .flex_edit_news { display: flex; gap: 15px; margin-bottom: 20px; } .btn-primary { padding: 0px 25px !important; border-radius: 12px; background: #343839; font-weight: 600; color: #91868b; height: 50px !important; margin-right: 0px; } .btn-primary:hover { height: 100%; border-radius: 12px !important; background: #3f4344 !important; padding: 0px 25px !important; margin-right: 0px; } .send_comment_btn { border: none; margin-right: 8px; padding: 0px 20px; height: 41px; background: #3c4041; transition: 0.2s; font-size: 11px; font-weight: bold; color: #aeb4b5; border-radius: 9px; } .send_comment_btn:hover { background: #454a4b; color: #ffffff; } .desp_companion { font-size: 11px; color: #878084; } .flex_companion_mini { display: flex; line-height: 16px; flex-direction: column; } .flex_info_new { display: flex; flex-direction: column; } .flex_companion { display: flex; gap: 12px; font-size: 12px; font-weight: bold; align-items: center; } .companion_btn { color: #a79da2 !important; font-weight: 600; height: 37px; border-radius: 10px; font-size: 15px; opacity: 1; display: flex; width: 37px; background: linear-gradient(25deg, #4d5355 30%, #5a6163 100%); transition: .2s all; align-items: center; justify-content: center; } .companion_btn:hover { opacity: 0.7; } .news_flex { display: flex; gap: 20px; border-radius: 20px; margin-bottom: 30px; } .head_news { padding: 15px; border-radius: 15px; background: linear-gradient(15deg, #2b2f30 30%, #2b2f30 100%); display: flex; font-weight: bold; margin-bottom: 15px; align-items: center; justify-content: space-between; } .head_news .bx-message-square-dots{ background: linear-gradient(23deg, #4a4f50 30%, #4f5556 100%); border-radius: 12px; width: 43px; height: 43px; font-size: 18px; min-width: 43px; color: #a3afc8; display: flex; align-items: center; justify-content: center; } .name_news_img { font-size: 17px; margin-bottom: 10px; margin-left: -13px; padding: 20px 50px; backdrop-filter: blur(4px); border-radius: 0px 50px 50px 0px; background: #fe778b24; } .block_comments { border-radius: 20px; padding: 20px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); box-shadow: 0px 5px 10px #13151a4f; } .flex_info_head_news { display: flex; line-height: 17px; flex-direction: column; } .text_news_info { font-size: 13px; } .img_edit_news {width: 100%;border-radius: 18px;height: 246px;background-size: cover;} .flex_edit_img { margin-top: -65px; } .flex_img_edit_full { display: flex; flex-direction: column; } .desp_news_info { color: #acb2b4; font-size: 11px; } .edit_news_btn { border-radius: 12px; display: flex; background: linear-gradient(23deg, #434849 30%, #515759 100%); width: 43px; height: 43px; color: #aeb4b5 !important; align-items: center; font-size: 13px; justify-content: center; } .edit_news_btn:hover { opacity: 0.7; } .head_news_btn { gap: 8px; display: flex; } .block_edit_news { padding: 20px; border-radius: 20px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); box-shadow: 0px 5px 10px #13151a4f; } .edit_news_left { width: 33%; } .block_forum { border-radius: 20px; box-shadow: 0px 5px 10px #13151a4f; padding: 20px !important; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); margin-bottom: 20px; } .custom_file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0; } .load { width: 100%; height: 50px; display: flex; position: absolute; top: 0; right: 0; left: 0; backdrop-filter: blur(2px); cursor: pointer; z-index: 2; transition: 0.2s; color: #ff8493; font-size: 11px; font-weight: 600; background-color: #fd788829; border-radius: 11px; border: dashed 1px #fd788894 !important; padding: 0 16px; align-items: center; justify-content: center; } .load:hover { color: #ffffff; background-color: #fd78884d; border: dashed 1px #fd7888 !important; } .btn_admin_forum_full { background: #303334; display: flex; height: 50px; border: none; width: 130px; cursor: pointer; font-size: 11px; font-weight: bold; color: #8b8486 !important; border-radius: 12px; transition: 0.2s; align-items: center; justify-content: center; } .btn_admin_forum_full:hover { background: #454a4b; color: #ffffff !important; } .btn_admin_forum { background: #3b3f40; display: flex; height: 45px; font-size: 13px; color: #8b8286 !important; border-radius: 12px; width: 45px; transition: 0.2s; align-items: center; justify-content: center; } .btn_admin_forum:hover { background: #494f50; color: #ffffff !important; } .btn_edit_news_img { border: none; width: 100%; background: #3d4142; color: #958b90; transition: 0.2s; cursor: pointer; margin-top: 15px; border-radius: 10px; font-weight: bold; padding: 14px; } .btn_edit_news_img:hover { background: #454a4b; color: #ffffff; } .flex_btn_news_img { display: flex; gap: 10px; margin-top: -4px; } .edit_news_right { width: 67%; } .custom_file_padding { padding: 20px; padding-top: 0px; } .flex_head_news { display: flex; gap: 12px; align-items: center; } .img_forum_setting { height: 55px; width: 55px; border-radius: 12px; } .block_content_new { width: 60%; padding: 20px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); border-radius: 20px; box-shadow: 0px 5px 10px #13151a4f; } .left_news { width: 40%; padding: 20px; padding-bottom: 10px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); border-radius: 20px; box-shadow: 0px 5px 10px #13151a4f; } .btn_forum_setting_mini { border: none; width: 55px; transition: 0.2s; background: linear-gradient(15deg, #3e4344 30%, #4b5153 100%); height: 55px; color: #877e83; border-radius: 12px; font-size: 17px; } .btn_forum_setting_mini:hover { opacity: 0.7; } .btn_forum_setting_min { border: none; width: 55px; transition: 0.2s; background: linear-gradient(15deg, #3e4344 30%, #4b5153 100%); height: 55px; color: #acb2b4; border-radius: 12px; font-size: 18px; } .btn_forum_setting_min:hover { opacity: 0.7; } .new_tr_forum_flex { display: flex; gap: 15px; } .sections_list { position: relative; z-index: 1; display: flex; width: 1px; top: -26px; align-items: center; } .sections_list i{ position: relative; color: #a5b2c4; font-size: 20px; left: 16px; } .sections_list span{ position: relative; z-index: 1; top: -8px; margin-left: 30px; color: #a5b2c4; font-weight: bold; font-size: 11px; } .table_group_forum { margin-bottom: 7px; } .modal_btn_forum { padding: 13px 30px; border: none; border-radius: 10px; transition: 0.2s; font-size: 11px; color: #8f888c; background: #393e3f; font-weight: 600; } .modal_btn_forum:hover { color: #ffffff; background: #474d4e; } .btn_admin_topic { display: flex; gap: 7px; } .flex_btn_modal_forum { padding-top: 15px; border-top: solid 1px #333738; } .img_add_forum { width: 109px; opacity: 1; height: 109px; border-radius: 15px; transition: 0.2s; } .btn_forum_setting_delete { border: none; width: 55px; transition: 0.2s; background: linear-gradient(26deg, #b24040 0%, #ff6060 55%); height: 55px; color: #ffffff; border-radius: 12px; font-size: 17px; } .btn_forum_setting_delete:hover { opacity: 0.7; } .modal-body .form-group .btn-group-toggle { margin-bottom: 30px !important; padding-left: 0px !important; } .form-group .btn-group-toggle { padding-left: 0px !important; } .btn-group-toggle { display: flex; flex-wrap: wrap; padding-right: 7px; padding-left: 8px; margin-bottom: 15px; } .head_block_topic_full { display: flex; gap: 11px; align-items: center; } .head_block_topic_full i{ width: 45px; height: 45px; background: linear-gradient(23deg, #313536 0%, #43494a 55%); border-radius: 12px; display: flex; margin-bottom: 4px; color: #a1aec7; font-size: 18px; min-width: 45px; align-items: center; justify-content: center; } .row_img_edit_forum { display: flex; } .block_btn_forum_top { display: flex; gap: 20px; margin-bottom: 10px; } .block_top_topic { padding: 20px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); box-shadow: 0px 5px 10px #13151a4f; border-radius: 20px; margin-bottom: 20px; } .name_info_block_topic { display: flex; justify-content: space-between; align-items: center; } .btn_add_forum { width: 100%; display: flex; background: linear-gradient(15deg, #303435 30%, #343838 100%); padding: 18px; font-size: 12px; color: #ffffff !important; align-items: center; border-radius: 11px; justify-content: center; } .btn_add_forum:hover { opacity: 0.7; font-size: 12px; } .head_block_topic { display: flex; flex-direction: column; line-height: 17px; } .name_topic_forum { font-size: 15px; font-weight: bold; } .block_forum_profile_top { border-radius: 17px; margin-bottom: 10px; background: linear-gradient(15deg, #313536 30%, #313536 100%); display: flex; gap: 15px; padding: 18px; flex-direction: column; } .flex_text_forum { display: flex; flex-direction: column; align-items: flex-start; line-height: 17px; } .name_user_forum { font-size: 13px; font-weight: bold; color: #fff; display: block; text-align: left; text-overflow: ellipsis; width: 110px; overflow: hidden; white-space: nowrap; } .group_user_forum { font-size: 11px; font-weight: bold; } .img_forum_user { width: 45px; height: 45px; border-radius: 11px; transition: 0.2s; position: relative; z-index: 1; } .img_forum_user:hover { opacity: 0.7; } .img_forum_user_back { position: relative; filter: blur(5px); opacity: 0.3; z-index: 0; border-radius: 13px; margin-left: -10px; margin-right: -47px; width: 44px; height: 44px; } .avatar_profile { width: 73px; height: 73px; border-radius: 15px; margin-left: 5px; } .name_reaction_forum { font-size: 11px; color: #ffa9b3; } .info_reactions_profile { display: flex; background: linear-gradient(262deg, #ff7d7d12 30%, #ff7d7d2b 100%); gap: 12px; border-radius: 15px; padding: 13px; flex-direction: column; } .flex_user_info_topic { display: flex; gap: 14px; align-items: center; } .search_flex_users { display: flex; gap: 8px; width: 500px; } .flex_text_topic_forum { display: flex; flex-direction: column; justify-content: center; line-height: 18px; } .block_top_users { padding: 15px; border-radius: 50px; background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%); display: flex; margin-bottom: 20px; justify-content: space-between; } @media (max-width: 1199px) { .new_table_forum { display: flex; flex-direction: column; align-items: flex-start; } .table-row .small_us_av { display: none; } .block_support_left { max-height: 520px; } .block_stats_bans { display: flex; gap: 10px; flex-direction: column; } .left_blocked { width: 60%; padding: 20px; } .flex_mini_user { display: none; } } @media (max-width: 991.99px) { .flex_servers_block_bms { gap: 6px; align-items: flex-start; flex-direction: column; } .log_in_buton { top: 1px !important; right: 0px; margin-right: -44px !important; } .modal_der { padding-bottom: 15px;width: 100%; } .page_block { width: 100%; } .page_not_auth { padding: 0px 15px; } .not_activate_steam i { font-size: 20px !important; } .left_profile_stats_player { min-width: auto; display: flex; width: 100%; justify-content: flex-start; } .right_profile_stats_player { width: 100%; } .btn_delete_player { width: 100%; } .profile_stats_player { display: flex; gap: 10px; flex-direction: column; } .flex_player_stats_top { display: flex; gap: 10px; flex-direction: column; } .link_text_setting { display: flex; flex-direction: column; } .flex_edit_avatar_setting { gap: 10px; flex-direction: column; } .flex_edit_date { gap: 0px; flex-direction: column; } .cookies_noty { max-width: 100%; width: 305px; } .modal_bans { flex-direction: column; } .reward { width: 100% !important; } .text_place_viget { display: none; } .not_activate_steam { font-size: 11px; align-items: center; color: #958d90; margin-left: 0px; } .row_viget { flex-direction: column; } #dw_donations .block.dark .card { margin-bottom: 0px !important; } .go_stats_info { width: 100%; position: absolute; height: 95%; z-index: 2; } .d-md-none { display: none !important; } .flex_player_top_stats { display: flex; gap: 15px; margin-bottom: 20px; flex-direction: column; } .form_custom_select { border-radius: 11px; } .select-wrapper { position: relative; width: 100%; height: 52px; } .head_block::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(45 38 41 / 81%); z-index: 2; } .progress_full_block { margin-bottom: 0px; top: 2px; } .online_desp { text-align: left; position: relative; top: 8px; color: #aebbcf; } .sdg_online { font-size: 12px; color: #ffffff; font-weight: 350; position: absolute; left: 73px; } .general_online_block { width: 100%; border-radius: 16px; display: flex; justify-content: flex-start; flex-direction: row; padding: 14px; align-items: center; gap: 12px; } .flex_rcon_shop { flex-direction: column; } .flex_mini_user { display: flex; } .block_top_users { border-radius: 20px; } .search_flex_users { flex-direction: column; gap: 0px; } .search_flex_users .custom-select.with-title > select{ border-radius: 11px !important; } .search_btn { border-radius: 9px; } .search_flex_users .custom-select i { border-radius: 9px !important; } .block_message { gap: 0px; flex-direction: column; } .block_message_right { width: 100%; } .delete_privileges { position: absolute; right: 32px; margin-top: -12px; font-size: 13px; transition: 0.2s; } .number_referal { margin-left: 0px; } .right_user_top { display: flex; gap: 9px; align-items: center; flex-direction: column; width: 100%; } .right_user_top .custom-select { width: 100% !important; } .heading_block_user { display: flex; align-items: flex-start; margin-bottom: 15px; justify-content: space-between; flex-direction: column; gap: 20px; } .edit_news_right { width: 100%; } .block_search { border-radius: 10px; margin-top: 7px; width: 100%; } .block_select_friends { padding: 15px; border-radius: 20px; } .block_forum_item { display: flex; flex-direction: column; gap: 20px; } .desp_forum { font-size: 11px; line-height: 13px; } .flex_info_forum { line-height: 25px; } .flex_forum_info_right { border-left: none; width: auto; } .block_btn_forum_top { gap: 10px; } .new_table_forum { display: flex; border-radius: 15px; flex-direction: column; gap: 17px; align-items: flex-start; } .new_tr_forum_flex { display: flex; width: 100%; flex-direction: column; } .new_tr_forum { width: 100%; } .name_info_block_topic { align-items: flex-start; flex-direction: column; gap: 15px; } .block_support { flex-direction: column; } .block_support_left { max-height: max-content; width: 100%; } .block_support_right { width: 100%; } .info_server { margin-top: 20px; } .status_block { display: flex !important; flex-direction: row !important; margin-bottom: 0px !important; height: 56px !important; } .status_block small{ color: #fff !important; font-size: 12px; position: relative; top: 10px; } .div_edit_user { flex-direction: column; } .btn_ticket_support { flex-wrap: wrap; } .block_select_servers_blocked { padding: 15px; border-radius: 20px; justify-content: space-between; flex-direction: column; } .blocked_block { height: fit-content; padding: 15px; } .edit_news_left { width: 100%; } .flex_blocked { margin-bottom: 15px; } .btns_blocked { display: none; } .blocked_text { font-size: 19px; } .blocked_desp { font-size: 11.5px; } .left_blocked { width: 100%; } .avatar_edit { padding: 20px; flex-direction: column; } .flex_user_avatar_edit { width: 100%; } .avatar_edit_result { width: 100px; height: 100px; border-radius: 17px; margin-left: -15px; } .select_number { flex-wrap: wrap; } .flex_edit_news { flex-direction: column; } .transparent_tr { background: #fff0 !important; height: max-content !important; align-items: flex-start; padding: 0px !important; } .status_purse_minus { box-shadow: none; } .status_purse_plus { box-shadow: none; } #loader { margin: -65px 0 0 -25px; } .block_select_support { border-radius: 15px; } .prof_l { flex-direction: column; align-items: flex-start; } .contacts_profile { flex-wrap: wrap; } .profile_contact_discord { width: fit-content; } .status_user_chat { display: none; } .news_flex { flex-direction: column; } .left_news { width: 100%; } .name_news_img { font-size: 14px; } .block_content_new { width: 100%; } .slider_menu { display:none; } .img_edit_news { height: 180px; } .discount_block { height: auto; gap: 15px; align-items: flex-start; flex-direction: column; } .flex_yes_or_no { margin-bottom: 15px; } .name_server_info { max-width: 300px; } .position_player { display: none !important; } } /* source: templates/cs27Reg/css/style_editor.css */ .tox .tox-edit-area__iframe { background: #2e3233; !important; padding: 15px 15px; } .tox-tinymce { border-radius: 11px!important; } .tox .tox-menubar { background: #3c4041; } .tox .tox-collection--list .tox-collection__group { border-color: #5d6466; } .tox .tox-collection__item-accessory { color: rgb(179 166 172); } .tox .tox-collection__item-caret svg { fill: rgb(179 166 172); } .tox .tox-tbtn--bespoke .tox-tbtn__select-label { color: #d3c8cd; } .tox .tox-collection__item-icon svg { fill: #ffffff; } .tox .tox-menu { background-color: #494f50; border: 1px solid #494f50; } .tox .tox-collection__item-label { color: #d8ccd1; } .tox .tox-collection--list .tox-collection__item--active { background-color: #695f64; color: #ffff; } .tox .tox-mbtn:focus:not(:disabled) { background: #4c5253; color: #ffffff } .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) { background: #4c5253; color: #ffffff; } .tox .tox-mbtn { color: #afa7ab; } .tox .tox-mbtn--active { background: #5e6566; border: 0; box-shadow: none; color: #ffffff; } .tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary { background-color: #2b2f30; } .tox .tox-tbtn--enabled, .tox .tox-tbtn--enabled:hover { background: #525859; color: #ffffff; } .tox .tox-tbtn:hover svg { fill: #ffffff; } .tox .tox-tbtn svg { display: block; fill: #a0a7a9; } .tox .tox-tbtn--enabled svg, .tox .tox-tbtn--enabled:hover svg { fill: #ffffff } .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) { color: #ffffff } .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg { fill: #ffffff } .tox .tox-tbtn:hover { background: #505657; } .tox-tinymce { border: 1px solid #2b2f30; } .tox .tox-statusbar a, .tox .tox-statusbar__path-item, .tox .tox-statusbar__wordcount { color: rgb(127 112 119); text-decoration: none; } .tox .tox-statusbar__resize-handle svg { display: block; fill: rgb(127 112 119); } .tox .tox-toolbar-overlord { background-color: #2b2f30; border-bottom: 1px solid #2b2f30; } .tox .tox-statusbar { background-color: #2b2f30; border-top: 1px solid #2b2f30; color: rgb(255 255 255 / 70%); } /* source: templates/cs27Reg/css/main.css */ .with_code table tr td { word-break: normal; } .content-page-title { margin: 0 0 18px; color: #fff; font-family: "Unbounded", "Montserrat", sans-serif; font-size: clamp(22px, 3vw, 34px); font-weight: 700; line-height: 1.25; } .heading, .title_head, .name_topic_forum, .name_news_img { margin: 0; } .flex_vert_al h1 { margin: 0; color: inherit; font: inherit; } /* Главный экран: управляемый перенос заголовка. */ .title_head__line { display: block; } .bar_head { margin-top: 35px; } /* Мини-блок розыгрыша должен оставаться внутри баннера после переноса H1 на три строки. */ .head_block { background-image: url("../img/headd.webp"); } .head_block .bar_head > .text_head { margin-bottom: 8px; } /* Современные кнопки на странице загрузки CS 1.6. */ .with_code > p:has(> a[href*="cs-best.ru"]), .with_code > p:has(> a[href*="cs16best.ru"]), .with_code > p:has(> a[href*="cssbest.ru"]) { display: inline-block; margin: 0 8px 14px 0; } .with_code a[href*="cs-best.ru"] > .news-button-bottom, .with_code a[href*="cs16best.ru"] > .news-button-bottom, .with_code a[href*="cssbest.ru"] > .news-button-bottom { position: relative; isolation: isolate; float: none !important; display: inline-flex; width: 210px !important; min-height: 54px; margin: 0 !important; padding: 0 18px; align-items: center; justify-content: center; gap: 10px; overflow: hidden; border: 1px solid rgba(255, 141, 151, .45); border-radius: 14px; background: linear-gradient(135deg, #ff7a2a 0%, #fe7f78 48%, #ff9b46 120%); box-shadow: 0 10px 24px rgba(253, 100, 124, .22), inset 0 1px 0 rgba(255, 255, 255, .2); color: #fff; font-family: "Unbounded", "Montserrat", sans-serif; font-size: 10px; font-weight: 650; line-height: 1.35; letter-spacing: .02em; text-align: center; text-shadow: 0 1px 8px rgba(31, 22, 27, .35); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .with_code a[href*="cs-best.ru"] > .news-button-bottom::before, .with_code a[href*="cs16best.ru"] > .news-button-bottom::before, .with_code a[href*="cssbest.ru"] > .news-button-bottom::before { content: "\2193"; display: inline-flex; width: 28px; height: 28px; flex: 0 0 28px; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .28); border-radius: 9px; background: rgba(42, 31, 37, .2); font-family: "Montserrat", sans-serif; font-size: 18px; font-weight: 700; } .with_code a[href*="cssbest.ru"] > .news-button-bottom::before { content: "\2630"; font-size: 14px; } .with_code a[href*="cs-best.ru"] > .news-button-bottom::after, .with_code a[href*="cs16best.ru"] > .news-button-bottom::after, .with_code a[href*="cssbest.ru"] > .news-button-bottom::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(110deg, transparent 25%, rgba(255, 255, 255, .18) 46%, transparent 67%); transform: translateX(-120%); transition: transform .45s ease; } .with_code a[href*="cs-best.ru"] > .news-button-bottom img, .with_code a[href*="cs16best.ru"] > .news-button-bottom img, .with_code a[href*="cssbest.ru"] > .news-button-bottom img { display: none !important; } .with_code a[href*="cs-best.ru"]:hover > .news-button-bottom, .with_code a[href*="cs16best.ru"]:hover > .news-button-bottom, .with_code a[href*="cssbest.ru"]:hover > .news-button-bottom { transform: translateY(-2px); border-color: rgba(255, 255, 255, .42); box-shadow: 0 14px 28px rgba(253, 100, 124, .3), inset 0 1px 0 rgba(255, 255, 255, .24); } .with_code a[href*="cs-best.ru"]:hover > .news-button-bottom::after, .with_code a[href*="cs16best.ru"]:hover > .news-button-bottom::after, .with_code a[href*="cssbest.ru"]:hover > .news-button-bottom::after { transform: translateX(120%); } /* Превью услуг в магазине берётся из изображения, загруженного в админке. */ .service_preview_image { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; object-position: center; transition: transform .35s ease, filter .35s ease; } .service_preview_fallback { width: 100%; height: 100%; align-items: center; justify-content: center; background: radial-gradient(circle at 50% 38%, rgba(254, 127, 120, .2), transparent 58%), #2a2d2e; color: #fe8b82; font-size: 42px; } .service_preview_fallback:not([hidden]) { display: flex; } .image_card_store { position: relative; overflow: hidden; padding: 0; margin-bottom: 0; background: #2a2d2e; } .image_card_store::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(28, 21, 25, .04) 45%, rgba(28, 21, 25, .58) 100%); } .price_store_card { z-index: 2; } .card_privilege:hover { opacity: 1; border-color: rgba(254, 127, 120, .45); transform: translateY(-2px); box-shadow: 0 14px 30px rgba(16, 11, 14, .24); } .card_privilege:hover .service_preview_image { transform: scale(1.045); filter: saturate(1.08); } .card_privilege { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; } .flex_card_info_store { min-height: 182px; padding: 18px 23px 23px; } .first_flex_info_card { width: 100%; } .name_card { display: block; width: 100%; margin: 0 0 8px; overflow: visible; color: #fff; font-size: 12.5px; line-height: 1.45; text-align: center; white-space: normal; overflow-wrap: anywhere; word-break: normal; } @media (max-width: 767px) { .head_block { background-image: url("../img/hero-mobile.webp"); } .title_head { font-size: 20px; line-height: 1.25; } .head_block .bar_head > .text_head { margin-bottom: 20px; } .with_code > p:has(> a[href*="cs-best.ru"]), .with_code > p:has(> a[href*="cs16best.ru"]), .with_code > p:has(> a[href*="cssbest.ru"]) { display: block; width: 100%; margin: 0 0 10px; } .with_code a[href*="cs-best.ru"], .with_code a[href*="cs16best.ru"], .with_code a[href*="cssbest.ru"], .with_code a[href*="cs-best.ru"] > .news-button-bottom, .with_code a[href*="cs16best.ru"] > .news-button-bottom, .with_code a[href*="cssbest.ru"] > .news-button-bottom { width: 100% !important; } } /* source: templates/cs27Reg/css/boxicons.min.css */ @font-face{font-display:swap;font-display:swap;font-family:boxicons;font-weight:400;font-style:normal;src:url("../fonts/boxicons.eot");src:url("../fonts/boxicons.eot") format('embedded-opentype'),url("../fonts/boxicons.woff2") format('woff2'),url("../fonts/boxicons.woff") format('woff'),url("../fonts/boxicons.ttf") format('truetype'),url("../fonts/boxicons.svg?#boxicons") format('svg')}.bx{font-family:boxicons!important;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;display:inline-block;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bx-ul{margin-left:2em;padding-left:0;list-style:none}.bx-ul>li{position:relative}.bx-ul .bx{font-size:inherit;line-height:inherit;position:absolute;left:-2em;width:2em;text-align:center}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes burst{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}90%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@keyframes burst{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}90%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@-webkit-keyframes flashing{0%{opacity:1}45%{opacity:0}90%{opacity:1}}@keyframes flashing{0%{opacity:1}45%{opacity:0}90%{opacity:1}}@-webkit-keyframes fade-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}}@keyframes fade-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}}@-webkit-keyframes fade-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}}@keyframes fade-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}}@-webkit-keyframes fade-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}@keyframes fade-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}@-webkit-keyframes fade-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}@keyframes fade-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,10deg)}40%,60%,80%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,-10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,-10deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,10deg)}40%,60%,80%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bx-spin{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.bx-spin-hover:hover{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.bx-tada{-webkit-animation:tada 1.5s ease infinite;animation:tada 1.5s ease infinite}.bx-tada-hover:hover{-webkit-animation:tada 1.5s ease infinite;animation:tada 1.5s ease infinite}.bx-flashing{-webkit-animation:flashing 1.5s infinite linear;animation:flashing 1.5s infinite linear}.bx-flashing-hover:hover{-webkit-animation:flashing 1.5s infinite linear;animation:flashing 1.5s infinite linear}.bx-burst{-webkit-animation:burst 1.5s infinite linear;animation:burst 1.5s infinite linear}.bx-burst-hover:hover{-webkit-animation:burst 1.5s infinite linear;animation:burst 1.5s infinite linear}.bx-fade-up{-webkit-animation:fade-up 1.5s infinite linear;animation:fade-up 1.5s infinite linear}.bx-fade-up-hover:hover{-webkit-animation:fade-up 1.5s infinite linear;animation:fade-up 1.5s infinite linear}.bx-fade-down{-webkit-animation:fade-down 1.5s infinite linear;animation:fade-down 1.5s infinite linear}.bx-fade-down-hover:hover{-webkit-animation:fade-down 1.5s infinite linear;animation:fade-down 1.5s infinite linear}.bx-fade-left{-webkit-animation:fade-left 1.5s infinite linear;animation:fade-left 1.5s infinite linear}.bx-fade-left-hover:hover{-webkit-animation:fade-left 1.5s infinite linear;animation:fade-left 1.5s infinite linear}.bx-fade-right{-webkit-animation:fade-right 1.5s infinite linear;animation:fade-right 1.5s infinite linear}.bx-fade-right-hover:hover{-webkit-animation:fade-right 1.5s infinite linear;animation:fade-right 1.5s infinite linear}.bx-xs{font-size:1rem!important}.bx-sm{font-size:1.55rem!important}.bx-md{font-size:2.25rem!important}.bx-lg{font-size:3rem!important}.bx-fw{font-size:1.2857142857em;line-height:.8em;width:1.2857142857em;height:.8em;margin-top:-.2em!important;vertical-align:middle}.bx-pull-left{float:left;margin-right:.3em!important}.bx-pull-right{float:right;margin-left:.3em!important}.bx-rotate-90{transform:rotate(90deg)}.bx-rotate-180{transform:rotate(180deg)}.bx-rotate-270{transform:rotate(270deg)}.bx-flip-horizontal{transform:scaleX(-1)}.bx-flip-vertical{transform:scaleY(-1)}.bx-border{padding:.25em;border:.07em solid rgba(0,0,0,.1);border-radius:.25em}.bx-border-circle{padding:.25em;border:.07em solid rgba(0,0,0,.1);border-radius:50%}.bxs-balloon:before{content:"\eb60"}.bxs-castle:before{content:"\eb79"}.bxs-coffee-bean:before{content:"\eb92"}.bxs-objects-horizontal-center:before{content:"\ebab"}.bxs-objects-horizontal-left:before{content:"\ebc4"}.bxs-objects-horizontal-right:before{content:"\ebdd"}.bxs-objects-vertical-bottom:before{content:"\ebf6"}.bxs-objects-vertical-center:before{content:"\ef40"}.bxs-objects-vertical-top:before{content:"\ef41"}.bxs-pear:before{content:"\ef42"}.bxs-shield-minus:before{content:"\ef43"}.bxs-shield-plus:before{content:"\ef44"}.bxs-shower:before{content:"\ef45"}.bxs-sushi:before{content:"\ef46"}.bxs-universal-access:before{content:"\ef47"}.bx-child:before{content:"\ef48"}.bx-horizontal-left:before{content:"\ef49"}.bx-horizontal-right:before{content:"\ef4a"}.bx-objects-horizontal-center:before{content:"\ef4b"}.bx-objects-horizontal-left:before{content:"\ef4c"}.bx-objects-horizontal-right:before{content:"\ef4d"}.bx-objects-vertical-bottom:before{content:"\ef4e"}.bx-objects-vertical-center:before{content:"\ef4f"}.bx-objects-vertical-top:before{content:"\ef50"}.bx-rfid:before{content:"\ef51"}.bx-shield-minus:before{content:"\ef52"}.bx-shield-plus:before{content:"\ef53"}.bx-shower:before{content:"\ef54"}.bx-sushi:before{content:"\ef55"}.bx-universal-access:before{content:"\ef56"}.bx-vertical-bottom:before{content:"\ef57"}.bx-vertical-top:before{content:"\ef58"}.bxl-graphql:before{content:"\ef59"}.bxl-typescript:before{content:"\ef5a"}.bxs-color:before{content:"\ef39"}.bx-reflect-horizontal:before{content:"\ef3a"}.bx-reflect-vertical:before{content:"\ef3b"}.bx-color:before{content:"\ef3c"}.bxl-mongodb:before{content:"\ef3d"}.bxl-postgresql:before{content:"\ef3e"}.bxl-deezer:before{content:"\ef3f"}.bxs-hard-hat:before{content:"\ef2a"}.bxs-home-alt-2:before{content:"\ef2b"}.bxs-cheese:before{content:"\ef2c"}.bx-home-alt-2:before{content:"\ef2d"}.bx-hard-hat:before{content:"\ef2e"}.bx-cheese:before{content:"\ef2f"}.bx-cart-add:before{content:"\ef30"}.bx-cart-download:before{content:"\ef31"}.bx-no-signal:before{content:"\ef32"}.bx-signal-1:before{content:"\ef33"}.bx-signal-2:before{content:"\ef34"}.bx-signal-3:before{content:"\ef35"}.bx-signal-4:before{content:"\ef36"}.bx-signal-5:before{content:"\ef37"}.bxl-xing:before{content:"\ef38"}.bxl-meta:before{content:"\ef27"}.bx-lemon:before{content:"\ef28"}.bxs-lemon:before{content:"\ef29"}.bx-cricket-ball:before{content:"\ef0c"}.bx-baguette:before{content:"\ef0d"}.bx-bowl-hot:before{content:"\ef0e"}.bx-bowl-rice:before{content:"\ef0f"}.bx-cable-car:before{content:"\ef10"}.bx-candles:before{content:"\ef11"}.bx-circle-half:before{content:"\ef12"}.bx-circle-quarter:before{content:"\ef13"}.bx-circle-three-quarter:before{content:"\ef14"}.bx-cross:before{content:"\ef15"}.bx-fork:before{content:"\ef16"}.bx-knife:before{content:"\ef17"}.bx-money-withdraw:before{content:"\ef18"}.bx-popsicle:before{content:"\ef19"}.bx-scatter-chart:before{content:"\ef1a"}.bxs-baguette:before{content:"\ef1b"}.bxs-bowl-hot:before{content:"\ef1c"}.bxs-bowl-rice:before{content:"\ef1d"}.bxs-cable-car:before{content:"\ef1e"}.bxs-circle-half:before{content:"\ef1f"}.bxs-circle-quarter:before{content:"\ef20"}.bxs-circle-three-quarter:before{content:"\ef21"}.bxs-cricket-ball:before{content:"\ef22"}.bxs-invader:before{content:"\ef23"}.bx-male-female:before{content:"\ef24"}.bxs-popsicle:before{content:"\ef25"}.bxs-tree-alt:before{content:"\ef26"}.bxl-venmo:before{content:"\e900"}.bxl-upwork:before{content:"\e901"}.bxl-netlify:before{content:"\e902"}.bxl-java:before{content:"\e903"}.bxl-heroku:before{content:"\e904"}.bxl-go-lang:before{content:"\e905"}.bxl-gmail:before{content:"\e906"}.bxl-flask:before{content:"\e907"}.bxl-99designs:before{content:"\e908"}.bxl-500px:before{content:"\e909"}.bxl-adobe:before{content:"\e90a"}.bxl-airbnb:before{content:"\e90b"}.bxl-algolia:before{content:"\e90c"}.bxl-amazon:before{content:"\e90d"}.bxl-android:before{content:"\e90e"}.bxl-angular:before{content:"\e90f"}.bxl-apple:before{content:"\e910"}.bxl-audible:before{content:"\e911"}.bxl-aws:before{content:"\e912"}.bxl-baidu:before{content:"\e913"}.bxl-behance:before{content:"\e914"}.bxl-bing:before{content:"\e915"}.bxl-bitcoin:before{content:"\e916"}.bxl-blender:before{content:"\e917"}.bxl-blogger:before{content:"\e918"}.bxl-bootstrap:before{content:"\e919"}.bxl-chrome:before{content:"\e91a"}.bxl-codepen:before{content:"\e91b"}.bxl-c-plus-plus:before{content:"\e91c"}.bxl-creative-commons:before{content:"\e91d"}.bxl-css3:before{content:"\e91e"}.bxl-dailymotion:before{content:"\e91f"}.bxl-deviantart:before{content:"\e920"}.bxl-dev-to:before{content:"\e921"}.bxl-digg:before{content:"\e922"}.bxl-digitalocean:before{content:"\e923"}.bxl-discord:before{content:"\e924"}.bxl-discord-alt:before{content:"\e925"}.bxl-discourse:before{content:"\e926"}.bxl-django:before{content:"\e927"}.bxl-docker:before{content:"\e928"}.bxl-dribbble:before{content:"\e929"}.bxl-dropbox:before{content:"\e92a"}.bxl-drupal:before{content:"\e92b"}.bxl-ebay:before{content:"\e92c"}.bxl-edge:before{content:"\e92d"}.bxl-etsy:before{content:"\e92e"}.bxl-facebook:before{content:"\e92f"}.bxl-facebook-circle:before{content:"\e930"}.bxl-facebook-square:before{content:"\e931"}.bxl-figma:before{content:"\e932"}.bxl-firebase:before{content:"\e933"}.bxl-firefox:before{content:"\e934"}.bxl-flickr:before{content:"\e935"}.bxl-flickr-square:before{content:"\e936"}.bxl-flutter:before{content:"\e937"}.bxl-foursquare:before{content:"\e938"}.bxl-git:before{content:"\e939"}.bxl-github:before{content:"\e93a"}.bxl-gitlab:before{content:"\e93b"}.bxl-google:before{content:"\e93c"}.bxl-google-cloud:before{content:"\e93d"}.bxl-google-plus:before{content:"\e93e"}.bxl-google-plus-circle:before{content:"\e93f"}.bxl-html5:before{content:"\e940"}.bxl-imdb:before{content:"\e941"}.bxl-instagram:before{content:"\e942"}.bxl-instagram-alt:before{content:"\e943"}.bxl-internet-explorer:before{content:"\e944"}.bxl-invision:before{content:"\e945"}.bxl-javascript:before{content:"\e946"}.bxl-joomla:before{content:"\e947"}.bxl-jquery:before{content:"\e948"}.bxl-jsfiddle:before{content:"\e949"}.bxl-kickstarter:before{content:"\e94a"}.bxl-kubernetes:before{content:"\e94b"}.bxl-less:before{content:"\e94c"}.bxl-linkedin:before{content:"\e94d"}.bxl-linkedin-square:before{content:"\e94e"}.bxl-magento:before{content:"\e94f"}.bxl-mailchimp:before{content:"\e950"}.bxl-markdown:before{content:"\e951"}.bxl-mastercard:before{content:"\e952"}.bxl-mastodon:before{content:"\e953"}.bxl-medium:before{content:"\e954"}.bxl-medium-old:before{content:"\e955"}.bxl-medium-square:before{content:"\e956"}.bxl-messenger:before{content:"\e957"}.bxl-microsoft:before{content:"\e958"}.bxl-microsoft-teams:before{content:"\e959"}.bxl-nodejs:before{content:"\e95a"}.bxl-ok-ru:before{content:"\e95b"}.bxl-opera:before{content:"\e95c"}.bxl-patreon:before{content:"\e95d"}.bxl-paypal:before{content:"\e95e"}.bxl-periscope:before{content:"\e95f"}.bxl-php:before{content:"\e960"}.bxl-pinterest:before{content:"\e961"}.bxl-pinterest-alt:before{content:"\e962"}.bxl-play-store:before{content:"\e963"}.bxl-pocket:before{content:"\e964"}.bxl-product-hunt:before{content:"\e965"}.bxl-python:before{content:"\e966"}.bxl-quora:before{content:"\e967"}.bxl-react:before{content:"\e968"}.bxl-redbubble:before{content:"\e969"}.bxl-reddit:before{content:"\e96a"}.bxl-redux:before{content:"\e96b"}.bxl-sass:before{content:"\e96c"}.bxl-shopify:before{content:"\e96d"}.bxl-sketch:before{content:"\e96e"}.bxl-skype:before{content:"\e96f"}.bxl-slack:before{content:"\e970"}.bxl-slack-old:before{content:"\e971"}.bxl-snapchat:before{content:"\e972"}.bxl-soundcloud:before{content:"\e973"}.bxl-spotify:before{content:"\e974"}.bxl-spring-boot:before{content:"\e975"}.bxl-squarespace:before{content:"\e976"}.bxl-stack-overflow:before{content:"\e977"}.bxl-steam:before{content:"\e978"}.bxl-stripe:before{content:"\e979"}.bxl-tailwind-css:before{content:"\e97a"}.bxl-telegram:before{content:"\e97b"}.bxl-tiktok:before{content:"\e97c"}.bxl-trello:before{content:"\e97d"}.bxl-trip-advisor:before{content:"\e97e"}.bxl-tumblr:before{content:"\e97f"}.bxl-tux:before{content:"\e980"}.bxl-twitch:before{content:"\e981"}.bxl-twitter:before{content:"\e982"}.bxl-unity:before{content:"\e983"}.bxl-unsplash:before{content:"\e984"}.bxl-vimeo:before{content:"\e985"}.bxl-visa:before{content:"\e986"}.bxl-visual-studio:before{content:"\e987"}.bxl-vk:before{content:"\e988"}.bxl-vuejs:before{content:"\e989"}.bxl-whatsapp:before{content:"\e98a"}.bxl-whatsapp-square:before{content:"\e98b"}.bxl-wikipedia:before{content:"\e98c"}.bxl-windows:before{content:"\e98d"}.bxl-wix:before{content:"\e98e"}.bxl-wordpress:before{content:"\e98f"}.bxl-yahoo:before{content:"\e990"}.bxl-yelp:before{content:"\e991"}.bxl-youtube:before{content:"\e992"}.bxl-zoom:before{content:"\e993"}.bx-collapse-alt:before{content:"\e994"}.bx-collapse-horizontal:before{content:"\e995"}.bx-collapse-vertical:before{content:"\e996"}.bx-expand-horizontal:before{content:"\e997"}.bx-expand-vertical:before{content:"\e998"}.bx-injection:before{content:"\e999"}.bx-leaf:before{content:"\e99a"}.bx-math:before{content:"\e99b"}.bx-party:before{content:"\e99c"}.bx-abacus:before{content:"\e99d"}.bx-accessibility:before{content:"\e99e"}.bx-add-to-queue:before{content:"\e99f"}.bx-adjust:before{content:"\e9a0"}.bx-alarm:before{content:"\e9a1"}.bx-alarm-add:before{content:"\e9a2"}.bx-alarm-exclamation:before{content:"\e9a3"}.bx-alarm-off:before{content:"\e9a4"}.bx-alarm-snooze:before{content:"\e9a5"}.bx-album:before{content:"\e9a6"}.bx-align-justify:before{content:"\e9a7"}.bx-align-left:before{content:"\e9a8"}.bx-align-middle:before{content:"\e9a9"}.bx-align-right:before{content:"\e9aa"}.bx-analyse:before{content:"\e9ab"}.bx-anchor:before{content:"\e9ac"}.bx-angry:before{content:"\e9ad"}.bx-aperture:before{content:"\e9ae"}.bx-arch:before{content:"\e9af"}.bx-archive:before{content:"\e9b0"}.bx-archive-in:before{content:"\e9b1"}.bx-archive-out:before{content:"\e9b2"}.bx-area:before{content:"\e9b3"}.bx-arrow-back:before{content:"\e9b4"}.bx-arrow-from-bottom:before{content:"\e9b5"}.bx-arrow-from-left:before{content:"\e9b6"}.bx-arrow-from-right:before{content:"\e9b7"}.bx-arrow-from-top:before{content:"\e9b8"}.bx-arrow-to-bottom:before{content:"\e9b9"}.bx-arrow-to-left:before{content:"\e9ba"}.bx-arrow-to-right:before{content:"\e9bb"}.bx-arrow-to-top:before{content:"\e9bc"}.bx-at:before{content:"\e9bd"}.bx-atom:before{content:"\e9be"}.bx-award:before{content:"\e9bf"}.bx-badge:before{content:"\e9c0"}.bx-badge-check:before{content:"\e9c1"}.bx-ball:before{content:"\e9c2"}.bx-band-aid:before{content:"\e9c3"}.bx-bar-chart:before{content:"\e9c4"}.bx-bar-chart-alt:before{content:"\e9c5"}.bx-bar-chart-alt-2:before{content:"\e9c6"}.bx-bar-chart-square:before{content:"\e9c7"}.bx-barcode:before{content:"\e9c8"}.bx-barcode-reader:before{content:"\e9c9"}.bx-baseball:before{content:"\e9ca"}.bx-basket:before{content:"\e9cb"}.bx-basketball:before{content:"\e9cc"}.bx-bath:before{content:"\e9cd"}.bx-battery:before{content:"\e9ce"}.bx-bed:before{content:"\e9cf"}.bx-been-here:before{content:"\e9d0"}.bx-beer:before{content:"\e9d1"}.bx-bell:before{content:"\e9d2"}.bx-bell-minus:before{content:"\e9d3"}.bx-bell-off:before{content:"\e9d4"}.bx-bell-plus:before{content:"\e9d5"}.bx-bible:before{content:"\e9d6"}.bx-bitcoin:before{content:"\e9d7"}.bx-blanket:before{content:"\e9d8"}.bx-block:before{content:"\e9d9"}.bx-bluetooth:before{content:"\e9da"}.bx-body:before{content:"\e9db"}.bx-bold:before{content:"\e9dc"}.bx-bolt-circle:before{content:"\e9dd"}.bx-bomb:before{content:"\e9de"}.bx-bone:before{content:"\e9df"}.bx-bong:before{content:"\e9e0"}.bx-book:before{content:"\e9e1"}.bx-book-add:before{content:"\e9e2"}.bx-book-alt:before{content:"\e9e3"}.bx-book-bookmark:before{content:"\e9e4"}.bx-book-content:before{content:"\e9e5"}.bx-book-heart:before{content:"\e9e6"}.bx-bookmark:before{content:"\e9e7"}.bx-bookmark-alt:before{content:"\e9e8"}.bx-bookmark-alt-minus:before{content:"\e9e9"}.bx-bookmark-alt-plus:before{content:"\e9ea"}.bx-bookmark-heart:before{content:"\e9eb"}.bx-bookmark-minus:before{content:"\e9ec"}.bx-bookmark-plus:before{content:"\e9ed"}.bx-bookmarks:before{content:"\e9ee"}.bx-book-open:before{content:"\e9ef"}.bx-book-reader:before{content:"\e9f0"}.bx-border-all:before{content:"\e9f1"}.bx-border-bottom:before{content:"\e9f2"}.bx-border-inner:before{content:"\e9f3"}.bx-border-left:before{content:"\e9f4"}.bx-border-none:before{content:"\e9f5"}.bx-border-outer:before{content:"\e9f6"}.bx-border-radius:before{content:"\e9f7"}.bx-border-right:before{content:"\e9f8"}.bx-border-top:before{content:"\e9f9"}.bx-bot:before{content:"\e9fa"}.bx-bowling-ball:before{content:"\e9fb"}.bx-box:before{content:"\e9fc"}.bx-bracket:before{content:"\e9fd"}.bx-braille:before{content:"\e9fe"}.bx-brain:before{content:"\e9ff"}.bx-briefcase:before{content:"\ea00"}.bx-briefcase-alt:before{content:"\ea01"}.bx-briefcase-alt-2:before{content:"\ea02"}.bx-brightness:before{content:"\ea03"}.bx-brightness-half:before{content:"\ea04"}.bx-broadcast:before{content:"\ea05"}.bx-brush:before{content:"\ea06"}.bx-brush-alt:before{content:"\ea07"}.bx-bug:before{content:"\ea08"}.bx-bug-alt:before{content:"\ea09"}.bx-building:before{content:"\ea0a"}.bx-building-house:before{content:"\ea0b"}.bx-buildings:before{content:"\ea0c"}.bx-bulb:before{content:"\ea0d"}.bx-bullseye:before{content:"\ea0e"}.bx-buoy:before{content:"\ea0f"}.bx-bus:before{content:"\ea10"}.bx-bus-school:before{content:"\ea11"}.bx-cabinet:before{content:"\ea12"}.bx-cake:before{content:"\ea13"}.bx-calculator:before{content:"\ea14"}.bx-calendar:before{content:"\ea15"}.bx-calendar-alt:before{content:"\ea16"}.bx-calendar-check:before{content:"\ea17"}.bx-calendar-edit:before{content:"\ea18"}.bx-calendar-event:before{content:"\ea19"}.bx-calendar-exclamation:before{content:"\ea1a"}.bx-calendar-heart:before{content:"\ea1b"}.bx-calendar-minus:before{content:"\ea1c"}.bx-calendar-plus:before{content:"\ea1d"}.bx-calendar-star:before{content:"\ea1e"}.bx-calendar-week:before{content:"\ea1f"}.bx-calendar-x:before{content:"\ea20"}.bx-camera:before{content:"\ea21"}.bx-camera-home:before{content:"\ea22"}.bx-camera-movie:before{content:"\ea23"}.bx-camera-off:before{content:"\ea24"}.bx-capsule:before{content:"\ea25"}.bx-captions:before{content:"\ea26"}.bx-car:before{content:"\ea27"}.bx-card:before{content:"\ea28"}.bx-caret-down:before{content:"\ea29"}.bx-caret-down-circle:before{content:"\ea2a"}.bx-caret-down-square:before{content:"\ea2b"}.bx-caret-left:before{content:"\ea2c"}.bx-caret-left-circle:before{content:"\ea2d"}.bx-caret-left-square:before{content:"\ea2e"}.bx-caret-right:before{content:"\ea2f"}.bx-caret-right-circle:before{content:"\ea30"}.bx-caret-right-square:before{content:"\ea31"}.bx-caret-up:before{content:"\ea32"}.bx-caret-up-circle:before{content:"\ea33"}.bx-caret-up-square:before{content:"\ea34"}.bx-carousel:before{content:"\ea35"}.bx-cart:before{content:"\ea36"}.bx-cart-alt:before{content:"\ea37"}.bx-cast:before{content:"\ea38"}.bx-category:before{content:"\ea39"}.bx-category-alt:before{content:"\ea3a"}.bx-cctv:before{content:"\ea3b"}.bx-certification:before{content:"\ea3c"}.bx-chair:before{content:"\ea3d"}.bx-chalkboard:before{content:"\ea3e"}.bx-chart:before{content:"\ea3f"}.bx-chat:before{content:"\ea40"}.bx-check:before{content:"\ea41"}.bx-checkbox:before{content:"\ea42"}.bx-checkbox-checked:before{content:"\ea43"}.bx-checkbox-minus:before{content:"\ea44"}.bx-checkbox-square:before{content:"\ea45"}.bx-check-circle:before{content:"\ea46"}.bx-check-double:before{content:"\ea47"}.bx-check-shield:before{content:"\ea48"}.bx-check-square:before{content:"\ea49"}.bx-chevron-down:before{content:"\ea4a"}.bx-chevron-down-circle:before{content:"\ea4b"}.bx-chevron-down-square:before{content:"\ea4c"}.bx-chevron-left:before{content:"\ea4d"}.bx-chevron-left-circle:before{content:"\ea4e"}.bx-chevron-left-square:before{content:"\ea4f"}.bx-chevron-right:before{content:"\ea50"}.bx-chevron-right-circle:before{content:"\ea51"}.bx-chevron-right-square:before{content:"\ea52"}.bx-chevrons-down:before{content:"\ea53"}.bx-chevrons-left:before{content:"\ea54"}.bx-chevrons-right:before{content:"\ea55"}.bx-chevrons-up:before{content:"\ea56"}.bx-chevron-up:before{content:"\ea57"}.bx-chevron-up-circle:before{content:"\ea58"}.bx-chevron-up-square:before{content:"\ea59"}.bx-chip:before{content:"\ea5a"}.bx-church:before{content:"\ea5b"}.bx-circle:before{content:"\ea5c"}.bx-clinic:before{content:"\ea5d"}.bx-clipboard:before{content:"\ea5e"}.bx-closet:before{content:"\ea5f"}.bx-cloud:before{content:"\ea60"}.bx-cloud-download:before{content:"\ea61"}.bx-cloud-drizzle:before{content:"\ea62"}.bx-cloud-lightning:before{content:"\ea63"}.bx-cloud-light-rain:before{content:"\ea64"}.bx-cloud-rain:before{content:"\ea65"}.bx-cloud-snow:before{content:"\ea66"}.bx-cloud-upload:before{content:"\ea67"}.bx-code:before{content:"\ea68"}.bx-code-alt:before{content:"\ea69"}.bx-code-block:before{content:"\ea6a"}.bx-code-curly:before{content:"\ea6b"}.bx-coffee:before{content:"\ea6c"}.bx-coffee-togo:before{content:"\ea6d"}.bx-cog:before{content:"\ea6e"}.bx-coin:before{content:"\ea6f"}.bx-coin-stack:before{content:"\ea70"}.bx-collapse:before{content:"\ea71"}.bx-collection:before{content:"\ea72"}.bx-color-fill:before{content:"\ea73"}.bx-columns:before{content:"\ea74"}.bx-command:before{content:"\ea75"}.bx-comment:before{content:"\ea76"}.bx-comment-add:before{content:"\ea77"}.bx-comment-check:before{content:"\ea78"}.bx-comment-detail:before{content:"\ea79"}.bx-comment-dots:before{content:"\ea7a"}.bx-comment-edit:before{content:"\ea7b"}.bx-comment-error:before{content:"\ea7c"}.bx-comment-minus:before{content:"\ea7d"}.bx-comment-x:before{content:"\ea7e"}.bx-compass:before{content:"\ea7f"}.bx-confused:before{content:"\ea80"}.bx-conversation:before{content:"\ea81"}.bx-cookie:before{content:"\ea82"}.bx-cool:before{content:"\ea83"}.bx-copy:before{content:"\ea84"}.bx-copy-alt:before{content:"\ea85"}.bx-copyright:before{content:"\ea86"}.bx-credit-card:before{content:"\ea87"}.bx-credit-card-alt:before{content:"\ea88"}.bx-credit-card-front:before{content:"\ea89"}.bx-crop:before{content:"\ea8a"}.bx-crosshair:before{content:"\ea8b"}.bx-crown:before{content:"\ea8c"}.bx-cube:before{content:"\ea8d"}.bx-cube-alt:before{content:"\ea8e"}.bx-cuboid:before{content:"\ea8f"}.bx-current-location:before{content:"\ea90"}.bx-customize:before{content:"\ea91"}.bx-cut:before{content:"\ea92"}.bx-cycling:before{content:"\ea93"}.bx-cylinder:before{content:"\ea94"}.bx-data:before{content:"\ea95"}.bx-desktop:before{content:"\ea96"}.bx-detail:before{content:"\ea97"}.bx-devices:before{content:"\ea98"}.bx-dialpad:before{content:"\ea99"}.bx-dialpad-alt:before{content:"\ea9a"}.bx-diamond:before{content:"\ea9b"}.bx-dice-1:before{content:"\ea9c"}.bx-dice-2:before{content:"\ea9d"}.bx-dice-3:before{content:"\ea9e"}.bx-dice-4:before{content:"\ea9f"}.bx-dice-5:before{content:"\eaa0"}.bx-dice-6:before{content:"\eaa1"}.bx-directions:before{content:"\eaa2"}.bx-disc:before{content:"\eaa3"}.bx-dish:before{content:"\eaa4"}.bx-dislike:before{content:"\eaa5"}.bx-dizzy:before{content:"\eaa6"}.bx-dna:before{content:"\eaa7"}.bx-dock-bottom:before{content:"\eaa8"}.bx-dock-left:before{content:"\eaa9"}.bx-dock-right:before{content:"\eaaa"}.bx-dock-top:before{content:"\eaab"}.bx-dollar:before{content:"\eaac"}.bx-dollar-circle:before{content:"\eaad"}.bx-donate-blood:before{content:"\eaae"}.bx-donate-heart:before{content:"\eaaf"}.bx-door-open:before{content:"\eab0"}.bx-dots-horizontal:before{content:"\eab1"}.bx-dots-horizontal-rounded:before{content:"\eab2"}.bx-dots-vertical:before{content:"\eab3"}.bx-dots-vertical-rounded:before{content:"\eab4"}.bx-doughnut-chart:before{content:"\eab5"}.bx-down-arrow:before{content:"\eab6"}.bx-down-arrow-alt:before{content:"\eab7"}.bx-down-arrow-circle:before{content:"\eab8"}.bx-download:before{content:"\eab9"}.bx-downvote:before{content:"\eaba"}.bx-drink:before{content:"\eabb"}.bx-droplet:before{content:"\eabc"}.bx-dumbbell:before{content:"\eabd"}.bx-duplicate:before{content:"\eabe"}.bx-edit:before{content:"\eabf"}.bx-edit-alt:before{content:"\eac0"}.bx-envelope:before{content:"\eac1"}.bx-envelope-open:before{content:"\eac2"}.bx-equalizer:before{content:"\eac3"}.bx-eraser:before{content:"\eac4"}.bx-error:before{content:"\eac5"}.bx-error-alt:before{content:"\eac6"}.bx-error-circle:before{content:"\eac7"}.bx-euro:before{content:"\eac8"}.bx-exclude:before{content:"\eac9"}.bx-exit:before{content:"\eaca"}.bx-exit-fullscreen:before{content:"\eacb"}.bx-expand:before{content:"\eacc"}.bx-expand-alt:before{content:"\eacd"}.bx-export:before{content:"\eace"}.bx-extension:before{content:"\eacf"}.bx-face:before{content:"\ead0"}.bx-fast-forward:before{content:"\ead1"}.bx-fast-forward-circle:before{content:"\ead2"}.bx-female:before{content:"\ead3"}.bx-female-sign:before{content:"\ead4"}.bx-file:before{content:"\ead5"}.bx-file-blank:before{content:"\ead6"}.bx-file-find:before{content:"\ead7"}.bx-film:before{content:"\ead8"}.bx-filter:before{content:"\ead9"}.bx-filter-alt:before{content:"\eada"}.bx-fingerprint:before{content:"\eadb"}.bx-first-aid:before{content:"\eadc"}.bx-first-page:before{content:"\eadd"}.bx-flag:before{content:"\eade"}.bx-folder:before{content:"\eadf"}.bx-folder-minus:before{content:"\eae0"}.bx-folder-open:before{content:"\eae1"}.bx-folder-plus:before{content:"\eae2"}.bx-font:before{content:"\eae3"}.bx-font-color:before{content:"\eae4"}.bx-font-family:before{content:"\eae5"}.bx-font-size:before{content:"\eae6"}.bx-food-menu:before{content:"\eae7"}.bx-food-tag:before{content:"\eae8"}.bx-football:before{content:"\eae9"}.bx-fridge:before{content:"\eaea"}.bx-fullscreen:before{content:"\eaeb"}.bx-game:before{content:"\eaec"}.bx-gas-pump:before{content:"\eaed"}.bx-ghost:before{content:"\eaee"}.bx-gift:before{content:"\eaef"}.bx-git-branch:before{content:"\eaf0"}.bx-git-commit:before{content:"\eaf1"}.bx-git-compare:before{content:"\eaf2"}.bx-git-merge:before{content:"\eaf3"}.bx-git-pull-request:before{content:"\eaf4"}.bx-git-repo-forked:before{content:"\eaf5"}.bx-glasses:before{content:"\eaf6"}.bx-glasses-alt:before{content:"\eaf7"}.bx-globe:before{content:"\eaf8"}.bx-globe-alt:before{content:"\eaf9"}.bx-grid:before{content:"\eafa"}.bx-grid-alt:before{content:"\eafb"}.bx-grid-horizontal:before{content:"\eafc"}.bx-grid-small:before{content:"\eafd"}.bx-grid-vertical:before{content:"\eafe"}.bx-group:before{content:"\eaff"}.bx-handicap:before{content:"\eb00"}.bx-happy:before{content:"\eb01"}.bx-happy-alt:before{content:"\eb02"}.bx-happy-beaming:before{content:"\eb03"}.bx-happy-heart-eyes:before{content:"\eb04"}.bx-hash:before{content:"\eb05"}.bx-hdd:before{content:"\eb06"}.bx-heading:before{content:"\eb07"}.bx-headphone:before{content:"\eb08"}.bx-health:before{content:"\eb09"}.bx-heart:before{content:"\eb0a"}.bx-heart-circle:before{content:"\eb0b"}.bx-heart-square:before{content:"\eb0c"}.bx-help-circle:before{content:"\eb0d"}.bx-hide:before{content:"\eb0e"}.bx-highlight:before{content:"\eb0f"}.bx-history:before{content:"\eb10"}.bx-hive:before{content:"\eb11"}.bx-home:before{content:"\eb12"}.bx-home-alt:before{content:"\eb13"}.bx-home-circle:before{content:"\eb14"}.bx-home-heart:before{content:"\eb15"}.bx-home-smile:before{content:"\eb16"}.bx-horizontal-center:before{content:"\eb17"}.bx-hotel:before{content:"\eb18"}.bx-hourglass:before{content:"\eb19"}.bx-id-card:before{content:"\eb1a"}.bx-image:before{content:"\eb1b"}.bx-image-add:before{content:"\eb1c"}.bx-image-alt:before{content:"\eb1d"}.bx-images:before{content:"\eb1e"}.bx-import:before{content:"\eb1f"}.bx-infinite:before{content:"\eb20"}.bx-info-circle:before{content:"\eb21"}.bx-info-square:before{content:"\eb22"}.bx-intersect:before{content:"\eb23"}.bx-italic:before{content:"\eb24"}.bx-joystick:before{content:"\eb25"}.bx-joystick-alt:before{content:"\eb26"}.bx-joystick-button:before{content:"\eb27"}.bx-key:before{content:"\eb28"}.bx-label:before{content:"\eb29"}.bx-landscape:before{content:"\eb2a"}.bx-laptop:before{content:"\eb2b"}.bx-last-page:before{content:"\eb2c"}.bx-laugh:before{content:"\eb2d"}.bx-layer:before{content:"\eb2e"}.bx-layer-minus:before{content:"\eb2f"}.bx-layer-plus:before{content:"\eb30"}.bx-layout:before{content:"\eb31"}.bx-left-arrow:before{content:"\eb32"}.bx-left-arrow-alt:before{content:"\eb33"}.bx-left-arrow-circle:before{content:"\eb34"}.bx-left-down-arrow-circle:before{content:"\eb35"}.bx-left-indent:before{content:"\eb36"}.bx-left-top-arrow-circle:before{content:"\eb37"}.bx-library:before{content:"\eb38"}.bx-like:before{content:"\eb39"}.bx-line-chart:before{content:"\eb3a"}.bx-line-chart-down:before{content:"\eb3b"}.bx-link:before{content:"\eb3c"}.bx-link-alt:before{content:"\eb3d"}.bx-link-external:before{content:"\eb3e"}.bx-lira:before{content:"\eb3f"}.bx-list-check:before{content:"\eb40"}.bx-list-minus:before{content:"\eb41"}.bx-list-ol:before{content:"\eb42"}.bx-list-plus:before{content:"\eb43"}.bx-list-ul:before{content:"\eb44"}.bx-loader:before{content:"\eb45"}.bx-loader-alt:before{content:"\eb46"}.bx-loader-circle:before{content:"\eb47"}.bx-location-plus:before{content:"\eb48"}.bx-lock:before{content:"\eb49"}.bx-lock-alt:before{content:"\eb4a"}.bx-lock-open:before{content:"\eb4b"}.bx-lock-open-alt:before{content:"\eb4c"}.bx-log-in:before{content:"\eb4d"}.bx-log-in-circle:before{content:"\eb4e"}.bx-log-out:before{content:"\eb4f"}.bx-log-out-circle:before{content:"\eb50"}.bx-low-vision:before{content:"\eb51"}.bx-magnet:before{content:"\eb52"}.bx-mail-send:before{content:"\eb53"}.bx-male:before{content:"\eb54"}.bx-male-sign:before{content:"\eb55"}.bx-map:before{content:"\eb56"}.bx-map-alt:before{content:"\eb57"}.bx-map-pin:before{content:"\eb58"}.bx-mask:before{content:"\eb59"}.bx-medal:before{content:"\eb5a"}.bx-meh:before{content:"\eb5b"}.bx-meh-alt:before{content:"\eb5c"}.bx-meh-blank:before{content:"\eb5d"}.bx-memory-card:before{content:"\eb5e"}.bx-menu:before{content:"\eb5f"}.bx-menu-alt-left:before{content:"\ef5b"}.bx-menu-alt-right:before{content:"\eb61"}.bx-merge:before{content:"\eb62"}.bx-message:before{content:"\eb63"}.bx-message-add:before{content:"\eb64"}.bx-message-alt:before{content:"\eb65"}.bx-message-alt-add:before{content:"\eb66"}.bx-message-alt-check:before{content:"\eb67"}.bx-message-alt-detail:before{content:"\eb68"}.bx-message-alt-dots:before{content:"\eb69"}.bx-message-alt-edit:before{content:"\eb6a"}.bx-message-alt-error:before{content:"\eb6b"}.bx-message-alt-minus:before{content:"\eb6c"}.bx-message-alt-x:before{content:"\eb6d"}.bx-message-check:before{content:"\eb6e"}.bx-message-detail:before{content:"\eb6f"}.bx-message-dots:before{content:"\eb70"}.bx-message-edit:before{content:"\eb71"}.bx-message-error:before{content:"\eb72"}.bx-message-minus:before{content:"\eb73"}.bx-message-rounded:before{content:"\eb74"}.bx-message-rounded-add:before{content:"\eb75"}.bx-message-rounded-check:before{content:"\eb76"}.bx-message-rounded-detail:before{content:"\eb77"}.bx-message-rounded-dots:before{content:"\eb78"}.bx-message-rounded-edit:before{content:"\ef5c"}.bx-message-rounded-error:before{content:"\eb7a"}.bx-message-rounded-minus:before{content:"\eb7b"}.bx-message-rounded-x:before{content:"\eb7c"}.bx-message-square:before{content:"\eb7d"}.bx-message-square-add:before{content:"\eb7e"}.bx-message-square-check:before{content:"\eb7f"}.bx-message-square-detail:before{content:"\eb80"}.bx-message-square-dots:before{content:"\eb81"}.bx-message-square-edit:before{content:"\eb82"}.bx-message-square-error:before{content:"\eb83"}.bx-message-square-minus:before{content:"\eb84"}.bx-message-square-x:before{content:"\eb85"}.bx-message-x:before{content:"\eb86"}.bx-meteor:before{content:"\eb87"}.bx-microchip:before{content:"\eb88"}.bx-microphone:before{content:"\eb89"}.bx-microphone-off:before{content:"\eb8a"}.bx-minus:before{content:"\eb8b"}.bx-minus-back:before{content:"\eb8c"}.bx-minus-circle:before{content:"\eb8d"}.bx-minus-front:before{content:"\eb8e"}.bx-mobile:before{content:"\eb8f"}.bx-mobile-alt:before{content:"\eb90"}.bx-mobile-landscape:before{content:"\eb91"}.bx-mobile-vibration:before{content:"\ef5d"}.bx-money:before{content:"\eb93"}.bx-moon:before{content:"\eb94"}.bx-mouse:before{content:"\eb95"}.bx-mouse-alt:before{content:"\eb96"}.bx-move:before{content:"\eb97"}.bx-move-horizontal:before{content:"\eb98"}.bx-move-vertical:before{content:"\eb99"}.bx-movie:before{content:"\eb9a"}.bx-movie-play:before{content:"\eb9b"}.bx-music:before{content:"\eb9c"}.bx-navigation:before{content:"\eb9d"}.bx-network-chart:before{content:"\eb9e"}.bx-news:before{content:"\eb9f"}.bx-no-entry:before{content:"\eba0"}.bx-note:before{content:"\eba1"}.bx-notepad:before{content:"\eba2"}.bx-notification:before{content:"\eba3"}.bx-notification-off:before{content:"\eba4"}.bx-outline:before{content:"\eba5"}.bx-package:before{content:"\eba6"}.bx-paint:before{content:"\eba7"}.bx-paint-roll:before{content:"\eba8"}.bx-palette:before{content:"\eba9"}.bx-paperclip:before{content:"\ebaa"}.bx-paper-plane:before{content:"\ef61"}.bx-paragraph:before{content:"\ebac"}.bx-paste:before{content:"\ebad"}.bx-pause:before{content:"\ebae"}.bx-pause-circle:before{content:"\ebaf"}.bx-pen:before{content:"\ebb0"}.bx-pencil:before{content:"\ebb1"}.bx-phone:before{content:"\ebb2"}.bx-phone-call:before{content:"\ebb3"}.bx-phone-incoming:before{content:"\ebb4"}.bx-phone-off:before{content:"\ebb5"}.bx-phone-outgoing:before{content:"\ebb6"}.bx-photo-album:before{content:"\ebb7"}.bx-pie-chart:before{content:"\ebb8"}.bx-pie-chart-alt:before{content:"\ebb9"}.bx-pie-chart-alt-2:before{content:"\ebba"}.bx-pin:before{content:"\ebbb"}.bx-planet:before{content:"\ebbc"}.bx-play:before{content:"\ebbd"}.bx-play-circle:before{content:"\ebbe"}.bx-plug:before{content:"\ebbf"}.bx-plus:before{content:"\ebc0"}.bx-plus-circle:before{content:"\ebc1"}.bx-plus-medical:before{content:"\ebc2"}.bx-podcast:before{content:"\ebc3"}.bx-pointer:before{content:"\ef5e"}.bx-poll:before{content:"\ebc5"}.bx-polygon:before{content:"\ebc6"}.bx-pound:before{content:"\ebc7"}.bx-power-off:before{content:"\ebc8"}.bx-printer:before{content:"\ebc9"}.bx-pulse:before{content:"\ebca"}.bx-purchase-tag:before{content:"\ebcb"}.bx-purchase-tag-alt:before{content:"\ebcc"}.bx-pyramid:before{content:"\ebcd"}.bx-qr:before{content:"\ebce"}.bx-qr-scan:before{content:"\ebcf"}.bx-question-mark:before{content:"\ebd0"}.bx-radar:before{content:"\ebd1"}.bx-radio:before{content:"\ebd2"}.bx-radio-circle:before{content:"\ebd3"}.bx-radio-circle-marked:before{content:"\ebd4"}.bx-receipt:before{content:"\ebd5"}.bx-rectangle:before{content:"\ebd6"}.bx-recycle:before{content:"\ebd7"}.bx-redo:before{content:"\ebd8"}.bx-refresh:before{content:"\ebd9"}.bx-registered:before{content:"\ebda"}.bx-rename:before{content:"\ebdb"}.bx-repeat:before{content:"\ebdc"}.bx-reply:before{content:"\ef5f"}.bx-reply-all:before{content:"\ebde"}.bx-repost:before{content:"\ebdf"}.bx-reset:before{content:"\ebe0"}.bx-restaurant:before{content:"\ebe1"}.bx-revision:before{content:"\ebe2"}.bx-rewind:before{content:"\ebe3"}.bx-rewind-circle:before{content:"\ebe4"}.bx-right-arrow:before{content:"\ebe5"}.bx-right-arrow-alt:before{content:"\ebe6"}.bx-right-arrow-circle:before{content:"\ebe7"}.bx-right-down-arrow-circle:before{content:"\ebe8"}.bx-right-indent:before{content:"\ebe9"}.bx-right-top-arrow-circle:before{content:"\ebea"}.bx-rocket:before{content:"\ebeb"}.bx-rotate-left:before{content:"\ebec"}.bx-rotate-right:before{content:"\ebed"}.bx-rss:before{content:"\ebee"}.bx-ruble:before{content:"\ebef"}.bx-ruler:before{content:"\ebf0"}.bx-run:before{content:"\ebf1"}.bx-rupee:before{content:"\ebf2"}.bx-sad:before{content:"\ebf3"}.bx-save:before{content:"\ebf4"}.bx-scan:before{content:"\ebf5"}.bx-screenshot:before{content:"\ef60"}.bx-search:before{content:"\ebf7"}.bx-search-alt:before{content:"\ebf8"}.bx-search-alt-2:before{content:"\ebf9"}.bx-selection:before{content:"\ebfa"}.bx-select-multiple:before{content:"\ebfb"}.bx-send:before{content:"\ebfc"}.bx-server:before{content:"\ebfd"}.bx-shape-circle:before{content:"\ebfe"}.bx-shape-polygon:before{content:"\ebff"}.bx-shape-square:before{content:"\ec00"}.bx-shape-triangle:before{content:"\ec01"}.bx-share:before{content:"\ec02"}.bx-share-alt:before{content:"\ec03"}.bx-shekel:before{content:"\ec04"}.bx-shield:before{content:"\ec05"}.bx-shield-alt:before{content:"\ec06"}.bx-shield-alt-2:before{content:"\ec07"}.bx-shield-quarter:before{content:"\ec08"}.bx-shield-x:before{content:"\ec09"}.bx-shocked:before{content:"\ec0a"}.bx-shopping-bag:before{content:"\ec0b"}.bx-show:before{content:"\ec0c"}.bx-show-alt:before{content:"\ec0d"}.bx-shuffle:before{content:"\ec0e"}.bx-sidebar:before{content:"\ec0f"}.bx-sitemap:before{content:"\ec10"}.bx-skip-next:before{content:"\ec11"}.bx-skip-next-circle:before{content:"\ec12"}.bx-skip-previous:before{content:"\ec13"}.bx-skip-previous-circle:before{content:"\ec14"}.bx-sleepy:before{content:"\ec15"}.bx-slider:before{content:"\ec16"}.bx-slider-alt:before{content:"\ec17"}.bx-slideshow:before{content:"\ec18"}.bx-smile:before{content:"\ec19"}.bx-sort:before{content:"\ec1a"}.bx-sort-alt-2:before{content:"\ec1b"}.bx-sort-a-z:before{content:"\ec1c"}.bx-sort-down:before{content:"\ec1d"}.bx-sort-up:before{content:"\ec1e"}.bx-sort-z-a:before{content:"\ec1f"}.bx-spa:before{content:"\ec20"}.bx-space-bar:before{content:"\ec21"}.bx-speaker:before{content:"\ec22"}.bx-spray-can:before{content:"\ec23"}.bx-spreadsheet:before{content:"\ec24"}.bx-square:before{content:"\ec25"}.bx-square-rounded:before{content:"\ec26"}.bx-star:before{content:"\ec27"}.bx-station:before{content:"\ec28"}.bx-stats:before{content:"\ec29"}.bx-sticker:before{content:"\ec2a"}.bx-stop:before{content:"\ec2b"}.bx-stop-circle:before{content:"\ec2c"}.bx-stopwatch:before{content:"\ec2d"}.bx-store:before{content:"\ec2e"}.bx-store-alt:before{content:"\ec2f"}.bx-street-view:before{content:"\ec30"}.bx-strikethrough:before{content:"\ec31"}.bx-subdirectory-left:before{content:"\ec32"}.bx-subdirectory-right:before{content:"\ec33"}.bx-sun:before{content:"\ec34"}.bx-support:before{content:"\ec35"}.bx-swim:before{content:"\ec36"}.bx-sync:before{content:"\ec37"}.bx-tab:before{content:"\ec38"}.bx-table:before{content:"\ec39"}.bx-tachometer:before{content:"\ec3a"}.bx-tag:before{content:"\ec3b"}.bx-tag-alt:before{content:"\ec3c"}.bx-target-lock:before{content:"\ec3d"}.bx-task:before{content:"\ec3e"}.bx-task-x:before{content:"\ec3f"}.bx-taxi:before{content:"\ec40"}.bx-tennis-ball:before{content:"\ec41"}.bx-terminal:before{content:"\ec42"}.bx-test-tube:before{content:"\ec43"}.bx-text:before{content:"\ec44"}.bx-time:before{content:"\ec45"}.bx-time-five:before{content:"\ec46"}.bx-timer:before{content:"\ec47"}.bx-tired:before{content:"\ec48"}.bx-toggle-left:before{content:"\ec49"}.bx-toggle-right:before{content:"\ec4a"}.bx-tone:before{content:"\ec4b"}.bx-traffic-cone:before{content:"\ec4c"}.bx-train:before{content:"\ec4d"}.bx-transfer:before{content:"\ec4e"}.bx-transfer-alt:before{content:"\ec4f"}.bx-trash:before{content:"\ec50"}.bx-trash-alt:before{content:"\ec51"}.bx-trending-down:before{content:"\ec52"}.bx-trending-up:before{content:"\ec53"}.bx-trim:before{content:"\ec54"}.bx-trip:before{content:"\ec55"}.bx-trophy:before{content:"\ec56"}.bx-tv:before{content:"\ec57"}.bx-underline:before{content:"\ec58"}.bx-undo:before{content:"\ec59"}.bx-unite:before{content:"\ec5a"}.bx-unlink:before{content:"\ec5b"}.bx-up-arrow:before{content:"\ec5c"}.bx-up-arrow-alt:before{content:"\ec5d"}.bx-up-arrow-circle:before{content:"\ec5e"}.bx-upload:before{content:"\ec5f"}.bx-upside-down:before{content:"\ec60"}.bx-upvote:before{content:"\ec61"}.bx-usb:before{content:"\ec62"}.bx-user:before{content:"\ec63"}.bx-user-check:before{content:"\ec64"}.bx-user-circle:before{content:"\ec65"}.bx-user-minus:before{content:"\ec66"}.bx-user-pin:before{content:"\ec67"}.bx-user-plus:before{content:"\ec68"}.bx-user-voice:before{content:"\ec69"}.bx-user-x:before{content:"\ec6a"}.bx-vector:before{content:"\ec6b"}.bx-vertical-center:before{content:"\ec6c"}.bx-vial:before{content:"\ec6d"}.bx-video:before{content:"\ec6e"}.bx-video-off:before{content:"\ec6f"}.bx-video-plus:before{content:"\ec70"}.bx-video-recording:before{content:"\ec71"}.bx-voicemail:before{content:"\ec72"}.bx-volume:before{content:"\ec73"}.bx-volume-full:before{content:"\ec74"}.bx-volume-low:before{content:"\ec75"}.bx-volume-mute:before{content:"\ec76"}.bx-walk:before{content:"\ec77"}.bx-wallet:before{content:"\ec78"}.bx-wallet-alt:before{content:"\ec79"}.bx-water:before{content:"\ec7a"}.bx-webcam:before{content:"\ec7b"}.bx-wifi:before{content:"\ec7c"}.bx-wifi-0:before{content:"\ec7d"}.bx-wifi-1:before{content:"\ec7e"}.bx-wifi-2:before{content:"\ec7f"}.bx-wifi-off:before{content:"\ec80"}.bx-wind:before{content:"\ec81"}.bx-window:before{content:"\ec82"}.bx-window-alt:before{content:"\ec83"}.bx-window-close:before{content:"\ec84"}.bx-window-open:before{content:"\ec85"}.bx-windows:before{content:"\ec86"}.bx-wine:before{content:"\ec87"}.bx-wink-smile:before{content:"\ec88"}.bx-wink-tongue:before{content:"\ec89"}.bx-won:before{content:"\ec8a"}.bx-world:before{content:"\ec8b"}.bx-wrench:before{content:"\ec8c"}.bx-x:before{content:"\ec8d"}.bx-x-circle:before{content:"\ec8e"}.bx-yen:before{content:"\ec8f"}.bx-zoom-in:before{content:"\ec90"}.bx-zoom-out:before{content:"\ec91"}.bxs-party:before{content:"\ec92"}.bxs-hot:before{content:"\ec93"}.bxs-droplet:before{content:"\ec94"}.bxs-cat:before{content:"\ec95"}.bxs-dog:before{content:"\ec96"}.bxs-injection:before{content:"\ec97"}.bxs-leaf:before{content:"\ec98"}.bxs-add-to-queue:before{content:"\ec99"}.bxs-adjust:before{content:"\ec9a"}.bxs-adjust-alt:before{content:"\ec9b"}.bxs-alarm:before{content:"\ec9c"}.bxs-alarm-add:before{content:"\ec9d"}.bxs-alarm-exclamation:before{content:"\ec9e"}.bxs-alarm-off:before{content:"\ec9f"}.bxs-alarm-snooze:before{content:"\eca0"}.bxs-album:before{content:"\eca1"}.bxs-ambulance:before{content:"\eca2"}.bxs-analyse:before{content:"\eca3"}.bxs-angry:before{content:"\eca4"}.bxs-arch:before{content:"\eca5"}.bxs-archive:before{content:"\eca6"}.bxs-archive-in:before{content:"\eca7"}.bxs-archive-out:before{content:"\eca8"}.bxs-area:before{content:"\eca9"}.bxs-arrow-from-bottom:before{content:"\ecaa"}.bxs-arrow-from-left:before{content:"\ecab"}.bxs-arrow-from-right:before{content:"\ecac"}.bxs-arrow-from-top:before{content:"\ecad"}.bxs-arrow-to-bottom:before{content:"\ecae"}.bxs-arrow-to-left:before{content:"\ecaf"}.bxs-arrow-to-right:before{content:"\ecb0"}.bxs-arrow-to-top:before{content:"\ecb1"}.bxs-award:before{content:"\ecb2"}.bxs-baby-carriage:before{content:"\ecb3"}.bxs-backpack:before{content:"\ecb4"}.bxs-badge:before{content:"\ecb5"}.bxs-badge-check:before{content:"\ecb6"}.bxs-badge-dollar:before{content:"\ecb7"}.bxs-ball:before{content:"\ecb8"}.bxs-band-aid:before{content:"\ecb9"}.bxs-bank:before{content:"\ecba"}.bxs-bar-chart-alt-2:before{content:"\ecbb"}.bxs-bar-chart-square:before{content:"\ecbc"}.bxs-barcode:before{content:"\ecbd"}.bxs-baseball:before{content:"\ecbe"}.bxs-basket:before{content:"\ecbf"}.bxs-basketball:before{content:"\ecc0"}.bxs-bath:before{content:"\ecc1"}.bxs-battery:before{content:"\ecc2"}.bxs-battery-charging:before{content:"\ecc3"}.bxs-battery-full:before{content:"\ecc4"}.bxs-battery-low:before{content:"\ecc5"}.bxs-bed:before{content:"\ecc6"}.bxs-been-here:before{content:"\ecc7"}.bxs-beer:before{content:"\ecc8"}.bxs-bell:before{content:"\ecc9"}.bxs-bell-minus:before{content:"\ecca"}.bxs-bell-off:before{content:"\eccb"}.bxs-bell-plus:before{content:"\eccc"}.bxs-bell-ring:before{content:"\eccd"}.bxs-bible:before{content:"\ecce"}.bxs-binoculars:before{content:"\eccf"}.bxs-blanket:before{content:"\ecd0"}.bxs-bolt:before{content:"\ecd1"}.bxs-bolt-circle:before{content:"\ecd2"}.bxs-bomb:before{content:"\ecd3"}.bxs-bone:before{content:"\ecd4"}.bxs-bong:before{content:"\ecd5"}.bxs-book:before{content:"\ecd6"}.bxs-book-add:before{content:"\ecd7"}.bxs-book-alt:before{content:"\ecd8"}.bxs-book-bookmark:before{content:"\ecd9"}.bxs-book-content:before{content:"\ecda"}.bxs-book-heart:before{content:"\ecdb"}.bxs-bookmark:before{content:"\ecdc"}.bxs-bookmark-alt:before{content:"\ecdd"}.bxs-bookmark-alt-minus:before{content:"\ecde"}.bxs-bookmark-alt-plus:before{content:"\ecdf"}.bxs-bookmark-heart:before{content:"\ece0"}.bxs-bookmark-minus:before{content:"\ece1"}.bxs-bookmark-plus:before{content:"\ece2"}.bxs-bookmarks:before{content:"\ece3"}.bxs-bookmark-star:before{content:"\ece4"}.bxs-book-open:before{content:"\ece5"}.bxs-book-reader:before{content:"\ece6"}.bxs-bot:before{content:"\ece7"}.bxs-bowling-ball:before{content:"\ece8"}.bxs-box:before{content:"\ece9"}.bxs-brain:before{content:"\ecea"}.bxs-briefcase:before{content:"\eceb"}.bxs-briefcase-alt:before{content:"\ecec"}.bxs-briefcase-alt-2:before{content:"\eced"}.bxs-brightness:before{content:"\ecee"}.bxs-brightness-half:before{content:"\ecef"}.bxs-brush:before{content:"\ecf0"}.bxs-brush-alt:before{content:"\ecf1"}.bxs-bug:before{content:"\ecf2"}.bxs-bug-alt:before{content:"\ecf3"}.bxs-building:before{content:"\ecf4"}.bxs-building-house:before{content:"\ecf5"}.bxs-buildings:before{content:"\ecf6"}.bxs-bulb:before{content:"\ecf7"}.bxs-bullseye:before{content:"\ecf8"}.bxs-buoy:before{content:"\ecf9"}.bxs-bus:before{content:"\ecfa"}.bxs-business:before{content:"\ecfb"}.bxs-bus-school:before{content:"\ecfc"}.bxs-cabinet:before{content:"\ecfd"}.bxs-cake:before{content:"\ecfe"}.bxs-calculator:before{content:"\ecff"}.bxs-calendar:before{content:"\ed00"}.bxs-calendar-alt:before{content:"\ed01"}.bxs-calendar-check:before{content:"\ed02"}.bxs-calendar-edit:before{content:"\ed03"}.bxs-calendar-event:before{content:"\ed04"}.bxs-calendar-exclamation:before{content:"\ed05"}.bxs-calendar-heart:before{content:"\ed06"}.bxs-calendar-minus:before{content:"\ed07"}.bxs-calendar-plus:before{content:"\ed08"}.bxs-calendar-star:before{content:"\ed09"}.bxs-calendar-week:before{content:"\ed0a"}.bxs-calendar-x:before{content:"\ed0b"}.bxs-camera:before{content:"\ed0c"}.bxs-camera-home:before{content:"\ed0d"}.bxs-camera-movie:before{content:"\ed0e"}.bxs-camera-off:before{content:"\ed0f"}.bxs-camera-plus:before{content:"\ed10"}.bxs-capsule:before{content:"\ed11"}.bxs-captions:before{content:"\ed12"}.bxs-car:before{content:"\ed13"}.bxs-car-battery:before{content:"\ed14"}.bxs-car-crash:before{content:"\ed15"}.bxs-card:before{content:"\ed16"}.bxs-caret-down-circle:before{content:"\ed17"}.bxs-caret-down-square:before{content:"\ed18"}.bxs-caret-left-circle:before{content:"\ed19"}.bxs-caret-left-square:before{content:"\ed1a"}.bxs-caret-right-circle:before{content:"\ed1b"}.bxs-caret-right-square:before{content:"\ed1c"}.bxs-caret-up-circle:before{content:"\ed1d"}.bxs-caret-up-square:before{content:"\ed1e"}.bxs-car-garage:before{content:"\ed1f"}.bxs-car-mechanic:before{content:"\ed20"}.bxs-carousel:before{content:"\ed21"}.bxs-cart:before{content:"\ed22"}.bxs-cart-add:before{content:"\ed23"}.bxs-cart-alt:before{content:"\ed24"}.bxs-cart-download:before{content:"\ed25"}.bxs-car-wash:before{content:"\ed26"}.bxs-category:before{content:"\ed27"}.bxs-category-alt:before{content:"\ed28"}.bxs-cctv:before{content:"\ed29"}.bxs-certification:before{content:"\ed2a"}.bxs-chalkboard:before{content:"\ed2b"}.bxs-chart:before{content:"\ed2c"}.bxs-chat:before{content:"\ed2d"}.bxs-checkbox:before{content:"\ed2e"}.bxs-checkbox-checked:before{content:"\ed2f"}.bxs-checkbox-minus:before{content:"\ed30"}.bxs-check-circle:before{content:"\ed31"}.bxs-check-shield:before{content:"\ed32"}.bxs-check-square:before{content:"\ed33"}.bxs-chess:before{content:"\ed34"}.bxs-chevron-down:before{content:"\ed35"}.bxs-chevron-down-circle:before{content:"\ed36"}.bxs-chevron-down-square:before{content:"\ed37"}.bxs-chevron-left:before{content:"\ed38"}.bxs-chevron-left-circle:before{content:"\ed39"}.bxs-chevron-left-square:before{content:"\ed3a"}.bxs-chevron-right:before{content:"\ed3b"}.bxs-chevron-right-circle:before{content:"\ed3c"}.bxs-chevron-right-square:before{content:"\ed3d"}.bxs-chevrons-down:before{content:"\ed3e"}.bxs-chevrons-left:before{content:"\ed3f"}.bxs-chevrons-right:before{content:"\ed40"}.bxs-chevrons-up:before{content:"\ed41"}.bxs-chevron-up:before{content:"\ed42"}.bxs-chevron-up-circle:before{content:"\ed43"}.bxs-chevron-up-square:before{content:"\ed44"}.bxs-chip:before{content:"\ed45"}.bxs-church:before{content:"\ed46"}.bxs-circle:before{content:"\ed47"}.bxs-city:before{content:"\ed48"}.bxs-clinic:before{content:"\ed49"}.bxs-cloud:before{content:"\ed4a"}.bxs-cloud-download:before{content:"\ed4b"}.bxs-cloud-lightning:before{content:"\ed4c"}.bxs-cloud-rain:before{content:"\ed4d"}.bxs-cloud-upload:before{content:"\ed4e"}.bxs-coffee:before{content:"\ed4f"}.bxs-coffee-alt:before{content:"\ed50"}.bxs-coffee-togo:before{content:"\ed51"}.bxs-cog:before{content:"\ed52"}.bxs-coin:before{content:"\ed53"}.bxs-coin-stack:before{content:"\ed54"}.bxs-collection:before{content:"\ed55"}.bxs-color-fill:before{content:"\ed56"}.bxs-comment:before{content:"\ed57"}.bxs-comment-add:before{content:"\ed58"}.bxs-comment-check:before{content:"\ed59"}.bxs-comment-detail:before{content:"\ed5a"}.bxs-comment-dots:before{content:"\ed5b"}.bxs-comment-edit:before{content:"\ed5c"}.bxs-comment-error:before{content:"\ed5d"}.bxs-comment-minus:before{content:"\ed5e"}.bxs-comment-x:before{content:"\ed5f"}.bxs-compass:before{content:"\ed60"}.bxs-component:before{content:"\ed61"}.bxs-confused:before{content:"\ed62"}.bxs-contact:before{content:"\ed63"}.bxs-conversation:before{content:"\ed64"}.bxs-cookie:before{content:"\ed65"}.bxs-cool:before{content:"\ed66"}.bxs-copy:before{content:"\ed67"}.bxs-copy-alt:before{content:"\ed68"}.bxs-copyright:before{content:"\ed69"}.bxs-coupon:before{content:"\ed6a"}.bxs-credit-card:before{content:"\ed6b"}.bxs-credit-card-alt:before{content:"\ed6c"}.bxs-credit-card-front:before{content:"\ed6d"}.bxs-crop:before{content:"\ed6e"}.bxs-crown:before{content:"\ed6f"}.bxs-cube:before{content:"\ed70"}.bxs-cube-alt:before{content:"\ed71"}.bxs-cuboid:before{content:"\ed72"}.bxs-customize:before{content:"\ed73"}.bxs-cylinder:before{content:"\ed74"}.bxs-dashboard:before{content:"\ed75"}.bxs-data:before{content:"\ed76"}.bxs-detail:before{content:"\ed77"}.bxs-devices:before{content:"\ed78"}.bxs-diamond:before{content:"\ed79"}.bxs-dice-1:before{content:"\ed7a"}.bxs-dice-2:before{content:"\ed7b"}.bxs-dice-3:before{content:"\ed7c"}.bxs-dice-4:before{content:"\ed7d"}.bxs-dice-5:before{content:"\ed7e"}.bxs-dice-6:before{content:"\ed7f"}.bxs-direction-left:before{content:"\ed80"}.bxs-direction-right:before{content:"\ed81"}.bxs-directions:before{content:"\ed82"}.bxs-disc:before{content:"\ed83"}.bxs-discount:before{content:"\ed84"}.bxs-dish:before{content:"\ed85"}.bxs-dislike:before{content:"\ed86"}.bxs-dizzy:before{content:"\ed87"}.bxs-dock-bottom:before{content:"\ed88"}.bxs-dock-left:before{content:"\ed89"}.bxs-dock-right:before{content:"\ed8a"}.bxs-dock-top:before{content:"\ed8b"}.bxs-dollar-circle:before{content:"\ed8c"}.bxs-donate-blood:before{content:"\ed8d"}.bxs-donate-heart:before{content:"\ed8e"}.bxs-door-open:before{content:"\ed8f"}.bxs-doughnut-chart:before{content:"\ed90"}.bxs-down-arrow:before{content:"\ed91"}.bxs-down-arrow-alt:before{content:"\ed92"}.bxs-down-arrow-circle:before{content:"\ed93"}.bxs-down-arrow-square:before{content:"\ed94"}.bxs-download:before{content:"\ed95"}.bxs-downvote:before{content:"\ed96"}.bxs-drink:before{content:"\ed97"}.bxs-droplet-half:before{content:"\ed98"}.bxs-dryer:before{content:"\ed99"}.bxs-duplicate:before{content:"\ed9a"}.bxs-edit:before{content:"\ed9b"}.bxs-edit-alt:before{content:"\ed9c"}.bxs-edit-location:before{content:"\ed9d"}.bxs-eject:before{content:"\ed9e"}.bxs-envelope:before{content:"\ed9f"}.bxs-envelope-open:before{content:"\eda0"}.bxs-eraser:before{content:"\eda1"}.bxs-error:before{content:"\eda2"}.bxs-error-alt:before{content:"\eda3"}.bxs-error-circle:before{content:"\eda4"}.bxs-ev-station:before{content:"\eda5"}.bxs-exit:before{content:"\eda6"}.bxs-extension:before{content:"\eda7"}.bxs-eyedropper:before{content:"\eda8"}.bxs-face:before{content:"\eda9"}.bxs-face-mask:before{content:"\edaa"}.bxs-factory:before{content:"\edab"}.bxs-fast-forward-circle:before{content:"\edac"}.bxs-file:before{content:"\edad"}.bxs-file-archive:before{content:"\edae"}.bxs-file-blank:before{content:"\edaf"}.bxs-file-css:before{content:"\edb0"}.bxs-file-doc:before{content:"\edb1"}.bxs-file-export:before{content:"\edb2"}.bxs-file-find:before{content:"\edb3"}.bxs-file-gif:before{content:"\edb4"}.bxs-file-html:before{content:"\edb5"}.bxs-file-image:before{content:"\edb6"}.bxs-file-import:before{content:"\edb7"}.bxs-file-jpg:before{content:"\edb8"}.bxs-file-js:before{content:"\edb9"}.bxs-file-json:before{content:"\edba"}.bxs-file-md:before{content:"\edbb"}.bxs-file-pdf:before{content:"\edbc"}.bxs-file-plus:before{content:"\edbd"}.bxs-file-png:before{content:"\edbe"}.bxs-file-txt:before{content:"\edbf"}.bxs-film:before{content:"\edc0"}.bxs-filter-alt:before{content:"\edc1"}.bxs-first-aid:before{content:"\edc2"}.bxs-flag:before{content:"\edc3"}.bxs-flag-alt:before{content:"\edc4"}.bxs-flag-checkered:before{content:"\edc5"}.bxs-flame:before{content:"\edc6"}.bxs-flask:before{content:"\edc7"}.bxs-florist:before{content:"\edc8"}.bxs-folder:before{content:"\edc9"}.bxs-folder-minus:before{content:"\edca"}.bxs-folder-open:before{content:"\edcb"}.bxs-folder-plus:before{content:"\edcc"}.bxs-food-menu:before{content:"\edcd"}.bxs-fridge:before{content:"\edce"}.bxs-game:before{content:"\edcf"}.bxs-gas-pump:before{content:"\edd0"}.bxs-ghost:before{content:"\edd1"}.bxs-gift:before{content:"\edd2"}.bxs-graduation:before{content:"\edd3"}.bxs-grid:before{content:"\edd4"}.bxs-grid-alt:before{content:"\edd5"}.bxs-group:before{content:"\edd6"}.bxs-guitar-amp:before{content:"\edd7"}.bxs-hand:before{content:"\edd8"}.bxs-hand-down:before{content:"\edd9"}.bxs-hand-left:before{content:"\edda"}.bxs-hand-right:before{content:"\eddb"}.bxs-hand-up:before{content:"\eddc"}.bxs-happy:before{content:"\eddd"}.bxs-happy-alt:before{content:"\edde"}.bxs-happy-beaming:before{content:"\eddf"}.bxs-happy-heart-eyes:before{content:"\ede0"}.bxs-hdd:before{content:"\ede1"}.bxs-heart:before{content:"\ede2"}.bxs-heart-circle:before{content:"\ede3"}.bxs-heart-square:before{content:"\ede4"}.bxs-help-circle:before{content:"\ede5"}.bxs-hide:before{content:"\ede6"}.bxs-home:before{content:"\ede7"}.bxs-home-circle:before{content:"\ede8"}.bxs-home-heart:before{content:"\ede9"}.bxs-home-smile:before{content:"\edea"}.bxs-hotel:before{content:"\edeb"}.bxs-hourglass:before{content:"\edec"}.bxs-hourglass-bottom:before{content:"\eded"}.bxs-hourglass-top:before{content:"\edee"}.bxs-id-card:before{content:"\edef"}.bxs-image:before{content:"\edf0"}.bxs-image-add:before{content:"\edf1"}.bxs-image-alt:before{content:"\edf2"}.bxs-inbox:before{content:"\edf3"}.bxs-info-circle:before{content:"\edf4"}.bxs-info-square:before{content:"\edf5"}.bxs-institution:before{content:"\edf6"}.bxs-joystick:before{content:"\edf7"}.bxs-joystick-alt:before{content:"\edf8"}.bxs-joystick-button:before{content:"\edf9"}.bxs-key:before{content:"\edfa"}.bxs-keyboard:before{content:"\edfb"}.bxs-label:before{content:"\edfc"}.bxs-landmark:before{content:"\edfd"}.bxs-landscape:before{content:"\edfe"}.bxs-laugh:before{content:"\edff"}.bxs-layer:before{content:"\ee00"}.bxs-layer-minus:before{content:"\ee01"}.bxs-layer-plus:before{content:"\ee02"}.bxs-layout:before{content:"\ee03"}.bxs-left-arrow:before{content:"\ee04"}.bxs-left-arrow-alt:before{content:"\ee05"}.bxs-left-arrow-circle:before{content:"\ee06"}.bxs-left-arrow-square:before{content:"\ee07"}.bxs-left-down-arrow-circle:before{content:"\ee08"}.bxs-left-top-arrow-circle:before{content:"\ee09"}.bxs-like:before{content:"\ee0a"}.bxs-location-plus:before{content:"\ee0b"}.bxs-lock:before{content:"\ee0c"}.bxs-lock-alt:before{content:"\ee0d"}.bxs-lock-open:before{content:"\ee0e"}.bxs-lock-open-alt:before{content:"\ee0f"}.bxs-log-in:before{content:"\ee10"}.bxs-log-in-circle:before{content:"\ee11"}.bxs-log-out:before{content:"\ee12"}.bxs-log-out-circle:before{content:"\ee13"}.bxs-low-vision:before{content:"\ee14"}.bxs-magic-wand:before{content:"\ee15"}.bxs-magnet:before{content:"\ee16"}.bxs-map:before{content:"\ee17"}.bxs-map-alt:before{content:"\ee18"}.bxs-map-pin:before{content:"\ee19"}.bxs-mask:before{content:"\ee1a"}.bxs-medal:before{content:"\ee1b"}.bxs-megaphone:before{content:"\ee1c"}.bxs-meh:before{content:"\ee1d"}.bxs-meh-alt:before{content:"\ee1e"}.bxs-meh-blank:before{content:"\ee1f"}.bxs-memory-card:before{content:"\ee20"}.bxs-message:before{content:"\ee21"}.bxs-message-add:before{content:"\ee22"}.bxs-message-alt:before{content:"\ee23"}.bxs-message-alt-add:before{content:"\ee24"}.bxs-message-alt-check:before{content:"\ee25"}.bxs-message-alt-detail:before{content:"\ee26"}.bxs-message-alt-dots:before{content:"\ee27"}.bxs-message-alt-edit:before{content:"\ee28"}.bxs-message-alt-error:before{content:"\ee29"}.bxs-message-alt-minus:before{content:"\ee2a"}.bxs-message-alt-x:before{content:"\ee2b"}.bxs-message-check:before{content:"\ee2c"}.bxs-message-detail:before{content:"\ee2d"}.bxs-message-dots:before{content:"\ee2e"}.bxs-message-edit:before{content:"\ee2f"}.bxs-message-error:before{content:"\ee30"}.bxs-message-minus:before{content:"\ee31"}.bxs-message-rounded:before{content:"\ee32"}.bxs-message-rounded-add:before{content:"\ee33"}.bxs-message-rounded-check:before{content:"\ee34"}.bxs-message-rounded-detail:before{content:"\ee35"}.bxs-message-rounded-dots:before{content:"\ee36"}.bxs-message-rounded-edit:before{content:"\ee37"}.bxs-message-rounded-error:before{content:"\ee38"}.bxs-message-rounded-minus:before{content:"\ee39"}.bxs-message-rounded-x:before{content:"\ee3a"}.bxs-message-square:before{content:"\ee3b"}.bxs-message-square-add:before{content:"\ee3c"}.bxs-message-square-check:before{content:"\ee3d"}.bxs-message-square-detail:before{content:"\ee3e"}.bxs-message-square-dots:before{content:"\ee3f"}.bxs-message-square-edit:before{content:"\ee40"}.bxs-message-square-error:before{content:"\ee41"}.bxs-message-square-minus:before{content:"\ee42"}.bxs-message-square-x:before{content:"\ee43"}.bxs-message-x:before{content:"\ee44"}.bxs-meteor:before{content:"\ee45"}.bxs-microchip:before{content:"\ee46"}.bxs-microphone:before{content:"\ee47"}.bxs-microphone-alt:before{content:"\ee48"}.bxs-microphone-off:before{content:"\ee49"}.bxs-minus-circle:before{content:"\ee4a"}.bxs-minus-square:before{content:"\ee4b"}.bxs-mobile:before{content:"\ee4c"}.bxs-mobile-vibration:before{content:"\ee4d"}.bxs-moon:before{content:"\ee4e"}.bxs-mouse:before{content:"\ee4f"}.bxs-mouse-alt:before{content:"\ee50"}.bxs-movie:before{content:"\ee51"}.bxs-movie-play:before{content:"\ee52"}.bxs-music:before{content:"\ee53"}.bxs-navigation:before{content:"\ee54"}.bxs-network-chart:before{content:"\ee55"}.bxs-news:before{content:"\ee56"}.bxs-no-entry:before{content:"\ee57"}.bxs-note:before{content:"\ee58"}.bxs-notepad:before{content:"\ee59"}.bxs-notification:before{content:"\ee5a"}.bxs-notification-off:before{content:"\ee5b"}.bxs-offer:before{content:"\ee5c"}.bxs-package:before{content:"\ee5d"}.bxs-paint:before{content:"\ee5e"}.bxs-paint-roll:before{content:"\ee5f"}.bxs-palette:before{content:"\ee60"}.bxs-paper-plane:before{content:"\ee61"}.bxs-parking:before{content:"\ee62"}.bxs-paste:before{content:"\ee63"}.bxs-pen:before{content:"\ee64"}.bxs-pencil:before{content:"\ee65"}.bxs-phone:before{content:"\ee66"}.bxs-phone-call:before{content:"\ee67"}.bxs-phone-incoming:before{content:"\ee68"}.bxs-phone-off:before{content:"\ee69"}.bxs-phone-outgoing:before{content:"\ee6a"}.bxs-photo-album:before{content:"\ee6b"}.bxs-piano:before{content:"\ee6c"}.bxs-pie-chart:before{content:"\ee6d"}.bxs-pie-chart-alt:before{content:"\ee6e"}.bxs-pie-chart-alt-2:before{content:"\ee6f"}.bxs-pin:before{content:"\ee70"}.bxs-pizza:before{content:"\ee71"}.bxs-plane:before{content:"\ee72"}.bxs-plane-alt:before{content:"\ee73"}.bxs-plane-land:before{content:"\ee74"}.bxs-planet:before{content:"\ee75"}.bxs-plane-take-off:before{content:"\ee76"}.bxs-playlist:before{content:"\ee77"}.bxs-plug:before{content:"\ee78"}.bxs-plus-circle:before{content:"\ee79"}.bxs-plus-square:before{content:"\ee7a"}.bxs-pointer:before{content:"\ee7b"}.bxs-polygon:before{content:"\ee7c"}.bxs-printer:before{content:"\ee7d"}.bxs-purchase-tag:before{content:"\ee7e"}.bxs-purchase-tag-alt:before{content:"\ee7f"}.bxs-pyramid:before{content:"\ee80"}.bxs-quote-alt-left:before{content:"\ee81"}.bxs-quote-alt-right:before{content:"\ee82"}.bxs-quote-left:before{content:"\ee83"}.bxs-quote-right:before{content:"\ee84"}.bxs-quote-single-left:before{content:"\ee85"}.bxs-quote-single-right:before{content:"\ee86"}.bxs-radiation:before{content:"\ee87"}.bxs-radio:before{content:"\ee88"}.bxs-receipt:before{content:"\ee89"}.bxs-rectangle:before{content:"\ee8a"}.bxs-registered:before{content:"\ee8b"}.bxs-rename:before{content:"\ee8c"}.bxs-report:before{content:"\ee8d"}.bxs-rewind-circle:before{content:"\ee8e"}.bxs-right-arrow:before{content:"\ee8f"}.bxs-right-arrow-alt:before{content:"\ee90"}.bxs-right-arrow-circle:before{content:"\ee91"}.bxs-right-arrow-square:before{content:"\ee92"}.bxs-right-down-arrow-circle:before{content:"\ee93"}.bxs-right-top-arrow-circle:before{content:"\ee94"}.bxs-rocket:before{content:"\ee95"}.bxs-ruler:before{content:"\ee96"}.bxs-sad:before{content:"\ee97"}.bxs-save:before{content:"\ee98"}.bxs-school:before{content:"\ee99"}.bxs-search:before{content:"\ee9a"}.bxs-search-alt-2:before{content:"\ee9b"}.bxs-select-multiple:before{content:"\ee9c"}.bxs-send:before{content:"\ee9d"}.bxs-server:before{content:"\ee9e"}.bxs-shapes:before{content:"\ee9f"}.bxs-share:before{content:"\eea0"}.bxs-share-alt:before{content:"\eea1"}.bxs-shield:before{content:"\eea2"}.bxs-shield-alt-2:before{content:"\eea3"}.bxs-shield-x:before{content:"\eea4"}.bxs-ship:before{content:"\eea5"}.bxs-shocked:before{content:"\eea6"}.bxs-shopping-bag:before{content:"\eea7"}.bxs-shopping-bag-alt:before{content:"\eea8"}.bxs-shopping-bags:before{content:"\eea9"}.bxs-show:before{content:"\eeaa"}.bxs-skip-next-circle:before{content:"\eeab"}.bxs-skip-previous-circle:before{content:"\eeac"}.bxs-skull:before{content:"\eead"}.bxs-sleepy:before{content:"\eeae"}.bxs-slideshow:before{content:"\eeaf"}.bxs-smile:before{content:"\eeb0"}.bxs-sort-alt:before{content:"\eeb1"}.bxs-spa:before{content:"\eeb2"}.bxs-speaker:before{content:"\eeb3"}.bxs-spray-can:before{content:"\eeb4"}.bxs-spreadsheet:before{content:"\eeb5"}.bxs-square:before{content:"\eeb6"}.bxs-square-rounded:before{content:"\eeb7"}.bxs-star:before{content:"\eeb8"}.bxs-star-half:before{content:"\eeb9"}.bxs-sticker:before{content:"\eeba"}.bxs-stopwatch:before{content:"\eebb"}.bxs-store:before{content:"\eebc"}.bxs-store-alt:before{content:"\eebd"}.bxs-sun:before{content:"\eebe"}.bxs-tachometer:before{content:"\eebf"}.bxs-tag:before{content:"\eec0"}.bxs-tag-alt:before{content:"\eec1"}.bxs-tag-x:before{content:"\eec2"}.bxs-taxi:before{content:"\eec3"}.bxs-tennis-ball:before{content:"\eec4"}.bxs-terminal:before{content:"\eec5"}.bxs-thermometer:before{content:"\eec6"}.bxs-time:before{content:"\eec7"}.bxs-time-five:before{content:"\eec8"}.bxs-timer:before{content:"\eec9"}.bxs-tired:before{content:"\eeca"}.bxs-toggle-left:before{content:"\eecb"}.bxs-toggle-right:before{content:"\eecc"}.bxs-tone:before{content:"\eecd"}.bxs-torch:before{content:"\eece"}.bxs-to-top:before{content:"\eecf"}.bxs-traffic:before{content:"\eed0"}.bxs-traffic-barrier:before{content:"\eed1"}.bxs-traffic-cone:before{content:"\eed2"}.bxs-train:before{content:"\eed3"}.bxs-trash:before{content:"\eed4"}.bxs-trash-alt:before{content:"\eed5"}.bxs-tree:before{content:"\eed6"}.bxs-trophy:before{content:"\eed7"}.bxs-truck:before{content:"\eed8"}.bxs-t-shirt:before{content:"\eed9"}.bxs-tv:before{content:"\eeda"}.bxs-up-arrow:before{content:"\eedb"}.bxs-up-arrow-alt:before{content:"\eedc"}.bxs-up-arrow-circle:before{content:"\eedd"}.bxs-up-arrow-square:before{content:"\eede"}.bxs-upside-down:before{content:"\eedf"}.bxs-upvote:before{content:"\eee0"}.bxs-user:before{content:"\eee1"}.bxs-user-account:before{content:"\eee2"}.bxs-user-badge:before{content:"\eee3"}.bxs-user-check:before{content:"\eee4"}.bxs-user-circle:before{content:"\eee5"}.bxs-user-detail:before{content:"\eee6"}.bxs-user-minus:before{content:"\eee7"}.bxs-user-pin:before{content:"\eee8"}.bxs-user-plus:before{content:"\eee9"}.bxs-user-rectangle:before{content:"\eeea"}.bxs-user-voice:before{content:"\eeeb"}.bxs-user-x:before{content:"\eeec"}.bxs-vector:before{content:"\eeed"}.bxs-vial:before{content:"\eeee"}.bxs-video:before{content:"\eeef"}.bxs-video-off:before{content:"\eef0"}.bxs-video-plus:before{content:"\eef1"}.bxs-video-recording:before{content:"\eef2"}.bxs-videos:before{content:"\eef3"}.bxs-virus:before{content:"\eef4"}.bxs-virus-block:before{content:"\eef5"}.bxs-volume:before{content:"\eef6"}.bxs-volume-full:before{content:"\eef7"}.bxs-volume-low:before{content:"\eef8"}.bxs-volume-mute:before{content:"\eef9"}.bxs-wallet:before{content:"\eefa"}.bxs-wallet-alt:before{content:"\eefb"}.bxs-washer:before{content:"\eefc"}.bxs-watch:before{content:"\eefd"}.bxs-watch-alt:before{content:"\eefe"}.bxs-webcam:before{content:"\eeff"}.bxs-widget:before{content:"\ef00"}.bxs-window-alt:before{content:"\ef01"}.bxs-wine:before{content:"\ef02"}.bxs-wink-smile:before{content:"\ef03"}.bxs-wink-tongue:before{content:"\ef04"}.bxs-wrench:before{content:"\ef05"}.bxs-x-circle:before{content:"\ef06"}.bxs-x-square:before{content:"\ef07"}.bxs-yin-yang:before{content:"\ef08"}.bxs-zap:before{content:"\ef09"}.bxs-zoom-in:before{content:"\ef0a"}.bxs-zoom-out:before{content:"\ef0b"}/*
 * cs27Reg for GameCMS
 * Lightweight visual layer: no JS, no remote assets, no continuous animation.
 */ body[data-template="cs27Reg"] { --cs-bg: #090b10; --cs-bg-soft: #10131a; --cs-panel: rgba(20, 23, 31, .94); --cs-panel-2: #171b24; --cs-border: rgba(255, 255, 255, .085); --cs-border-hot: rgba(255, 122, 42, .42); --cs-text: #f4f6fa; --cs-muted: #9299a8; --cs-orange: #ff7a2a; --cs-orange-2: #ff4d24; --cs-green: #40d58c; --cs-red: #ff5263; --cs-blue: #62a5ff; --cs-radius: 18px; --cs-radius-sm: 12px; --cs-shadow: 0 18px 50px rgba(0, 0, 0, .28); min-height: 100vh; color: var(--cs-text); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; background: radial-gradient(circle at 10% -5%, rgba(255, 91, 35, .12), transparent 28rem), radial-gradient(circle at 92% 18%, rgba(255, 145, 38, .07), transparent 34rem), linear-gradient(180deg, #0d1016 0, var(--cs-bg) 55%, #08090d 100%); background-attachment: scroll; } body[data-template="cs27Reg"] *, body[data-template="cs27Reg"] *::before, body[data-template="cs27Reg"] *::after { box-sizing: border-box; } body[data-template="cs27Reg"] a { color: inherit; transition: color .18s ease, border-color .18s ease, background-color .18s ease, transform .18s ease; } body[data-template="cs27Reg"] a:hover { color: var(--cs-orange); text-decoration: none; } body[data-template="cs27Reg"] ::selection { color: #fff; background: var(--cs-orange-2); } body[data-template="cs27Reg"] .container { width: min(1320px, calc(100% - 40px)); max-width: 1320px; } body[data-template="cs27Reg"] .version_fixed { display: none !important; } body[data-template="cs27Reg"] .preloader { display: none !important; } /* Header */ body[data-template="cs27Reg"] .wapper { padding: 0; } body[data-template="cs27Reg"] .header { height: 84px; display: flex; align-items: center; background: rgba(9, 11, 16, .92); border-bottom: 1px solid var(--cs-border); backdrop-filter: blur(14px); } body[data-template="cs27Reg"] .header > .container { min-height: 84px; display: flex; align-items: center; gap: 28px; } body[data-template="cs27Reg"] .logol { display: inline-flex; align-items: center; margin: 0 auto 0 0; } body[data-template="cs27Reg"] .logol a { display: inline-flex; align-items: center; } body[data-template="cs27Reg"] .logo { width: 220px; height: auto; max-height: 46px; object-fit: contain; } body[data-template="cs27Reg"] .search_user { width: 250px; height: 42px; display: flex; align-items: center; gap: 10px; padding: 0 15px; color: var(--cs-muted); background: #12151c; border: 1px solid var(--cs-border); border-radius: 999px; } body[data-template="cs27Reg"] .search_user:hover { color: var(--cs-text); border-color: var(--cs-border-hot); } body[data-template="cs27Reg"] .search_user .svg_sdg svg { fill: currentColor; } body[data-template="cs27Reg"] .log_in_buton { min-height: 42px; display: inline-flex !important; align-items: center; gap: 8px; padding: 0 18px !important; color: #fff !important; font-weight: 750; background: linear-gradient(135deg, var(--cs-orange), var(--cs-orange-2)); border: 0; border-radius: 999px; box-shadow: 0 10px 28px rgba(255, 91, 35, .2); } body[data-template="cs27Reg"] .log_in_buton:hover { transform: translateY(-1px); box-shadow: 0 12px 32px rgba(255, 91, 35, .3); } body[data-template="cs27Reg"] .menu_top_container { position: sticky; top: 0; z-index: 990; min-height: 60px; display: flex; align-items: center; background: rgba(13, 16, 22, .94); border-bottom: 1px solid var(--cs-border); box-shadow: 0 10px 30px rgba(0, 0, 0, .16); backdrop-filter: blur(14px); } body[data-template="cs27Reg"] .two_top_menu, body[data-template="cs27Reg"] .menu_top_left { display: flex; align-items: center; } body[data-template="cs27Reg"] .two_top_menu { justify-content: space-between; min-height: 60px; } body[data-template="cs27Reg"] .menu_top_push_active { width: 42px; height: 42px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--cs-orange), var(--cs-orange-2)); border-radius: 12px; } body[data-template="cs27Reg"] .header-menu, body[data-template="cs27Reg"] .header-menu .container { width: auto; max-width: none; margin: 0; padding: 0; } body[data-template="cs27Reg"] .header-menu ul { display: flex; align-items: center; gap: 4px; margin: 0 0 0 12px; padding: 0; } body[data-template="cs27Reg"] .header-menu li { list-style: none; } body[data-template="cs27Reg"] .header-menu li > a { min-height: 42px; display: flex; align-items: center; padding: 0 14px; color: #c6cad4; font-size: 13px; font-weight: 700; border-radius: 10px; } body[data-template="cs27Reg"] .header-menu li > a:hover, body[data-template="cs27Reg"] .header-menu li.active > a { color: #fff; background: rgba(255, 122, 42, .12); } body[data-template="cs27Reg"] .button_menu_collapse { color: #fff; background: var(--cs-panel-2); border: 1px solid var(--cs-border); border-radius: 10px; } body[data-template="cs27Reg"] .language_block .select { min-height: 40px; padding: 0 12px; color: var(--cs-muted); background: #12151c; border: 1px solid var(--cs-border); border-radius: 10px; } body[data-template="cs27Reg"] .language_block img { width: 22px !important; height: 22px !important; object-fit: cover; border-radius: 50%; } /* Hero */ body[data-template="cs27Reg"] .cs27-hero { position: relative; min-height: 470px; margin: 28px 0 30px; overflow: hidden; background-image: linear-gradient(90deg, rgba(8, 10, 15, .98) 0%, rgba(8, 10, 15, .80) 42%, rgba(8, 10, 15, .18) 76%, rgba(8, 10, 15, .5) 100%), url("../img/hero-desktop.webp"); background-position: center; background-size: cover; border: 1px solid var(--cs-border); border-radius: 26px; box-shadow: var(--cs-shadow); } body[data-template="cs27Reg"] .cs27-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, rgba(255, 122, 42, .08), transparent 38%); } body[data-template="cs27Reg"] .sortion_block_head { width: 58%; min-height: 470px; padding: 56px; position: relative; z-index: 1; } body[data-template="cs27Reg"] .head_top_info { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; } body[data-template="cs27Reg"] .stable, body[data-template="cs27Reg"] .point { width: auto; min-height: 32px; display: inline-flex; align-items: center; gap: 7px; padding: 0 11px; color: #d6d9e1; font-size: 10px; font-weight: 800; letter-spacing: .08em; background: rgba(255, 255, 255, .055); border: 1px solid rgba(255, 255, 255, .1); border-radius: 999px; } body[data-template="cs27Reg"] .stable i, body[data-template="cs27Reg"] .point i { color: var(--cs-orange); } body[data-template="cs27Reg"] .title_head { max-width: 720px; margin: 0 0 18px; color: #fff; font-family: "Uni Sans Heavy CAPS", Inter, sans-serif; font-size: clamp(34px, 4.1vw, 64px); font-weight: 900; line-height: .98; letter-spacing: -.035em; text-transform: uppercase; } body[data-template="cs27Reg"] .title_head__line { display: block; } body[data-template="cs27Reg"] .title_head__line:last-child { color: var(--cs-orange); } body[data-template="cs27Reg"] .text_head { display: block; max-width: 560px; color: #b5bbc7; font-size: 16px; line-height: 1.65; } body[data-template="cs27Reg"] .cs27-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; } body[data-template="cs27Reg"] .cs27-btn { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 20px; color: #fff !important; font-size: 13px; font-weight: 800; border: 1px solid transparent; border-radius: 12px; } body[data-template="cs27Reg"] .cs27-btn-primary { background: linear-gradient(135deg, var(--cs-orange), var(--cs-orange-2)); box-shadow: 0 12px 28px rgba(255, 91, 35, .22); } body[data-template="cs27Reg"] .cs27-btn-ghost { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .13); backdrop-filter: blur(8px); } body[data-template="cs27Reg"] .cs27-btn:hover { transform: translateY(-2px); } body[data-template="cs27Reg"] .head_rside { position: absolute; right: 26px; top: 26px; bottom: 26px; width: 330px; z-index: 2; } /* Panels and headings */ body[data-template="cs27Reg"] .block, body[data-template="cs27Reg"] .block_solution, body[data-template="cs27Reg"] .chat_block, body[data-template="cs27Reg"] .block_servers, body[data-template="cs27Reg"] .block_t_u, body[data-template="cs27Reg"] .navigation_profile, body[data-template="cs27Reg"] .last_activity_info, body[data-template="cs27Reg"] .news_block, body[data-template="cs27Reg"] .modal-content { color: var(--cs-text); background: var(--cs-panel); border: 1px solid var(--cs-border); border-radius: var(--cs-radius); box-shadow: 0 15px 42px rgba(0, 0, 0, .18); } body[data-template="cs27Reg"] .block_solution { padding: 26px; margin-bottom: 26px; } body[data-template="cs27Reg"] .heading_block, body[data-template="cs27Reg"] .heading_block_chat, body[data-template="cs27Reg"] .block_head { min-height: 66px; display: flex; align-items: center; justify-content: space-between; margin: 0 0 16px; padding: 0 18px; background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)); border: 1px solid var(--cs-border); border-radius: var(--cs-radius-sm); } body[data-template="cs27Reg"] .double_heading, body[data-template="cs27Reg"] .flex_heading_chat, body[data-template="cs27Reg"] .flex_top_usr_i { display: flex; align-items: center; gap: 12px; } body[data-template="cs27Reg"] .double_heading > i, body[data-template="cs27Reg"] .flex_heading_chat > i, body[data-template="cs27Reg"] .flex_top_usr_i > i { width: 38px; height: 38px; display: grid; place-items: center; color: var(--cs-orange) !important; font-size: 20px; background: rgba(255, 122, 42, .11) !important; border: 1px solid rgba(255, 122, 42, .2); border-radius: 11px; } body[data-template="cs27Reg"] .heading, body[data-template="cs27Reg"] .content-page-title, body[data-template="cs27Reg"] .name_top_usr, body[data-template="cs27Reg"] .heading_chat_info > span { color: #fff; font-weight: 850; letter-spacing: -.01em; } body[data-template="cs27Reg"] .second_heading, body[data-template="cs27Reg"] .desp_top_usr, body[data-template="cs27Reg"] .heading_chat_info text { color: var(--cs-muted); } /* Server monitoring */ body[data-template="cs27Reg"] .block_servers { padding: 18px; margin-bottom: 18px; scroll-margin-top: 80px; } body[data-template="cs27Reg"] .block_servers > .flex_top_usr_i { margin-bottom: 15px; } body[data-template="cs27Reg"] .servers-info-block { position: relative; min-height: 112px; margin-bottom: 10px; overflow: hidden; background: #11151d; border: 1px solid var(--cs-border); border-radius: 14px; } body[data-template="cs27Reg"] .servers-info-block:hover { border-color: var(--cs-border-hot); transform: translateY(-1px); } body[data-template="cs27Reg"] .map_back_server { opacity: .30; filter: saturate(.75) contrast(1.05); } body[data-template="cs27Reg"] .servers-info-block::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(12,15,21,.98), rgba(12,15,21,.58)); } body[data-template="cs27Reg"] .servers-info-span { position: relative; z-index: 1; } body[data-template="cs27Reg"] .game_name_server, body[data-template="cs27Reg"] .server_info_monitoring { color: var(--cs-muted); } body[data-template="cs27Reg"] .progress { height: 5px; overflow: hidden; background: rgba(255,255,255,.09); border-radius: 99px; } body[data-template="cs27Reg"] .progress-bar { background: linear-gradient(90deg, var(--cs-orange-2), var(--cs-orange)) !important; } body[data-template="cs27Reg"] .play-servers, body[data-template="cs27Reg"] .copy_adress { background: rgba(255,122,42,.12); border: 1px solid rgba(255,122,42,.2); color: var(--cs-orange); } body[data-template="cs27Reg"] .play-servers:hover, body[data-template="cs27Reg"] .copy_adress:hover { color: #fff; background: var(--cs-orange); } body[data-template="cs27Reg"] .general_online_block { background: rgba(64,213,140,.07); border: 1px solid rgba(64,213,140,.16); border-radius: 12px; } body[data-template="cs27Reg"] .online_number { color: var(--cs-green); } /* Chat, news, events */ body[data-template="cs27Reg"] .chat_block { padding: 0; margin-bottom: 24px; overflow: hidden; } body[data-template="cs27Reg"] .chat_block .block { border: 0; box-shadow: none; background: transparent; } body[data-template="cs27Reg"] .heading_block_chat { margin: 0; border: 0; border-bottom: 1px solid var(--cs-border); border-radius: 0; } body[data-template="cs27Reg"] #chat_messages { background: #0f1218; } body[data-template="cs27Reg"] #chat_message_input, body[data-template="cs27Reg"] input, body[data-template="cs27Reg"] textarea, body[data-template="cs27Reg"] select, body[data-template="cs27Reg"] .form-control { color: var(--cs-text); background-color: #0e1117; border: 1px solid var(--cs-border); border-radius: 11px; } body[data-template="cs27Reg"] input:focus, body[data-template="cs27Reg"] textarea:focus, body[data-template="cs27Reg"] select:focus, body[data-template="cs27Reg"] .form-control:focus { border-color: var(--cs-orange); box-shadow: 0 0 0 3px rgba(255,122,42,.12); } body[data-template="cs27Reg"] .btn_message, body[data-template="cs27Reg"] .btn_heading, body[data-template="cs27Reg"] .succesy_button, body[data-template="cs27Reg"] .btn-primary { color: #fff !important; background: linear-gradient(135deg, var(--cs-orange), var(--cs-orange-2)); border-color: transparent; } body[data-template="cs27Reg"] .btn_heading_rules, body[data-template="cs27Reg"] .btn-outline-primary { color: var(--cs-orange); background: rgba(255,122,42,.08); border-color: rgba(255,122,42,.25); } body[data-template="cs27Reg"] .online_now_head { color: var(--cs-green); background: rgba(64,213,140,.08); border-color: rgba(64,213,140,.2); } body[data-template="cs27Reg"] .news_block { overflow: hidden; margin-bottom: 18px; } body[data-template="cs27Reg"] .news-block-img { min-height: 190px; background-position: center; } body[data-template="cs27Reg"] .name_news { color: #fff; font-size: 19px; font-weight: 800; } body[data-template="cs27Reg"] .short_news { color: var(--cs-muted); } body[data-template="cs27Reg"] .news-button-bottom, body[data-template="cs27Reg"] .news-button-vk { color: var(--cs-orange); } body[data-template="cs27Reg"] .new_news { color: #fff; background: var(--cs-orange-2); } body[data-template="cs27Reg"] .row_events { gap: 18px; } body[data-template="cs27Reg"] .left_events, body[data-template="cs27Reg"] .right_events { min-width: 0; } /* Sidebars, account and widgets */ body[data-template="cs27Reg"] .block_t_u, body[data-template="cs27Reg"] .navigation_profile { padding: 18px; margin-bottom: 18px; } body[data-template="cs27Reg"] .tabs__controls { border-bottom: 0; } body[data-template="cs27Reg"] [role="tab"] { color: var(--cs-muted); background: transparent; border: 0; border-bottom: 2px solid transparent; } body[data-template="cs27Reg"] [role="tab"][aria-selected="true"] { color: #fff; border-color: var(--cs-orange); } body[data-template="cs27Reg"] .img_navigation { border: 2px solid rgba(255,122,42,.55); } body[data-template="cs27Reg"] .balance_mini_profile { background: #10141b; border: 1px solid var(--cs-border); border-radius: 12px; } body[data-template="cs27Reg"] .button_plus_purse { color: #fff; background: var(--cs-orange); border-radius: 9px; } body[data-template="cs27Reg"] .slider_menu, body[data-template="cs27Reg"] .block_open_cases { border: 1px solid var(--cs-border); border-radius: 14px; overflow: hidden; } body[data-template="cs27Reg"] .block_open_cases { filter: saturate(.75); } body[data-template="cs27Reg"] .block_open_cases:hover { filter: saturate(1); border-color: var(--cs-border-hot); } /* Tables, forum and profile */ body[data-template="cs27Reg"] table { color: var(--cs-text); background: transparent; } body[data-template="cs27Reg"] .table, body[data-template="cs27Reg"] .table-adaptive { border-color: var(--cs-border); } body[data-template="cs27Reg"] .table thead th { color: #aeb4c1; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; background: rgba(255,255,255,.035); border-color: var(--cs-border); } body[data-template="cs27Reg"] .table td, body[data-template="cs27Reg"] .table th { border-color: var(--cs-border); } body[data-template="cs27Reg"] .table tbody tr:hover { background: rgba(255,122,42,.045); } body[data-template="cs27Reg"] .pagination a, body[data-template="cs27Reg"] .pagination span { color: var(--cs-muted); background: var(--cs-panel-2); border-color: var(--cs-border); } body[data-template="cs27Reg"] .pagination .active a, body[data-template="cs27Reg"] .pagination a:hover { color: #fff; background: var(--cs-orange); border-color: var(--cs-orange); } body[data-template="cs27Reg"] .forum-section, body[data-template="cs27Reg"] .topic, body[data-template="cs27Reg"] .forum_message, body[data-template="cs27Reg"] .user-block, body[data-template="cs27Reg"] .service { background: var(--cs-panel); border-color: var(--cs-border); border-radius: var(--cs-radius-sm); } /* Modal and notifications */ body[data-template="cs27Reg"] .modal { background: rgba(0,0,0,.64); backdrop-filter: blur(5px); } body[data-template="cs27Reg"] .modal-content { overflow: hidden; } body[data-template="cs27Reg"] .modal-header { border-bottom: 1px solid var(--cs-border); } body[data-template="cs27Reg"] .modal-footer { border-top: 1px solid var(--cs-border); } body[data-template="cs27Reg"] .close { color: #fff; text-shadow: none; opacity: .75; } body[data-template="cs27Reg"] .tabes { background: #0e1117; border: 1px solid var(--cs-border); border-radius: 12px; } body[data-template="cs27Reg"] .tabes .tab.active { color: #fff; background: var(--cs-orange); border-radius: 9px; } body[data-template="cs27Reg"] .cookies_noty { color: var(--cs-text); background: #151922; border: 1px solid var(--cs-border-hot); border-radius: 16px; box-shadow: var(--cs-shadow); } /* Footer */ body[data-template="cs27Reg"] .bottom_under { margin-top: 34px; background: #080a0e; border-top: 1px solid var(--cs-border); } body[data-template="cs27Reg"] .bottom_head { margin-top: 0; padding-top: 52px; border-radius: 0; } body[data-template="cs27Reg"] .bottom_nav_title { color: #fff; } body[data-template="cs27Reg"] .href_bottom, body[data-template="cs27Reg"] .footer_description, body[data-template="cs27Reg"] .bottom_info { color: var(--cs-muted); } body[data-template="cs27Reg"] .line_purse1 { background: var(--cs-orange); } body[data-template="cs27Reg"] .bottom_info { border-top-color: var(--cs-border); } body[data-template="cs27Reg"] .logo_button { width: 170px; height: auto; } body[data-template="cs27Reg"] .center_sub .sub_menu { background: #171b24; border: 1px solid var(--cs-border); box-shadow: var(--cs-shadow); } /* Responsive */ @media (max-width: 1199px) { body[data-template="cs27Reg"] .container { width: min(calc(100% - 28px), 1080px); } body[data-template="cs27Reg"] .search_user { display: none; } body[data-template="cs27Reg"] .sortion_block_head { width: 64%; padding: 44px; } body[data-template="cs27Reg"] .head_rside { width: 295px; } body[data-template="cs27Reg"] .header-menu li > a { padding-inline: 10px; font-size: 12px; } } @media (max-width: 991px) { body[data-template="cs27Reg"] .header { height: 70px; } body[data-template="cs27Reg"] .header > .container { min-height: 70px; } body[data-template="cs27Reg"] .logo { width: 180px; } body[data-template="cs27Reg"] .header-menu { position: absolute; left: 14px; right: 14px; top: 60px; padding: 10px; background: #12151d; border: 1px solid var(--cs-border); border-radius: 14px; box-shadow: var(--cs-shadow); } body[data-template="cs27Reg"] .header-menu.show { display: block !important; } body[data-template="cs27Reg"] .header-menu ul { display: block; margin: 0; } body[data-template="cs27Reg"] .header-menu li > a { min-height: 44px; } body[data-template="cs27Reg"] .cs27-hero { min-height: 600px; } body[data-template="cs27Reg"] .sortion_block_head { width: 100%; min-height: 370px; padding: 42px; } body[data-template="cs27Reg"] .head_rside { position: relative; inset: auto; width: auto; margin: 0 24px 24px; } body[data-template="cs27Reg"] .slider_menu { display: none; } body[data-template="cs27Reg"] .flex_modules { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } body[data-template="cs27Reg"] .block_open_cases { min-height: 120px; } body[data-template="cs27Reg"] .order-is-first, body[data-template="cs27Reg"] .order-is-last { max-width: 100%; flex: 0 0 100%; } } @media (max-width: 767px) { body[data-template="cs27Reg"] .container { width: calc(100% - 20px); padding-inline: 0; } body[data-template="cs27Reg"] .header .container { gap: 10px; } body[data-template="cs27Reg"] .logo { width: 148px; } body[data-template="cs27Reg"] .log_in_buton { width: 42px; padding: 0 !important; justify-content: center; font-size: 0; } body[data-template="cs27Reg"] .log_in_buton i { font-size: 21px; } body[data-template="cs27Reg"] .language_block .select span { display: none; } body[data-template="cs27Reg"] .cs27-hero { min-height: 620px; margin: 16px 0 20px; background-image: linear-gradient(180deg, rgba(8,10,15,.93) 0%, rgba(8,10,15,.72) 48%, rgba(8,10,15,.95) 100%), url("../img/hero-mobile.webp"); background-position: center top; border-radius: 20px; } body[data-template="cs27Reg"] .sortion_block_head { min-height: 415px; padding: 30px 22px; } body[data-template="cs27Reg"] .head_top_info { margin-bottom: 20px; } body[data-template="cs27Reg"] .stable, body[data-template="cs27Reg"] .point { font-size: 8px; } body[data-template="cs27Reg"] .title_head { font-size: clamp(31px, 10vw, 45px); } body[data-template="cs27Reg"] .text_head { font-size: 14px; } body[data-template="cs27Reg"] .cs27-hero-actions { display: grid; grid-template-columns: 1fr; } body[data-template="cs27Reg"] .head_rside { margin: 0 14px 14px; } body[data-template="cs27Reg"] .flex_modules { grid-template-columns: 1fr; } body[data-template="cs27Reg"] .block_open_cases { min-height: 88px; } body[data-template="cs27Reg"] .heading_block, body[data-template="cs27Reg"] .heading_block_chat { min-height: 60px; padding: 10px 12px; } body[data-template="cs27Reg"] .double_btns_chat { gap: 6px; } body[data-template="cs27Reg"] .btn_heading_rules { display: none; } body[data-template="cs27Reg"] .block_solution { padding: 18px 14px; } body[data-template="cs27Reg"] .row_events { display: block; } body[data-template="cs27Reg"] .right_events { margin-top: 18px; } body[data-template="cs27Reg"] .flex_new_new { display: block; } body[data-template="cs27Reg"] .news-block-img { width: 100%; min-height: 170px; } body[data-template="cs27Reg"] .news_info { flex-wrap: wrap; gap: 10px; } body[data-template="cs27Reg"] .bottom_footer { display: block; } body[data-template="cs27Reg"] .bottom_footer > [class*="col-"] { width: 100%; max-width: 100%; } body[data-template="cs27Reg"] .bottom_info { display: block; padding-block: 24px; } body[data-template="cs27Reg"] .bottom_info_right { margin-top: 18px; } body[data-template="cs27Reg"] .table-adaptive { overflow-x: auto; -webkit-overflow-scrolling: touch; } body[data-template="cs27Reg"] .modal-dialog { margin: 10px; } } @media (max-width: 420px) { body[data-template="cs27Reg"] .logo { width: 128px; } body[data-template="cs27Reg"] .title_head { font-size: 31px; } body[data-template="cs27Reg"] .head_top_info { gap: 6px; } body[data-template="cs27Reg"] .point { display: none; } body[data-template="cs27Reg"] .servers-info-block { min-height: 124px; } } @media (prefers-reduced-motion: reduce) { body[data-template="cs27Reg"] *, body[data-template="cs27Reg"] *::before, body[data-template="cs27Reg"] *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } } @media (prefers-reduced-data: reduce) { body[data-template="cs27Reg"] .cs27-hero { background-image: linear-gradient(135deg, #111722, #090b10); } body[data-template="cs27Reg"] .bottom_head { background-image: linear-gradient(135deg, #0d1016, #080a0e) !important; } } /* v1.1 — desktop scale and legacy SolutionPink reset */ @media (min-width: 1200px) { body[data-template="cs27Reg"] { font-size: 15px; line-height: 1.55; } body[data-template="cs27Reg"] .container, body[data-template="cs27Reg"] .wapper .container { width: min(1480px, calc(100% - 56px)); max-width: 1480px; } body[data-template="cs27Reg"] .header, body[data-template="cs27Reg"] .wapper .header { height: 92px; padding: 0; } body[data-template="cs27Reg"] .header > .container { min-height: 92px; display: flex; align-items: center; gap: 20px; } body[data-template="cs27Reg"] .logo { position: static; float: none; width: 230px; height: auto; max-height: 50px; margin: 0; border-radius: 0; } body[data-template="cs27Reg"] .logo:hover { opacity: 1; transform: none; } body[data-template="cs27Reg"] .search_user { width: 270px; font-size: 13px; } body[data-template="cs27Reg"] .pro { position: relative; inset: auto; width: auto; height: 42px; display: flex; flex: 0 0 auto; flex-direction: row; align-items: center; justify-content: center; gap: 7px; float: none; margin: 0; padding: 0 14px; color: #d5d9e2; background: #12151c; border: 1px solid var(--cs-border); border-radius: 999px; } body[data-template="cs27Reg"] .pro .line_promo_up, body[data-template="cs27Reg"] .pro .striped-circle { display: none; } body[data-template="cs27Reg"] .pro .flex_promo_text { position: static; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; } body[data-template="cs27Reg"] .pro .prcr { top: 50px; right: 0; left: auto; margin: 0; background: #171b24; border: 1px solid var(--cs-border-hot); } body[data-template="cs27Reg"] .wapper .header ul.user-menu, body[data-template="cs27Reg"] .header ul.user-menu { position: relative; inset: auto; width: auto; height: 48px; display: flex !important; align-items: center; gap: 7px; float: none; margin: 0; padding: 0; background: transparent; } body[data-template="cs27Reg"] .wapper .header ul.user-menu > li { position: relative; inset: auto; float: none; margin: 0; } body[data-template="cs27Reg"] .wapper .header ul.user-menu > li.balance { position: relative; inset: auto; min-height: 42px; display: flex; align-items: center; gap: 8px; margin: 0; padding: 0 7px 0 44px; color: #fff; font-size: 13px; line-height: 42px; background: #12151c; border: 1px solid var(--cs-border); border-radius: 999px; } body[data-template="cs27Reg"] .wapper .header ul.user-menu > li.balance > i { top: 5px; left: 6px; } body[data-template="cs27Reg"] .wapper .header ul.user-menu > li.balance .pursee-button { width: auto; height: 30px; display: inline-flex; align-items: center; margin: 0; padding: 0 12px; color: #fff; font-size: 11px; line-height: 30px; background: var(--cs-orange); border-radius: 999px; } body[data-template="cs27Reg"] .wapper .header ul.user-menu > li > a { width: 40px; height: 40px; display: grid; place-items: center; padding: 0; color: #bdc3cf; background: #12151c; border: 1px solid var(--cs-border); border-radius: 50%; } body[data-template="cs27Reg"] .wapper .header ul.user-menu > li.collapsible { width: 42px; height: 42px; margin: 0; } body[data-template="cs27Reg"] .wapper .header ul.user-menu > li.collapsible > a, body[data-template="cs27Reg"] .wapper .header ul.user-menu > li.collapsible > a img { position: static; width: 42px; height: 42px; margin: 0; border-radius: 50%; } body[data-template="cs27Reg"] .show_user { position: relative; inset: auto; width: 40px; height: 40px; color: #bdc3cf; background: #12151c; border: 1px solid var(--cs-border); border-radius: 50%; } body[data-template="cs27Reg"] .menu_top_container { min-height: 66px; } body[data-template="cs27Reg"] .two_top_menu { min-height: 66px; } body[data-template="cs27Reg"] .header-menu li > a { min-height: 44px; padding: 0 15px; font-size: 14px; } body[data-template="cs27Reg"] .language_block .select { min-height: 42px; font-size: 13px; } body[data-template="cs27Reg"] .cs27-hero { min-height: 540px; margin-top: 32px; } body[data-template="cs27Reg"] .sortion_block_head { min-height: 540px; width: calc(100% - 390px); padding: 66px 60px; } body[data-template="cs27Reg"] .title_head { max-width: 800px; font-size: clamp(50px, 3.5vw, 68px); } body[data-template="cs27Reg"] .text_head { max-width: 620px; font-size: 17px; } body[data-template="cs27Reg"] .head_rside { top: auto; right: 34px; bottom: 34px; width: 340px; height: auto; } body[data-template="cs27Reg"] .head_rside .slider_menu { display: none; } body[data-template="cs27Reg"] .head_rside .flex_modules { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } body[data-template="cs27Reg"] .head_rside .block_open_cases { min-height: 142px; margin: 0; padding: 18px; background-position: center; } body[data-template="cs27Reg"] .col-lg-3 { flex: 0 0 29%; max-width: 29%; } body[data-template="cs27Reg"] .col-lg-9 { flex: 0 0 71%; max-width: 71%; } body[data-template="cs27Reg"] .row { margin-right: -12px; margin-left: -12px; } body[data-template="cs27Reg"] [class*="col-lg-"] { padding-right: 12px; padding-left: 12px; } } body[data-template="cs27Reg"] .flex_online_users, body[data-template="cs27Reg"] .users_online_chat, body[data-template="cs27Reg"] .online_scroll, body[data-template="cs27Reg"] .online_us_all, body[data-template="cs27Reg"] .visit_users_online, body[data-template="cs27Reg"] .top_user, body[data-template="cs27Reg"] .row_events, body[data-template="cs27Reg"] .right_events, body[data-template="cs27Reg"] .event, body[data-template="cs27Reg"] .lst_activity_block, body[data-template="cs27Reg"] .news_info { color: var(--cs-text); background-color: #12161e; border-color: var(--cs-border); } body[data-template="cs27Reg"] .flex_online_users, body[data-template="cs27Reg"] .row_events { background: var(--cs-panel); border: 1px solid var(--cs-border); } body[data-template="cs27Reg"] .visit_users_online, body[data-template="cs27Reg"] .event, body[data-template="cs27Reg"] .lst_activity_block { border: 1px solid var(--cs-border); border-radius: 12px; } body[data-template="cs27Reg"] .top_user { background-image: linear-gradient(135deg, #171b24, #11151c) !important; border: 1px solid var(--cs-border); } body[data-template="cs27Reg"] .online_second, body[data-template="cs27Reg"] .name_top_usr, body[data-template="cs27Reg"] .text_top_users, body[data-template="cs27Reg"] .last_activity_theme { color: #fff; } body[data-template="cs27Reg"] .gp_visit, body[data-template="cs27Reg"] .desp_top_users, body[data-template="cs27Reg"] .event_date, body[data-template="cs27Reg"] .description_activity { color: var(--cs-muted); } body[data-template="cs27Reg"] .chat_message { min-height: 56px; } body[data-template="cs27Reg"] .text_chat { color: #d8dce5; font-size: 14px; line-height: 1.55; } body[data-template="cs27Reg"] .author { font-size: 13px !important; } body[data-template="cs27Reg"] .chat_date { font-size: 11px; } body[data-template="cs27Reg"] .name_news { font-size: 20px; line-height: 1.3; } body[data-template="cs27Reg"] .short_news { font-size: 14px; line-height: 1.55; } body[data-template="cs27Reg"] .event_content, body[data-template="cs27Reg"] .last_activity_theme { font-size: 13px; line-height: 1.4; } body[data-template="cs27Reg"] .footer_description, body[data-template="cs27Reg"] .href_bottom, body[data-template="cs27Reg"] .bottom_info { font-size: 13px; line-height: 1.65; } /* v1.2 — final composition pass */ body[data-template="cs27Reg"] .menu_top_left { flex: 1 1 auto; min-width: 0; } body[data-template="cs27Reg"] .menu_top_rigth { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; } body[data-template="cs27Reg"] .header-menu { flex: 1 1 auto; min-width: 0; } body[data-template="cs27Reg"] .header-menu .collapsible-menu { display: flex !important; flex-wrap: nowrap !important; align-items: center; white-space: nowrap; } body[data-template="cs27Reg"] .header-menu .collapsible-menu > li { float: none !important; flex: 0 0 auto; margin: 0 !important; } body[data-template="cs27Reg"] .flex_online_block { flex: 0 0 auto; } body[data-template="cs27Reg"] .cs27-hero { background-image: linear-gradient(90deg, rgba(8,10,15,.98) 0%, rgba(8,10,15,.82) 43%, rgba(8,10,15,.58) 69%, rgba(8,10,15,.86) 100%), radial-gradient(circle at 86% 42%, rgba(255,122,42,.15), transparent 28%), url("../img/hero-desktop.webp"); border-color: rgba(255,122,42,.18); } body[data-template="cs27Reg"] .head_rside .flex_modules { padding: 12px; background: rgba(13,16,22,.78); border: 1px solid rgba(255,255,255,.1); border-radius: 18px; backdrop-filter: blur(10px); } body[data-template="cs27Reg"] .head_rside .block_open_cases { position: relative; isolation: isolate; color: #fff; background-color: #171b24; border-color: rgba(255,255,255,.12); } body[data-template="cs27Reg"] .head_rside .block_open_cases::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10,12,17,.12), rgba(10,12,17,.82)); } body[data-template="cs27Reg"] .flex_online_users { height: auto !important; min-height: 0; padding: 16px; margin-bottom: 18px; } body[data-template="cs27Reg"] .users_online_chat { height: auto !important; min-height: 0; } body[data-template="cs27Reg"] .online_scroll { height: auto; min-height: 0; max-height: 208px; margin: 10px 0; overflow-y: auto; } body[data-template="cs27Reg"] .online_us_all { position: static; min-height: 58px; margin-top: 10px; } body[data-template="cs27Reg"] .visit_users_online { min-height: 54px; margin-bottom: 7px; padding: 8px 10px; background: #171b24; } body[data-template="cs27Reg"] .visit_users_online:hover { border-color: var(--cs-border-hot); background: #1a1f29; } body[data-template="cs27Reg"] .block_top_user { margin-bottom: 10px; overflow: hidden; border: 1px solid var(--cs-border); border-radius: 14px; } body[data-template="cs27Reg"] .top_user { padding: 15px; background: linear-gradient(135deg, #171b24, #11151c) !important; border: 0; border-radius: 0; } body[data-template="cs27Reg"] .bottom_top_user { height: 12px; padding: 0; background: #11151c; border: 0; border-radius: 0; } body[data-template="cs27Reg"] .img_top_user { border-color: #242a36; } body[data-template="cs27Reg"] .rait_top { color: #dfe3eb; background: #202632; border-color: rgba(255,255,255,.1); } body[data-template="cs27Reg"] .rait_top .bx-trophy { color: var(--cs-orange); } body[data-template="cs27Reg"] .row_events { background: var(--cs-panel); } body[data-template="cs27Reg"] .left_events, body[data-template="cs27Reg"] .right_events { background: transparent; } body[data-template="cs27Reg"] .event, body[data-template="cs27Reg"] .lst_activity_block { min-height: 68px; padding: 11px 13px; background: #171b24; } body[data-template="cs27Reg"] .event:hover, body[data-template="cs27Reg"] .lst_activity_block:hover { border-color: var(--cs-border-hot); background: #1a1f29; } body[data-template="cs27Reg"] .last_activity_info { background: #11151c; border-color: var(--cs-border); } body[data-template="cs27Reg"] .news_block { background: #12161e; } body[data-template="cs27Reg"] .news_info { background: #171b24; } body[data-template="cs27Reg"] .news_info_set { color: var(--cs-muted); } body[data-template="cs27Reg"] .second_text_news { color: #fff; } body[data-template="cs27Reg"] .bottom_under { margin-top: 42px; padding-top: 0; } body[data-template="cs27Reg"] .bottom_head { margin-top: 0; padding: 34px 32px; background-color: #0b0e13; border-color: var(--cs-border); border-radius: 18px; } body[data-template="cs27Reg"] .bottom_footer { align-items: flex-start; } body[data-template="cs27Reg"] .bottom_info { min-height: 76px; margin-top: 0; padding: 20px 8px; align-items: center; } body[data-template="cs27Reg"] .footer_description { max-width: 470px; } @media (min-width: 1200px) { body[data-template="cs27Reg"] .header-menu li > a { min-height: 44px; padding: 0 11px; font-size: 12.5px; } body[data-template="cs27Reg"] .menu_top_push_active { flex: 0 0 42px; } body[data-template="cs27Reg"] .language_block .select { padding: 0 10px; } body[data-template="cs27Reg"] .flex_online_block { max-width: 96px; overflow: hidden; } body[data-template="cs27Reg"] .online_pro { margin-left: 4px; } body[data-template="cs27Reg"] .name_top_usr { font-size: 14px; } body[data-template="cs27Reg"] .desp_top_usr { font-size: 11px; } } @media (min-width: 1200px) and (max-width: 1399px) { body[data-template="cs27Reg"] .header-menu li > a { padding: 0 8px; font-size: 11.5px; } body[data-template="cs27Reg"] .language_block .select span { display: none; } body[data-template="cs27Reg"] .flex_online_block { display: none; } } @media (max-width: 991px) { body[data-template="cs27Reg"] .header-menu .collapsible-menu { display: block !important; white-space: normal; } body[data-template="cs27Reg"] .cs27-hero { background-image: linear-gradient(180deg, rgba(8,10,15,.94), rgba(8,10,15,.76) 48%, rgba(8,10,15,.97)), url("../img/hero-mobile.webp"); } body[data-template="cs27Reg"] .bottom_head { padding: 26px 20px; } }
/* cs27Reg 2.0: layout components, local assets, no animation loops. */ body[data-template="cs27Reg"] { font-size:14px; line-height:1.55; } body[data-template="cs27Reg"] .cs27-shell { width:100%; padding:0; } body[data-template="cs27Reg"] .cs27-masthead { position:relative; inset:auto; height:auto; min-height:88px; margin:0; padding:0; backdrop-filter:none; background:#101111; } body[data-template="cs27Reg"] .cs27-masthead > .container { position:relative; min-height:88px; height:auto; padding-top:16px; padding-bottom:16px; flex-wrap:wrap; gap:16px; } body[data-template="cs27Reg"] .cs27-masthead .user-menu { position:static; margin:0; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead { height:auto; z-index:110; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu { position:relative; inset:auto; width:auto; height:auto; display:flex; flex-wrap:wrap; gap:8px; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li > a.log_in_buton { width:auto; height:44px; border-radius:10px; white-space:nowrap; } body[data-template="cs27Reg"] .cs27-navigation { position:relative; inset:auto; margin:0; padding:0; width:100%; border-radius:0; background:#161717; backdrop-filter:none; box-shadow:none; z-index:100; } body[data-template="cs27Reg"] .cs27-navigation .two_top_menu { position:relative; inset:auto; margin:0; padding:8px 0; height:auto; min-height:64px; border-radius:0; background:transparent; } /* jQuery slideDown/slideUp sets inline display; do not force visibility. */ body[data-template="cs27Reg"] .cs27-navigation .header-menu ul ul { display:none; min-width:210px; padding:8px; margin:0; background:#1e1f1f; border:1px solid #393a3a; box-shadow:0 12px 28px #0006; } body[data-template="cs27Reg"] .cs27-navigation .header-menu ul ul a { white-space:normal; } body[data-template="cs27Reg"] .cs27-cover { display:flex; align-items:center; min-height:420px; padding:56px; margin:28px 0 16px; border-radius:20px; background-image:linear-gradient(90deg,#0d0e0ef5,#0d0e0ebd 48%,#0d0e0ee8),url("../img/hero-desktop.webp"); background-position:center; } body[data-template="cs27Reg"] .cs27-cover::before,body[data-template="cs27Reg"] .cs27-cover::after { content:none; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead .user-menu > li.collapsible { position:relative; align-self:center; width:42px; height:42px; margin:0; padding:0; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead .user-menu > li.collapsible > a { position:relative; inset:auto; display:block; width:42px; height:42px; margin:0; padding:0; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead .blockprofile { position:relative; inset:auto; width:42px; height:42px; padding:0; margin:0; border:0; background:transparent; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead .blockprofile > img { position:static; display:block; width:42px; height:42px; margin:0; border-radius:50%; object-fit:cover; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead .user-menu > .bx-chevron-down { display:none; } body[data-template="cs27Reg"] .cs27-masthead .user-menu > li.collapsible > ul { top:52px; right:0; left:auto; max-width:calc(100vw - 32px); } body[data-template="cs27Reg"] .cs27-cover .sortion_block_head { position:relative; inset:auto; width:100%; min-height:0; padding:0; margin:0; } body[data-template="cs27Reg"] .cs27-cover .bar_head { position:static; width:100%; padding:0; margin:0; } body[data-template="cs27Reg"] .cs27-cover .title_head { font-size:clamp(32px,3.5vw,52px); line-height:1.04; max-width:820px; margin:22px 0; } body[data-template="cs27Reg"] .cs27-cover .text_head { display:block; max-width:540px; font-size:15px; line-height:1.7; } body[data-template="cs27Reg"] .cs27-cover #sortition { position:static; max-width:540px; margin-top:16px; } .cs27-quicklinks { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; margin-bottom:28px; } body[data-template="cs27Reg"] .cs27-quicklinks > a { display:flex; align-items:center; gap:14px; padding:20px; border:1px solid #303131; border-radius:12px; background:#181919; min-width:0; } .cs27-quicklinks > a > i:first-child { color:#ff7a2a; font-size:26px; } .cs27-quicklinks > a > i:last-child { margin-left:auto; color:#8492a8; } .cs27-quicklinks strong,.cs27-quicklinks small { display:block; } .cs27-quicklinks strong { font-size:14px; color:#f4f6fa; } .cs27-quicklinks small { margin-top:3px; font-size:11px; color:#9caabd; } body[data-template="cs27Reg"] .cs27-quicklinks > a:hover { border-color:#ff7a2a; background:#222323; } body[data-template="cs27Reg"] .cs27-live .block_servers { padding:22px; margin-bottom:28px; background:#161717; } body[data-template="cs27Reg"] .cs27-live #servers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:18px; } body[data-template="cs27Reg"] .cs27-live .cs27-server { width:100%; min-height:128px; margin:0; padding:22px; background:#202121; border:1px solid #343535; } body[data-template="cs27Reg"] .cs27-server .map_back_server { opacity:.13; } body[data-template="cs27Reg"] .cs27-live .flex_server_info { flex:1; min-width:0; } body[data-template="cs27Reg"] .cs27-live .servers-info-span { display:flex; align-items:center; gap:18px; width:100%; } body[data-template="cs27Reg"] .cs27-live .progress { height:4px; width:100%; margin:9px 0; } body[data-template="cs27Reg"] .cs27-live .btn_server_play_cog { position:relative; inset:auto; display:flex; flex-direction:row; gap:8px; } body[data-template="cs27Reg"] .cs27-live .play-servers,body[data-template="cs27Reg"] .cs27-live .copy_adress { display:grid; place-items:center; width:42px; height:42px; border-radius:10px; } body[data-template="cs27Reg"] .cs27-live .play-servers { background:#ff7029; color:white; } body[data-template="cs27Reg"] .row.cs27-dashboard { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; margin:0; } .cs27-main,.cs27-rail { min-width:0; } body[data-template="cs27Reg"] .cs27-main .heading_block { margin:28px 0 16px; padding:0 0 14px; background:transparent; border:0; border-bottom:1px solid #2f3030; border-radius:0; } body[data-template="cs27Reg"] .cs27-main #new_news { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:0; } body[data-template="cs27Reg"] .cs27-news-card { overflow:hidden; border:1px solid #313232; border-radius:14px; background:#181919; min-width:0; margin:0 0 18px; } body[data-template="cs27Reg"] #new_news .cs27-news-card { margin:0; } .cs27-news-cover { display:block; aspect-ratio:16/9; overflow:hidden; background:#262727; } .cs27-news-cover img { display:block; width:100%; height:100%; object-fit:cover; } .cs27-news-body { padding:22px; } .cs27-news-meta { display:flex; justify-content:space-between; gap:12px; font-size:11px; color:#a2aec0; } body[data-template="cs27Reg"] .cs27-news-body h3 { font-family:inherit; font-size:20px; font-weight:750; line-height:1.3; margin:14px 0 10px; } .cs27-news-summary { color:#aab5c6; font-size:13px; line-height:1.6; overflow-wrap:anywhere; } body[data-template="cs27Reg"] .cs27-news-link { display:inline-flex; align-items:center; gap:8px; margin-top:22px; color:#ff914f; font-size:12px; font-weight:700; } body[data-template="cs27Reg"] .cs27-chat { border:1px solid #313232; border-radius:14px; background:#181919; padding:20px; } body[data-template="cs27Reg"] .cs27-chat .chat { margin:0; padding:0; background:transparent; border:0; } body[data-template="cs27Reg"] .cs27-chat .heading_block_chat { padding:0 0 16px; margin:0; background:transparent; border-bottom:1px solid #313232; } .cs27-caption { display:block; color:#9eacc0; font-size:11px; } body[data-template="cs27Reg"] .cs27-chat #chat_messages { height:290px; max-height:55vh; background:#151616; } body[data-template="cs27Reg"] .cs27-chat .input-group { margin:14px 0 0; } body[data-template="cs27Reg"] .cs27-chat #chat_message_input { border-radius:10px !important; font-size:14px; background:#222323; } body[data-template="cs27Reg"] .cs27-rail .flex_online_users,body[data-template="cs27Reg"] .cs27-rail .block_t_u { border-radius:14px; background:#181919; } body[data-template="cs27Reg"] .gradient_online { display:none; } body[data-template="cs27Reg"] .row_events { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:0; background:transparent; border:0; } body[data-template="cs27Reg"] .row_events > div { width:auto; margin:0; min-width:0; padding:16px; background:#181919; border:1px solid #313232; border-radius:14px; } body[data-template="cs27Reg"] .event,body[data-template="cs27Reg"] .lst_activity_block { background:#232424; } body[data-template="cs27Reg"] .cs27-footer { margin-top:48px; padding:36px 0 0; border-top:1px solid #2f3030; background:#121313; } body[data-template="cs27Reg"] .cs27-footer .bottom_head { padding:0; background:none; border:0; } body[data-template="cs27Reg"] .cs27-footer-grid { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:32px; padding:0; } body[data-template="cs27Reg"] .cs27-footer-grid > div { width:auto; max-width:none; padding:0; } body[data-template="cs27Reg"] .cs27-footer .bottom_info { margin-top:28px; padding:24px 0; border-top:1px solid #2f3030; } body[data-template="cs27Reg"] .block { border-color:#313232; background-color:#181919; } body[data-template="cs27Reg"] .table { color:#dce4f0; background:#181919; } body[data-template="cs27Reg"] .table th { background:#242525; color:#9daec4; font-size:12px; border-color:#3b3c3c; } body[data-template="cs27Reg"] .table td { border-color:#313232; vertical-align:middle; } body[data-template="cs27Reg"] .table-adaptive { max-width:100%; overflow-x:auto; } body[data-template="cs27Reg"] .table-adaptive .table-row:nth-child(odd) { background:#1f2020 !important; } body[data-template="cs27Reg"] .table-adaptive .table-row:nth-child(even) { background:#181919 !important; } body[data-template="cs27Reg"] .table-striped tbody tr:nth-of-type(odd) { background:#1f2020; } body[data-template="cs27Reg"] .table-responsive { width:100%; overflow-x:auto; overscroll-behavior-x:contain; } body[data-template="cs27Reg"] input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body[data-template="cs27Reg"] select,body[data-template="cs27Reg"] textarea { max-width:100%; } body[data-template="cs27Reg"] .form-control { background-color:#141515; color:#edf2fa; border-color:#404141; } body[data-template="cs27Reg"] .form-control:focus { border-color:#ff914f; box-shadow:0 0 0 3px #ff7a2a20; } body[data-template="cs27Reg"] .modal-content { background:#1b1c1c; color:#edf2fa; border:1px solid #424343; border-radius:16px; } body[data-template="cs27Reg"] .modal-dialog { max-width:calc(100% - 24px); } body[data-template="cs27Reg"] .modal-body { overflow-wrap:anywhere; } body[data-template="cs27Reg"] :focus-visible { outline:2px solid #ff914f; outline-offset:3px; } body[data-template="cs27Reg"] .cs27-forum-row { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:24px; padding:22px; border-bottom:1px solid #343535; background:#1c1d1d; } body[data-template="cs27Reg"] .cs27-forum-row > div { width:auto; min-width:0; } body[data-template="cs27Reg"] .cs27-forum-row .forum_img { width:48px; height:48px; object-fit:cover; border-radius:12px; } body[data-template="cs27Reg"] .cs27-forum-post { display:grid; grid-template-columns:210px minmax(0,1fr); gap:22px; padding:22px; margin-bottom:20px; background:#1a1b1b; border:1px solid #3b3c3c; border-radius:14px; } body[data-template="cs27Reg"] .cs27-forum-post .left-side,body[data-template="cs27Reg"] .cs27-forum-post .right-side_flex { width:auto; min-width:0; margin:0; float:none; } body[data-template="cs27Reg"] .cs27-forum-post .img_forum_user_back { display:none; } body[data-template="cs27Reg"] .section_store_card { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; } body[data-template="cs27Reg"] .section_store_card .card_privilege { width:auto; margin:0; min-width:0; overflow:hidden; background:#1d1e1e; border:1px solid #3b3c3c; border-radius:14px; } body[data-template="cs27Reg"] .image_card_store { overflow:hidden; background:#252626; } body[data-template="cs27Reg"] .service_preview_image { display:block; width:100%; height:200px; object-fit:contain; } body[data-template="cs27Reg"] .flex_card_info_store { padding:20px; background:#1d1e1e; } @media(min-width:992px) { body[data-template="cs27Reg"] .modal-dialog { max-width:600px; } body[data-template="cs27Reg"] .modal-lg { max-width:900px; } } @media(max-width:1199px) { .cs27-quicklinks { grid-template-columns:repeat(2,minmax(0,1fr)); } body[data-template="cs27Reg"] .cs27-masthead .search_user { width:180px; } body[data-template="cs27Reg"] .row.cs27-dashboard { grid-template-columns:minmax(0,1fr) 270px; gap:18px; } } @media(max-width:991px) { body[data-template="cs27Reg"] .container { width:calc(100% - 32px); padding-left:0; padding-right:0; } body[data-template="cs27Reg"] .row.cs27-dashboard { grid-template-columns:1fr; } body[data-template="cs27Reg"] .cs27-rail { display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:start; } body[data-template="cs27Reg"] .cs27-navigation .header-menu { position:absolute; top:64px; left:0; right:0; padding:12px; width:100%; background:#1d1e1e; border:1px solid #424343; } body[data-template="cs27Reg"] .cs27-navigation .header-menu.show { display:block !important; } body[data-template="cs27Reg"] .cs27-navigation .header-menu ul ul { position:static; width:100%; } body[data-template="cs27Reg"] .cs27-cover { min-height:380px; padding:36px; } body[data-template="cs27Reg"] .cs27-footer-grid { grid-template-columns:repeat(3,1fr); gap:24px; } body[data-template="cs27Reg"] .cs27-footer-grid > div:first-child { grid-column:1/-1; } } @media(max-width:767px) { body[data-template="cs27Reg"] .cs27-forum-row,body[data-template="cs27Reg"] .cs27-forum-post { grid-template-columns:1fr; padding:16px; gap:16px; } body[data-template="cs27Reg"] .cs27-forum-post .left-side { display:flex; flex-wrap:wrap; gap:12px; align-items:center; } body[data-template="cs27Reg"] .section_store_card { grid-template-columns:1fr; } body[data-template="cs27Reg"] .cs27-cover { background-image:linear-gradient(90deg,#0d0e0ef5,#0d0e0ed9),url("../img/hero-mobile.webp"); min-height:370px; padding:28px 22px; } body[data-template="cs27Reg"] .cs27-cover .title_head { font-size:32px; } body[data-template="cs27Reg"] .cs27-masthead .logo { width:165px; } body[data-template="cs27Reg"] .cs27-masthead > .container { min-height:78px; gap:12px; } body[data-template="cs27Reg"] .cs27-masthead .search_user { display:none; } body[data-template="cs27Reg"] .cs27-live #servers { grid-template-columns:1fr; } body[data-template="cs27Reg"] .cs27-live .block_servers { padding:16px; } body[data-template="cs27Reg"] .cs27-main #new_news { grid-template-columns:1fr; } body[data-template="cs27Reg"] .row_events { grid-template-columns:1fr; } body[data-template="cs27Reg"] .cs27-chat { padding:14px; } body[data-template="cs27Reg"] .cs27-chat .heading_block_chat { flex-wrap:wrap; gap:12px; } body[data-template="cs27Reg"] .cs27-rail { grid-template-columns:1fr; } .cs27-quicklinks { gap:8px; } body[data-template="cs27Reg"] .cs27-quicklinks > a { padding:14px 10px; gap:8px; } .cs27-quicklinks strong { font-size:12px; } .cs27-quicklinks small,.cs27-quicklinks > a > i:last-child { display:none; } body[data-template="cs27Reg"] .cs27-footer-grid { grid-template-columns:1fr 1fr; } body[data-template="cs27Reg"] .cs27-footer .bottom_info { flex-wrap:wrap; gap:20px; } body[data-template="cs27Reg"] .cs27-live .cs27-server { padding:16px; } body[data-template="cs27Reg"] .cs27-live .btn_server_play_cog { flex-direction:column; } body[data-template="cs27Reg"] .form-control { font-size:16px; } } @media(prefers-reduced-motion:reduce) { body[data-template="cs27Reg"] *,body[data-template="cs27Reg"] *::before,body[data-template="cs27Reg"] *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }
/* cs27Reg 3.1: reference composition and homepage corrections. */ body[data-template="cs27Reg"] { --cs-bg:#111314; --cs-panel:#202223; --cs-panel-2:#292b2d; --cs-border:#ffffff12; --cs-border-hot:#ff592c88; --cs-orange:#ff5728; --cs-orange-2:#ee4820; --cs-text:#f5f5f5; --cs-muted:#a1a3a4; color:#f5f5f5; font-family:"Segoe UI",Arial,sans-serif; font-size:14px; background-color:#111314; background-image:linear-gradient(#101314d9,#111314f5 800px,#111314eb),url("../img/reference-hero.webp"); background-size:100% 100%,1800px auto; background-position:center top; background-repeat:no-repeat; } body[data-template="cs27Reg"] .container { width:calc(100% - 48px); max-width:1360px; } .ref-brand { display:inline-flex; flex-direction:column; color:#f8f8f8; line-height:1; white-space:nowrap; } .ref-brand b { font-family:"Uni Sans Heavy CAPS","Arial Black",Impact,sans-serif; font-size:31px; font-weight:900; letter-spacing:-.8px; } .ref-brand em { color:#ff612f; font-style:normal; } .ref-brand small { margin-top:5px; font:700 7px/1.1 Arial,sans-serif; letter-spacing:2.2px; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead { min-height:76px; background:transparent; border:0; box-shadow:none; } body[data-template="cs27Reg"] .cs27-masthead > .container { min-height:76px; padding:12px 24px; gap:20px; } body[data-template="cs27Reg"] .logol { margin-right:8px; } body[data-template="cs27Reg"] .cs27-masthead .search_user { width:245px; height:40px; background:#20222388; border-color:#ffffff1a; } body[data-template="cs27Reg"] .cs27-masthead .user-menu { margin-left:auto; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu { margin-left:auto; } body[data-template="cs27Reg"] .cs27-masthead .pro { background:transparent; border:0; } body[data-template="cs27Reg"] .cs27-navigation { background:transparent; border:0; } body[data-template="cs27Reg"] .cs27-navigation .two_top_menu { padding:7px 18px; min-height:60px; background:linear-gradient(115deg,#292b2df2,#222425f2); border:1px solid #ffffff15; border-radius:40px; } body[data-template="cs27Reg"] .cs27-navigation .menu_top_push_active { width:34px; height:36px; background:transparent; color:#ff582a; } body[data-template="cs27Reg"] .cs27-navigation .header-menu li > a { font:700 11px/1.3 "Segoe UI",Arial,sans-serif; padding:0 10px; text-transform:uppercase; color:#b9bbbd; min-height:40px; } body[data-template="cs27Reg"] .cs27-navigation .header-menu li > a:hover,body[data-template="cs27Reg"] .cs27-navigation .header-menu li > a.open { color:white; background:#ffffff09; } body[data-template="cs27Reg"] .cs27-navigation .header-menu ul ul { background:#242628; border-color:#ffffff19; border-radius:12px; } body[data-template="cs27Reg"] .cs27-navigation .language_block .select { background:#ffffff06; border-color:#ffffff17; border-radius:24px; } body[data-template="cs27Reg"] .ref-hero { display:flex; align-items:stretch; justify-content:space-between; gap:20px; min-height:450px; padding:24px 24px 24px 36px; margin:18px 0 20px; background:linear-gradient(90deg,#121414aa,transparent 46%,#10121228),url("../img/reference-hero.webp") center/cover; border:1px solid #ffffff13; border-radius:18px; overflow:hidden; } .ref-hero-copy { flex:0 1 43%; min-width:0; align-self:center; padding:12px 0; } body[data-template="cs27Reg"] .ref-hero h1 { font-family:"Uni Sans Heavy CAPS","Arial Black",Impact,sans-serif; font-size:clamp(28px,3vw,42px); font-weight:900; line-height:1.05; margin:0 0 16px; letter-spacing:-.7px; } .ref-hero h1 em { color:#ff602f; font-style:normal; } .ref-hero-copy > p { max-width:340px; font-size:15px; line-height:1.45; color:#ddd; margin:0 0 20px; } .ref-counters { display:flex; flex-wrap:wrap; gap:14px; margin:0 0 22px; } .ref-counters > div { display:flex; gap:8px; align-items:center; } .ref-counters i { display:grid; place-items:center; width:34px; height:34px; border:1px solid #ff5b294d; background:#ff5b291a; border-radius:50%; color:#ff5b29; font-size:22px; } .ref-counters b { display:block; font-size:17px; line-height:1.2; } .ref-counters small { display:block; font-size:8px; color:#afb1b2; } body[data-template="cs27Reg"] .ref-start { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:50px; width:265px; max-width:100%; color:white; background:linear-gradient(120deg,#ff642d,#f44820); font-size:15px; font-weight:800; border-radius:9px; } .ref-hero-widgets { display:flex; flex-direction:column; gap:14px; flex:0 0 38%; padding:10px; background:#1e2021d9; border:1px solid #ffffff12; border-radius:15px; } .ref-tools { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } body[data-template="cs27Reg"] .ref-tools > a { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:142px; padding:12px 6px; background:linear-gradient(135deg,#323335,#242627); border:1px solid #ffffff0d; border-radius:10px; text-align:center; } .ref-tools i { color:#ff6334; font-size:42px; margin-bottom:12px; } .ref-tools strong { font-size:12px; line-height:1.2; } .ref-tools small { font-size:10px; color:#aaa; margin-top:6px; } .ref-promos { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; flex:1; } body[data-template="cs27Reg"] .ref-promo { position:relative; display:flex; flex-direction:column; align-items:flex-start; min-height:225px; padding:16px; background-color:#211e1b; background-size:cover; background-position:center 65%; border:1px solid #ff894a66; border-radius:12px; overflow:hidden; } .ref-promo.ref-gift { background-image:linear-gradient(#16171888,transparent 55%),url("../img/reference-gift.webp"); } .ref-promo.ref-reward { background-image:linear-gradient(#16171888,transparent 55%),url("../img/reference-reward.webp"); } .ref-promo strong { font-size:17px; line-height:1.2; } .ref-promo small { font-size:11px; line-height:1.35; color:#ddd; margin:7px 0 22px; } .ref-promo > span { margin-top:auto; padding:9px 14px; border:1px solid #ff8b5180; border-radius:24px; font-size:10px; font-weight:700; background:#191a1bda; } body[data-template="cs27Reg"] .row.cs27-dashboard { display:grid; grid-template-columns:350px minmax(0,1fr); gap:20px; } body[data-template="cs27Reg"] .cs27-rail { grid-column:1; grid-row:1; display:block; } body[data-template="cs27Reg"] .cs27-main { grid-column:2; grid-row:1; } body[data-template="cs27Reg"] :is(.cs27-chat,.ref-news,.ref-events,.cs27-rail .block_servers,.cs27-rail .flex_online_users,.cs27-rail .navigation_profile,.cs27-rail .block_t_u) { margin:0 0 16px; padding:16px; border:1px solid #ffffff12; border-radius:14px; background:linear-gradient(120deg,#252728,#1b1e1f); box-shadow:none; } body[data-template="cs27Reg"] .cs27-main .heading_block { margin:0 0 14px; padding:0; border:0; min-height:44px; } body[data-template="cs27Reg"] :is(.heading_cap .heading,.name_top_usr,.heading_chat_info > span,.online_second) { font-family:"Segoe UI",Arial,sans-serif; font-size:15px; font-weight:800; } body[data-template="cs27Reg"] :is(.second_heading,.desp_top_usr) { font-family:"Segoe UI",Arial,sans-serif; font-size:12px; color:#a4a6a8; } body[data-template="cs27Reg"] :is(.double_heading > i,.flex_heading_chat > i,.flex_top_usr_i > i,.box_online > i) { display:grid; place-items:center; width:40px; height:40px; min-width:40px; border-radius:10px; background:linear-gradient(145deg,#ff713e,#ff491f) !important; color:white !important; font-size:23px; box-shadow:inset 0 1px #ffffff40; } body[data-template="cs27Reg"] .cs27-chat .heading_block_chat { border:0; padding-bottom:16px; } body[data-template="cs27Reg"] .cs27-chat #chat_messages { height:345px; max-height:none; padding:10px; background:#141718; border:1px solid #ffffff08; border-radius:9px; } body[data-template="cs27Reg"] .cs27-chat #chat_message_input { min-height:45px; background:#252728; border:1px solid #ffffff15; color:white; } body[data-template="cs27Reg"] .btn_message { width:46px; height:45px; border-radius:8px; background:#ff572a; color:white; } body[data-template="cs27Reg"] .cs27-main #new_news { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } body[data-template="cs27Reg"] .cs27-news-card { background:linear-gradient(145deg,#282a2b,#1d2021); border-color:#ffffff17; border-radius:10px; display:flex; flex-direction:column; } .cs27-news-cover { position:relative; aspect-ratio:16/10; } .ref-all-news { margin-left:auto; margin-right:8px; padding:9px 12px; border-radius:8px; background:#ffffff06; color:#ccc; font-size:11px; } .ref-all-news i { color:#ff632e; } .ref-news-category { position:absolute; z-index:1; top:10px; left:10px; max-width:calc(100% - 20px); padding:5px 9px; border-radius:20px; font-size:9px; text-transform:uppercase; font-weight:800; background:#f75b2be8; color:white; } .ref-news-category:empty { display:none; } .cs27-news-body { padding:12px; display:flex; flex-direction:column; flex:1; } .cs27-news-meta { font-size:10px; color:#b4b5b6; } body[data-template="cs27Reg"] .cs27-news-body h3 { font-size:17px; line-height:1.25; margin:10px 0; } .cs27-news-summary { color:#a9abad; font-size:12px; line-height:1.4; margin-bottom:16px; } body[data-template="cs27Reg"] .cs27-news-link { display:flex; justify-content:center; gap:12px; min-height:40px; padding:8px; margin-top:auto; border:1px solid #f26336; border-radius:7px; color:#eee; font-size:10px; } .cs27-news-link i { color:#ff632e; } body[data-template="cs27Reg"] .row_events { grid-template-columns:1fr 1fr; gap:14px; } body[data-template="cs27Reg"] .row_events > div { padding:12px; background:#ffffff03; border-color:#ffffff09; border-radius:10px; } .ref-activity-title { display:flex; align-items:center; gap:9px; min-height:46px; margin-bottom:12px; font-size:11px; } .ref-activity-title > i { display:grid; place-items:center; width:36px; height:36px; flex-shrink:0; border-radius:9px; color:white; background:#ff572a; font-size:23px; } .ref-activity-title a { margin-left:auto; padding:8px; border-radius:7px; background:#ffffff08; font-size:9px; } body[data-template="cs27Reg"] :is(.event,.lst_activity_block) { padding:12px 8px; margin-bottom:8px; min-height:82px; background:linear-gradient(110deg,#292c2d,#242627); border-color:#ffffff0a; border-radius:9px; } body[data-template="cs27Reg"] :is(.event_content,.last_activity_theme) { font-size:12px; line-height:1.45; } body[data-template="cs27Reg"] :is(.event_date,.description_activity) { font-size:10px; color:#9c9ea0; } body[data-template="cs27Reg"] .last_activity_info { margin-bottom:12px; min-height:46px; padding:0; background:transparent; border:0; } body[data-template="cs27Reg"] .cs27-rail .block_servers .flex_top_usr_i { margin-bottom:14px; } body[data-template="cs27Reg"] .cs27-rail .cs27-server { position:relative; padding:14px; margin-bottom:10px; min-height:105px; border-color:#ffffff1a; border-radius:10px; background:#272b2d; overflow:hidden; } body[data-template="cs27Reg"] .cs27-rail .cs27-server .map_back_server { inset:0; opacity:.45; background-size:cover !important; background-position:center !important; } body[data-template="cs27Reg"] .cs27-rail .servers-info-span { position:relative; display:flex; width:100%; gap:10px; align-items:center; } body[data-template="cs27Reg"] .cs27-rail .flex_server_info { flex:1; min-width:0; } .ref-server-address { font-size:13px; color:white; } .ref-server-name { display:block; font-size:11px; color:#ddd; margin:3px 0 12px; overflow-wrap:anywhere; } body[data-template="cs27Reg"] .cs27-rail .game_name_server { display:none; } body[data-template="cs27Reg"] .cs27-rail .flex_down_server .bar { display:none; } body[data-template="cs27Reg"] .cs27-rail .map_player_flex { display:flex; justify-content:space-between; gap:10px; font-size:11px; } body[data-template="cs27Reg"] .cs27-rail .btn_server_play_cog { position:static; margin:0; } body[data-template="cs27Reg"] .cs27-rail .play-servers { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#ff5b28; color:white; font-size:30px; } body[data-template="cs27Reg"] .cs27-rail .copy_adress { width:28px; height:24px; margin:5px auto 0; background:#17191aaa; } body[data-template="cs27Reg"] .cs27-rail :is(.online_scroll,.users_online_chat) { height:auto; min-height:0; } body[data-template="cs27Reg"] .cs27-rail .visit_users_online { min-height:55px; padding:8px; margin:0; border-width:0 0 1px; border-color:#ffffff0b; border-radius:0; background:#ffffff03; } body[data-template="cs27Reg"] .cs27-rail .online_us_all { border-radius:9px; background:#ffffff07; padding:10px; } body[data-template="cs27Reg"] .cs27-rail .balance_mini_profile { margin-top:14px; border-radius:9px; background:#ffffff06; } body[data-template="cs27Reg"] .cs27-rail .block_t_u .tabs__controls { display:block; } body[data-template="cs27Reg"] .cs27-rail .btn_top_block { display:flex; width:100%; padding:4px; margin:14px 0; background:#ffffff0b; border-radius:10px; } body[data-template="cs27Reg"] .cs27-rail .btn_top_block button { flex:1; border:0; border-radius:8px; min-height:30px; background:transparent; color:#aaa; } body[data-template="cs27Reg"] .cs27-rail .btn_top_block button[aria-selected="true"] { background:#ff5b2c; color:white; } /* Stats output is reused on other pages; compact only in the home rail. */ body[data-template="cs27Reg"] .cs27-rail .top_block_stats_player,body[data-template="cs27Reg"] .cs27-rail .table-row.top_none { display:none; } body[data-template="cs27Reg"] .cs27-rail .card_stats_top_player { display:flex !important; align-items:center; position:relative; width:100%; min-height:65px; margin:0 0 7px; padding:10px; background:linear-gradient(110deg,#292c2d,#242627); border:1px solid #ffffff08; border-radius:9px; } body[data-template="cs27Reg"] .cs27-rail .stats_card_header { display:flex; flex-direction:row; gap:10px; width:100%; margin:0; padding:0; border:0; border-radius:0; overflow:visible; } body[data-template="cs27Reg"] .cs27-rail .stats_card_profile { flex:1; min-width:0; } body[data-template="cs27Reg"] .cs27-rail .user_profile_card_stats { flex-direction:row; gap:12px; min-width:0; } body[data-template="cs27Reg"] .cs27-rail .stats_card_place { position:static; order:-1; flex:0 0 26px; display:grid; place-items:center; height:28px; background:#ffffff0b; color:#ddd; font:700 14px/1 "Segoe UI",Arial,sans-serif; border-radius:7px; } body[data-template="cs27Reg"] .cs27-rail .card_stats_top_player .info_stats_top_p { display:none; } body[data-template="cs27Reg"] .cs27-rail .user_profile_skill_block { display:none; } body[data-template="cs27Reg"] .cs27-rail .user-profile-avatar { flex:0 0 38px; width:38px; height:38px; object-fit:cover; border-radius:10px; } body[data-template="cs27Reg"] .cs27-rail .user_profile_data { flex:1; min-width:0; align-items:flex-start; gap:3px; font-size:13px; } body[data-template="cs27Reg"] .cs27-rail .image-placeholder span { display:block; font-size:0; } body[data-template="cs27Reg"] .cs27-rail .image-placeholder span::first-letter { font-size:18px; } .ref-frags { display:none; } body[data-template="cs27Reg"] .cs27-rail .ref-frags { display:block; font-size:11px; color:#ddd; } body[data-template="cs27Reg"] .cs27-footer { background:transparent; border:0; margin-top:16px; padding-top:0; } body[data-template="cs27Reg"] .cs27-footer .bottom_head { padding:28px; border:1px solid #ffffff12; border-radius:16px; background:linear-gradient(100deg,#292b2df5,#171a1cf2),url("../img/reference-hero.webp") center/cover; } body[data-template="cs27Reg"] .cs27-footer-grid { grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; } body[data-template="cs27Reg"] .cs27-footer .footer_description { font-size:12px; line-height:1.5; color:#aaa; } body[data-template="cs27Reg"] .cs27-footer .bottom_info { border:0; margin:0; padding:28px 16px; } body[data-template="cs27Reg"] .cs27-footer .bottom_info_left { font-size:11px; } body[data-template="cs27Reg"] .cs27-footer .age_block { background:transparent; border-color:#ffffff22; } body[data-template="cs27Reg"] .cs27-footer .icon_age { background:#ff572a; } body[data-template="cs27Reg"] .cs27-footer .href_bottom { font-size:12px; color:#b1b2b3; } @media(max-width:1199px) { body[data-template="cs27Reg"] .row.cs27-dashboard { grid-template-columns:280px minmax(0,1fr); gap:16px; } body[data-template="cs27Reg"] .ref-hero { min-height:380px; padding:20px; } .ref-hero-copy { flex-basis:48%; } .ref-hero-widgets { flex-basis:40%; gap:10px; } .ref-hero-copy > p { font-size:13px; max-width:300px; } .ref-tools > a { min-height:110px !important; } .ref-tools strong { font-size:10px; } .ref-tools small { font-size:9px; } .ref-tools i { font-size:32px; margin-bottom:8px; } body[data-template="cs27Reg"] .ref-promo { min-height:190px; padding:12px; } .ref-promo strong { font-size:15px; } .ref-promo small { font-size:10px; } body[data-template="cs27Reg"] .cs27-masthead .search_user { width:190px; } body[data-template="cs27Reg"] .cs27-main #new_news { gap:9px; } body[data-template="cs27Reg"] .cs27-news-body h3 { font-size:14px; } .cs27-news-summary { font-size:11px; } } @media(max-width:991px) { body[data-template="cs27Reg"] .container { width:calc(100% - 28px); } body[data-template="cs27Reg"] .cs27-navigation .header-menu { top:60px; border-radius:14px; background:#222527; } body[data-template="cs27Reg"] .cs27-navigation .header-menu ul ul { min-width:0; box-shadow:none; } body[data-template="cs27Reg"] .cs27-navigation .two_top_menu { min-height:56px; } body[data-template="cs27Reg"] .ref-hero { flex-wrap:wrap; } .ref-hero-copy { flex-basis:100%; min-height:300px; } .ref-hero-widgets { flex-basis:100%; flex-direction:row; } .ref-tools { width:50%; } .ref-promos { width:50%; } body[data-template="cs27Reg"] .ref-promo { min-height:185px; } body[data-template="cs27Reg"] .row.cs27-dashboard { grid-template-columns:1fr; } body[data-template="cs27Reg"] .cs27-rail { display:contents; } body[data-template="cs27Reg"] .cs27-main { grid-column:1; grid-row:2; } body[data-template="cs27Reg"] .cs27-rail > .block_servers { grid-row:1; } body[data-template="cs27Reg"] .cs27-rail #servers { display:grid; grid-template-columns:1fr 1fr; gap:12px; } body[data-template="cs27Reg"] .cs27-footer-grid { grid-template-columns:repeat(3,1fr); gap:24px; } body[data-template="cs27Reg"] .cs27-footer-grid > div:first-child { grid-column:1/-1; } } @media(max-width:767px) { body[data-template="cs27Reg"] { background-image:radial-gradient(ellipse at 0 0,#ff572a0b,transparent 650px),linear-gradient(#111516,#111314); } body[data-template="cs27Reg"] .ref-hero { background-image:linear-gradient(#12141466,#111314e8 62%),url("../img/reference-hero-mobile.webp"); background-size:cover; background-position:50% top; padding:18px; } body[data-template="cs27Reg"] .ref-hero h1 { font-size:32px; } .ref-hero-copy > p { max-width:320px; } .ref-hero-copy { min-height:310px; } .ref-hero-widgets { flex-direction:column; padding:8px; } .ref-tools,.ref-promos { width:100%; } .ref-tools > a { min-height:105px !important; } body[data-template="cs27Reg"] .ref-promo { min-height:200px; } body[data-template="cs27Reg"] .cs27-main #new_news { grid-template-columns:1fr; gap:14px; } body[data-template="cs27Reg"] .cs27-news-body h3 { font-size:19px; } .cs27-news-summary { font-size:14px; } .cs27-news-meta { font-size:12px; } body[data-template="cs27Reg"] .cs27-news-link { min-height:44px; font-size:12px; } body[data-template="cs27Reg"] .cs27-chat #chat_messages { height:330px; } body[data-template="cs27Reg"] .cs27-rail #servers { grid-template-columns:1fr; } body[data-template="cs27Reg"] .row_events { grid-template-columns:1fr; } body[data-template="cs27Reg"] .cs27-masthead > .container { padding:14px 4px; gap:14px; } .ref-brand b { font-size:25px; } .ref-brand small { font-size:6px; letter-spacing:1.5px; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu { max-width:100%; } body[data-template="cs27Reg"] .cs27-footer .bottom_head { padding:20px; } body[data-template="cs27Reg"] .cs27-footer-grid { grid-template-columns:1fr 1fr; gap:20px; } body[data-template="cs27Reg"] .cs27-footer .bottom_info { padding:24px 4px; } } /* Home-only overrides: no changes to forum/profile lists or statistics pages. */ body[data-template="cs27Reg"] .cs27-dashboard { align-items:start; } body[data-template="cs27Reg"] .cs27-main #new_news > .empty-element { grid-column:1 / -1; padding:20px; text-align:center; } body[data-template="cs27Reg"] .cs27-main .cs27-news-summary { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } body[data-template="cs27Reg"] .cs27-main .cs27-news-summary > :first-child { margin-top:0; } body[data-template="cs27Reg"] .cs27-main .cs27-news-meta { flex-wrap:wrap; font-size:12px; gap:4px 10px; } body[data-template="cs27Reg"] .cs27-main .cs27-news-link { font-size:12px; } body[data-template="cs27Reg"] .cs27-main .ref-events #events .event, body[data-template="cs27Reg"] .cs27-main .ref-events #last_activity .lst_activity_block { background:#25292b; border:1px solid #ffffff12; min-height:76px; height:auto; padding:12px; } body[data-template="cs27Reg"] .cs27-main .ref-events #events .event > div { min-width:0; line-height:1.45; } body[data-template="cs27Reg"] .cs27-main .ref-events .left_side_activity { min-width:0; gap:10px; } body[data-template="cs27Reg"] .cs27-main .ref-events .activity_flex { min-width:0; gap:4px; } body[data-template="cs27Reg"] .cs27-main .ref-events .last_activity_theme { font-size:13px; line-height:1.4; overflow-wrap:anywhere; } body[data-template="cs27Reg"] .cs27-main .ref-events .activity_btn { flex-shrink:0; background:#ffffff0b; color:#d6dadd; } body[data-template="cs27Reg"] .cs27-main .ref-events .img_actiity { width:32px; height:32px; object-fit:cover; } body[data-template="cs27Reg"] .cs27-main .heading_cap .heading { font-size:18px; } body[data-template="cs27Reg"] .cs27-main .heading_cap { min-width:0; } body[data-template="cs27Reg"] .cs27-rail .ref-server-name { font-size:12px; line-height:1.45; } body[data-template="cs27Reg"] .cs27-rail .tabs__panel[hidden] { display:none !important; } @media (max-width:1199px) and (min-width:992px) { body[data-template="cs27Reg"] .cs27-main .row_events { grid-template-columns:1fr; } } @media (max-width:767px) { body[data-template="cs27Reg"] .cs27-main .heading_block { flex-wrap:wrap; gap:8px; } body[data-template="cs27Reg"] .cs27-main .heading_cap .heading { font-size:17px; } body[data-template="cs27Reg"] .cs27-main .ref-news .double_heading { flex:1 1 170px; } body[data-template="cs27Reg"] .cs27-main .ref-all-news { margin-right:0; } } /* 3.2: remove legacy offsets; keep dropdown visibility controlled by GameCMS. */ body[data-template="cs27Reg"] .cs27-masthead > .container { display:flex; align-items:center; gap:16px; } body[data-template="cs27Reg"] .cs27-masthead .search_user { top:auto; margin:0; float:none; } body[data-template="cs27Reg"] .cs27-masthead .pro { top:auto; margin:0; padding:0; height:42px; flex-direction:row; align-items:center; justify-content:center; float:none; } body[data-template="cs27Reg"] .cs27-masthead .pro > :is(.line_promo_up,.striped-circle) { display:none; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu { align-items:center; padding:0; gap:8px; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li { position:relative; top:auto; right:auto; margin:0; padding:0; flex-shrink:0; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li.balance { display:flex; align-items:center; gap:8px; height:42px; padding:5px 7px; line-height:1.2; white-space:nowrap; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li.balance > i { position:static; margin:0; flex:0 0 30px; width:30px; height:30px; line-height:1; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li.balance > a { display:flex; align-items:center; justify-content:center; position:static; width:auto; height:32px; padding:0 12px; margin:0; line-height:1; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li:not(.balance) > a, body[data-template="cs27Reg"] .cs27-shell .cs27-masthead .show_user { display:flex; align-items:center; justify-content:center; position:relative; top:auto; width:42px; height:42px; padding:0; margin:0; line-height:1; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li:not(.balance) > a > i, body[data-template="cs27Reg"] .cs27-shell .cs27-masthead .show_user > i { position:static !important; inset:auto !important; padding:0; margin:0; line-height:1; } body[data-template="cs27Reg"] .cs27-navigation :is(.two_top_menu,.menu_top_left,.menu_top_rigth) { display:flex; align-items:center; } body[data-template="cs27Reg"] .cs27-navigation .menu_top_left { min-width:0; flex:1; } body[data-template="cs27Reg"] .cs27-navigation .menu_top_rigth { flex-shrink:0; } body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container { width:100%; max-width:none; padding:0; margin:0; } body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > .collapsible-menu { height:auto; margin:0; overflow:visible; } body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li { position:relative; margin:0; } body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li > a { display:flex; align-items:center; min-height:42px; height:auto; line-height:1.3; margin:0; } @media(min-width:992px) { body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul { display:flex; align-items:center; flex-wrap:wrap; } body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li { display:flex; align-items:center; } body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li.collapsible { padding-right:14px; } body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li.collapsible::after { position:absolute; top:50%; right:1px; transform:translateY(-50%); margin:0; float:none; width:12px; height:12px; display:flex; align-items:center; justify-content:center; pointer-events:none; } body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li > ul { top:100%; left:0; } } /* Server text stays within its own column, with a separate action column. */ body[data-template="cs27Reg"] .cs27-rail .cs27-server .servers-info-span { display:grid; grid-template-columns:minmax(0,1fr) 42px; gap:12px; align-items:center; } body[data-template="cs27Reg"] .cs27-rail .cs27-server .flex_down_server { display:block; width:100%; margin:0; } body[data-template="cs27Reg"] .cs27-rail .cs27-server .map_player_flex { justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:4px 8px; } body[data-template="cs27Reg"] .cs27-rail .cs27-server .player_monitoring { position:static; display:inline-block; flex-shrink:0; margin:0; padding:0; color:#f5f5f5; line-height:1.5; } body[data-template="cs27Reg"] .cs27-rail .cs27-server .server_info_monitoring { min-width:0; overflow-wrap:anywhere; } body[data-template="cs27Reg"] .cs27-rail .btn_server_play_cog { display:flex; flex-direction:column; align-items:center; gap:6px; width:42px; padding:0; } body[data-template="cs27Reg"] .cs27-rail .btn_server_play_cog :is(.play-servers,.copy_adress) { position:static; margin:0; display:flex; align-items:center; justify-content:center; flex-shrink:0; padding:0; } body[data-template="cs27Reg"] .cs27-rail .btn_server_play_cog i { position:static; margin:0; line-height:1; } body[data-template="cs27Reg"] .cs27-rail .visit_users_online { display:flex; align-items:center; justify-content:space-between; gap:10px; border-radius:9px; padding:10px; } body[data-template="cs27Reg"] .cs27-rail .flex_online_us { display:flex; align-items:center; gap:10px; min-width:0; } body[data-template="cs27Reg"] .cs27-rail .user_o_img { position:static; width:34px; height:34px; margin:0; flex-shrink:0; object-fit:cover; border-radius:50%; } body[data-template="cs27Reg"] .cs27-rail .block_visit { min-width:0; margin:0; } body[data-template="cs27Reg"] .cs27-rail .login_visit { display:block; overflow-wrap:anywhere; } /* Compose the input and send action without absolute button offsets. */ body[data-template="cs27Reg"] .cs27-chat #chat .input-group { display:flex; align-items:stretch; flex-wrap:nowrap; gap:8px; padding:0; margin:12px 0 0; } body[data-template="cs27Reg"] .cs27-chat #chat .input-group .smile_input { position:relative; flex:1; min-width:0; width:auto; padding:0; } body[data-template="cs27Reg"] .cs27-chat #chat .input-group #chat_message_input { height:46px; min-height:46px; margin:0; padding:0 44px 0 14px; line-height:normal; border-radius:9px !important; } body[data-template="cs27Reg"] .cs27-chat #chat .input-group #smile_btn { top:50%; right:14px; transform:translateY(-50%); } body[data-template="cs27Reg"] .cs27-chat #chat .input-group-btn { position:static; display:flex; flex:0 0 46px; width:46px; } body[data-template="cs27Reg"] .cs27-chat #send_button { position:static; inset:auto; display:flex; align-items:center; justify-content:center; width:46px; height:46px; margin:0; padding:0; } /* Legacy panels used top:-54px and a negative bottom margin. */ body[data-template="cs27Reg"] .block_t_u tabs-group { display:block; } body[data-template="cs27Reg"] .block_t_u .tabs__controls { display:flex; flex-direction:column; align-items:stretch; gap:14px; margin:0 0 12px; } body[data-template="cs27Reg"] .block_t_u .btn_top_block { position:static; display:flex; width:100%; height:auto; margin:0; padding:4px; } body[data-template="cs27Reg"] .block_t_u .btn_top_block button { width:auto; flex:1; min-height:34px; } body[data-template="cs27Reg"] .block_t_u .tabs__panel { position:static; top:auto; margin:0; } body[data-template="cs27Reg"] .block_t_u .tabs__panel[hidden] { display:none !important; } body[data-template="cs27Reg"] .cs27-rail .stats_card_header { align-items:center; gap:8px; } body[data-template="cs27Reg"] .cs27-rail .user_profile_card_stats { display:flex; align-items:center; gap:10px; width:100%; } body[data-template="cs27Reg"] .cs27-rail .user_profile_data { display:flex; flex-direction:column; align-items:flex-start; overflow:hidden; } body[data-template="cs27Reg"] .cs27-rail .user_profile_data > :is(i,a) { display:block; width:100%; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-style:normal; } body[data-template="cs27Reg"] .cs27-rail .image-placeholder { overflow:hidden; } body[data-template="cs27Reg"] .cs27-rail .image-placeholder > span { width:1ch; overflow:hidden; white-space:nowrap; font-size:18px; line-height:1; } @media(max-width:767px) { body[data-template="cs27Reg"] .cs27-masthead > .container { gap:12px; padding:12px 0; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu { justify-content:flex-end; max-width:100%; gap:6px; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li.balance { display:flex; } } /* Neutral graphite surfaces, including legacy inputs with important backgrounds. */ body[data-template="cs27Reg"] .cs27-chat #chat .input-group #chat_message_input { background:#17191a !important; border-color:#393c3d; } body[data-template="cs27Reg"] :is(.users_chat_online,.visit_users_online,.online_scroll,.users_online_chat) { background-color:#202223; } body[data-template="cs27Reg"] .cs27-rail .visit_users_online { background:#292b2c; border-color:#383a3b; } body[data-template="cs27Reg"] .cs27-rail .cs27-server { background:#292b2c; border-color:#3b3d3e; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead :is(.show_user,ul.user-menu > li:not(.balance):not(.collapsible) > a) { background:#202223; border:1px solid #363839; border-radius:50%; } body[data-template="cs27Reg"] :is(.prcr,.online_prcr,.dropdown-menu_language,.notifications_list,.navigation_head,.collapsible_head,.mini_profile_menu,.my_stores_mini_btn) { background-color:#242627; border-color:#393b3c; } body[data-template="cs27Reg"] :is(.custom-input input,.custom-select select,.custom-textarea textarea) { background-color:#191b1c; border-color:#3c3e3f; color:#ededed; } /* Promo code temporarily hidden at the owner's request. */ body[data-template="cs27Reg"] .cs27-shell .cs27-masthead .pro { display:none !important; } /* 3.3: navigation highlight, consistent accents, rail spacing and footer. */ body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li > a { box-sizing:border-box; justify-content:center; height:40px; min-height:40px; padding:0 10px; border:1px solid transparent; border-radius:9px; transform:none; } body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li > a:hover, body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li > a.open { background:#ff572814; border-color:#ff57284d; color:#fff; } body[data-template="cs27Reg"] .cs27-navigation .menu_top_left > a { display:flex; align-items:center; justify-content:center; align-self:center; } body[data-template="cs27Reg"] .cs27-navigation .menu_top_push_active { box-sizing:border-box; width:34px; height:40px; margin:0; border:1px solid transparent; } body[data-template="cs27Reg"] .cs27-navigation .menu_top_left > a:hover .menu_top_push_active { background:#ff572814; border-color:#ff57284d; } body[data-template="cs27Reg"] .cs27-rail .users_online_chat { background:transparent; margin-bottom:16px; } body[data-template="cs27Reg"] .cs27-rail .users_online_chat .flex_online_users { margin-bottom:0; } body[data-template="cs27Reg"] .cs27-rail .online_scroll { margin-bottom:0; } body[data-template="cs27Reg"] .cs27-rail .online_us_all { margin-top:200px; } body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li.balance > i, body[data-template="cs27Reg"] .online_now_head > i, body[data-template="cs27Reg"] .center_sub .btn_sub_menu { background:#ff5728; color:#fff; opacity:1; text-shadow:none; box-shadow:none; } body[data-template="cs27Reg"] .center_sub .sub_menu { background:#202223; border-color:#383a3b; } body[data-template="cs27Reg"] .center_sub :is(.icon-tg,.sdg_watermark) { background:#303233; color:#eee; } body[data-template="cs27Reg"] .center_sub :is(.icon-tg,.sdg_watermark):hover { background:#ff5728; color:#fff; } body[data-template="cs27Reg"] :is(.flex_today > i,.flex_balance_mp > i,.btn_long_nav,.flex_mini_user > a > i) { background:#ff572817; color:#ff693c; text-shadow:none; } body[data-template="cs27Reg"] .cs27-chat #chat .input-group { width:100%; box-sizing:border-box; } body[data-template="cs27Reg"] .cs27-chat #chat .input-group-btn { min-width:46px; max-width:46px; margin:0; padding:0; left:auto; right:auto; } body[data-template="cs27Reg"] .cs27-chat #chat .input-group-btn:last-child > #send_button { margin:0; background:#ff5728; } body[data-template="cs27Reg"] .ref-full-stats { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; box-sizing:border-box; margin-top:14px; padding:12px; min-height:44px; border:1px solid #ff572866; border-radius:9px; background:#ff57280d; color:#f5f5f5; font:600 12px/1.4 "Segoe UI",Arial,sans-serif; } body[data-template="cs27Reg"] .ref-full-stats i { color:#ff693c; font-size:20px; flex-shrink:0; } body[data-template="cs27Reg"] .ref-full-stats:hover { background:#ff57281f; border-color:#ff5728; } body[data-template="cs27Reg"] .cs27-footer .bottom_head { background:#202223; border-color:#383a3b; box-shadow:none; } /* 3.4: removed the extra bottom_info surface and spacing overrides. */ body[data-template="cs27Reg"] .cs27-footer .border_water_sdg { background:#ff57281a; border-color:#ff572855; box-shadow:none; } body[data-template="cs27Reg"] .cs27-footer .cooperation_btn { background:#ff5728; color:#fff; text-shadow:none; box-shadow:none; } @media(max-width:991px) { body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li > a { justify-content:flex-start; } } /* 3.4: requested chat viewport dimensions. */ body[data-template="cs27Reg"] #chat #chat_messages, body[data-template="cs27Reg"] #chat #messages { overflow-y:auto; width:calc(100% - 10px); height:350px !important; margin-left:7px; }
/* cs27Reg 3.5: shared interaction states. No event handlers or layout offsets. */ body[data-template="cs27Reg"] :is(button,input[type="submit"],input[type="button"],input[type="reset"],a.btn,a[class*="btn"],a[class*="button"],a[role="button"],a.ref-full-stats,a.ref-start,a[data-toggle="tab"]) { transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease,translate .18s ease; -webkit-tap-highlight-color:transparent; } @media (hover:hover) and (pointer:fine) { body[data-template="cs27Reg"] .cs27-navigation a:hover { translate:none; } } body[data-template="cs27Reg"] :is(button,input[type="submit"],input[type="button"],input[type="reset"],a.btn,a[class*="btn"],a[class*="button"],a[role="button"],a.ref-full-stats,a.ref-start,a[data-toggle="tab"]):not(:disabled):not(.disabled):not([aria-disabled="true"]):active { translate:0 0; filter:brightness(.96); box-shadow:inset 0 2px 5px #00000030 !important; } body[data-template="cs27Reg"] :is(button,input[type="submit"],input[type="button"],input[type="reset"],a.btn,a[class*="btn"],a[class*="button"],a[role="button"],a.ref-full-stats,a.ref-start,a[data-toggle="tab"]):focus-visible { outline:2px solid #ff946e !important; outline-offset:3px; } body[data-template="cs27Reg"] :is(button,input[type="submit"],input[type="button"],input[type="reset"],a.btn,a[class*="btn"],a[class*="button"],a[role="button"],a.ref-full-stats,a.ref-start,a[data-toggle="tab"]):is(:disabled,.disabled,[aria-disabled="true"]) { translate:none; filter:none; box-shadow:none; cursor:not-allowed; } @media (prefers-reduced-motion:reduce) { body[data-template="cs27Reg"] :is(button,input[type="submit"],input[type="button"],input[type="reset"],a.btn,a[class*="btn"],a[class*="button"],a[role="button"],a.ref-full-stats,a.ref-start,a[data-toggle="tab"]) { transition:none !important; translate:none !important; } } /* Community pages: the first set of internal layouts. */ body[data-template="cs27Reg"] .cs27-community-page { min-width:0; } body[data-template="cs27Reg"] .cs27-page-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; background:#202223; border:1px solid #383a3b; border-radius:14px; padding:22px; margin:0 0 20px; } body[data-template="cs27Reg"] .cs27-page-heading .double_heading { display:flex; align-items:center; gap:14px; min-width:0; } body[data-template="cs27Reg"] .cs27-page-heading .double_heading > i { color:#ff7545; background:#ff754514; border-radius:12px; padding:12px; } body[data-template="cs27Reg"] .cs27-page-heading .heading { display:block; font:700 24px/1.25 "Segoe UI",sans-serif; margin:0 0 5px; color:#f4f4f4; overflow-wrap:anywhere; } body[data-template="cs27Reg"] .cs27-page-heading .second_heading { color:#b4b4b4; } body[data-template="cs27Reg"] .cs27-community-page #notifications_line { padding:16px; background:#202223; border:1px solid #383a3b; border-radius:14px; } body[data-template="cs27Reg"] .cs27-community-page .notif_block_sucess { background:#27292a; border:1px solid #3a3c3d; border-radius:12px; padding:16px; margin:0 0 12px; } body[data-template="cs27Reg"] .cs27-community-page .notif_block_sucess:last-child { margin-bottom:0; } body[data-template="cs27Reg"] .cs27-community-page .notif_text { color:#e9e9e9; overflow-wrap:anywhere; line-height:1.6; } body[data-template="cs27Reg"] .cs27-community-page .icon_notif { background:#ff754514; color:#ff7545; } body[data-template="cs27Reg"] .cs27-community-page .user-full { background:#232526 !important; border:1px solid #3a3c3d; border-radius:14px; margin-bottom:20px; overflow:hidden; } body[data-template="cs27Reg"] .cs27-community-page .img_back_user { display:none; } body[data-template="cs27Reg"] .cs27-community-page .text_user { overflow-wrap:anywhere; color:#f4f4f4; } body[data-template="cs27Reg"] .cs27-community-page .flex_user { min-width:0; } body[data-template="cs27Reg"] .cs27-community-page .block_select_friends { background:#202223; border:1px solid #383a3b; border-radius:12px; padding:8px; margin-bottom:20px; } body[data-template="cs27Reg"] .cs27-community-page .block_select_friends ul { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; } body[data-template="cs27Reg"] .cs27-community-page .block_select_friends li { flex:1 1 180px; margin:0; } body[data-template="cs27Reg"] .cs27-community-page .block_select_friends a { display:flex; justify-content:center; align-items:center; min-height:44px; border-radius:8px; color:#ddd; background:transparent; } body[data-template="cs27Reg"] .cs27-community-page .block_select_friends a.active { background:#ff75451a; color:#ff9269; } @media(max-width:575px) { body[data-template="cs27Reg"] .cs27-page-heading { padding:16px; } body[data-template="cs27Reg"] .cs27-page-heading .heading { font-size:21px; } body[data-template="cs27Reg"] .cs27-community-page #notifications_line { padding:10px; } } /* 3.6: online list, forum heading and community alignment. */ body[data-template="cs27Reg"] .online_scroll { background:transparent !important; padding:0; } body[data-template="cs27Reg"] .online_scroll .users_chat_online { margin:0 0 10px !important; background:transparent !important; } body[data-template="cs27Reg"] .online_scroll .users_chat_online:last-child { margin-bottom:0 !important; } body[data-template="cs27Reg"] .online_scroll .visit_users_online { background:#232526 !important; border:1px solid #383a3b; border-radius:12px; } body[data-template="cs27Reg"] .gradient_online { display:none; } body[data-template="cs27Reg"] .last_activity_info .flex_activity_info { display:flex; align-items:center; gap:12px; } body[data-template="cs27Reg"] .last_activity_info .flex_activity_info > i { display:flex; align-items:center; justify-content:center; flex:0 0 40px; width:40px; height:40px; padding:0; margin:0; color:#fff; background:#ff5728; border-radius:10px; font-size:22px; box-shadow:none; } body[data-template="cs27Reg"] .last_activity_info .text_forum_activity { font:700 18px/1.3 "Segoe UI",Arial,sans-serif; color:#f4f4f4; margin:0 0 4px; } body[data-template="cs27Reg"] .last_activity_info .flex_activity > span { color:#aaa; font-size:12px; } body[data-template="cs27Reg"] .cs27-community-page { padding-top:20px; } body[data-template="cs27Reg"] .cs27-community-page .cs27-friend-tabs { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; gap:8px; padding:0; margin:0; } body[data-template="cs27Reg"] .cs27-community-page .cs27-friend-tabs > li { width:auto; min-width:0; margin:0; padding:0; list-style:none; } body[data-template="cs27Reg"] .cs27-community-page .cs27-friend-tabs .nav-link { position:static; display:flex; gap:8px; justify-content:center; align-items:center; width:100%; min-height:46px; margin:0; padding:10px 14px; border:1px solid transparent; border-radius:9px; font:600 13px/1.4 "Segoe UI",Arial,sans-serif; text-transform:none; background:transparent; color:#ccc; box-sizing:border-box; } body[data-template="cs27Reg"] .cs27-community-page .cs27-friend-tabs .nav-link::before { content:none !important; display:none !important; } body[data-template="cs27Reg"] .cs27-community-page .cs27-friend-tabs .nav-link.active { background:#ff572818; border-color:#ff572855; color:#ff946e; } body[data-template="cs27Reg"] .cs27-community-page .date_not { position:static; display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 12px; padding:0; } body[data-template="cs27Reg"] .cs27-community-page .date_notif { background:#333637; color:#c6c8c8; font:500 12px/1.4 "Segoe UI",Arial,sans-serif; padding:4px 10px; border-radius:6px; } body[data-template="cs27Reg"] .cs27-community-page .date_not > i { position:static !important; float:none; margin:0; flex:0 0 26px; width:26px; height:26px; display:flex; justify-content:center; align-items:center; cursor:pointer; } body[data-template="cs27Reg"] .cs27-community-page .flex_notif { display:flex; align-items:flex-start; gap:12px; margin:0; } body[data-template="cs27Reg"] .cs27-community-page .icon_notif { flex:0 0 34px; width:34px; height:34px; margin:0; } body[data-template="cs27Reg"] .cs27-community-page .notification_collapse { min-width:0; width:auto; flex:1; padding:0; margin:0; } body[data-template="cs27Reg"] .cs27-community-page .notif_text { font:500 13px/1.65 "Segoe UI",Arial,sans-serif; } body[data-template="cs27Reg"] .cs27-community-page .cs27-page-heading .btn_heading_full { position:static; margin:0; align-self:center; } @media(max-width:575px) { body[data-template="cs27Reg"] .cs27-community-page .cs27-friend-tabs { grid-template-columns:1fr; } body[data-template="cs27Reg"] .cs27-community-page .date_notif { font-size:11px; } } /* 3.7: original logo silhouette, recolored by a CSS mask. */ body[data-template="cs27Reg"] .cs27-legacy-brand { display:inline-block; position:relative; width:220px; max-width:100%; line-height:0; flex-shrink:0; } body[data-template="cs27Reg"] .cs27-legacy-brand img { display:block; width:100%; height:auto; } @supports (mask-image:url("")) or (-webkit-mask-image:url("")) { body[data-template="cs27Reg"] .cs27-legacy-brand { background:#ff5728; -webkit-mask:url("../img/logo-legacy.png") center/contain no-repeat; mask:url("../img/logo-legacy.png") center/contain no-repeat; } body[data-template="cs27Reg"] .cs27-legacy-brand img { opacity:0; } } @media(max-width:575px) { body[data-template="cs27Reg"] .cs27-legacy-brand { width:165px; } } @media(hover:hover) and (pointer:fine) { body[data-template="cs27Reg"] a.ref-start:hover { background:#ff7545; color:#fff; } } /* 3.8: ranking spacing, four-column directories and private messages. */ body[data-template="cs27Reg"] .cs27-rail .stats_card_place { margin-right:6px; } body[data-template="cs27Reg"] .cs27-rail .stats_card_header { gap:12px; } body[data-template="cs27Reg"] .cs27-rail .image-placeholder { width:38px !important; height:38px !important; min-width:38px; flex:0 0 38px; margin:0; padding:0; border:1px solid #ff754555; border-radius:10px; background:#242627 url("../img/cs16-players.jpg") 0% 35%/400% auto no-repeat !important; } body[data-template="cs27Reg"] .cs27-rail .image-placeholder.place-border-5 { background-position:100% 35% !important; } body[data-template="cs27Reg"] .cs27-rail .image-placeholder > span { display:none !important; } body[data-template="cs27Reg"] .cs27-community-page :is(#friends,#infriends,#unfriends,#users) { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:0; } body[data-template="cs27Reg"] .cs27-community-page :is(#friends,#infriends,#unfriends,#users) > [class*="col-"] { width:100%; max-width:none; padding:0; min-width:0; } body[data-template="cs27Reg"] .cs27-community-page :is(#friends,#infriends,#unfriends,#users) > .loader { grid-column:1/-1; } body[data-template="cs27Reg"] .cs27-community-page .user-full { height:100%; margin:0; position:relative; display:flex; flex-direction:column; } body[data-template="cs27Reg"] .cs27-community-page .block_user { padding:16px; flex:1; } body[data-template="cs27Reg"] .cs27-community-page .flex_user_full { display:flex; align-items:center; gap:12px; margin:0; padding:0; } body[data-template="cs27Reg"] .cs27-community-page .user_avatar { position:static; width:44px; height:44px; margin:0; border-radius:12px; object-fit:cover; } body[data-template="cs27Reg"] .cs27-community-page .flex_user_full > a { flex-shrink:0; } body[data-template="cs27Reg"] .cs27-community-page .user_btn { position:static; display:flex; justify-content:flex-end; gap:8px; padding:10px 14px; border-top:1px solid #383a3b; } body[data-template="cs27Reg"] .cs27-community-page .user_btn a { position:static; display:grid; place-items:center; width:32px; height:32px; margin:0; background:#ff572819; color:#ff875f; border-radius:8px; } body[data-template="cs27Reg"] .cs27-community-page :is(.buttons_friends,.buttons_friends_new) { display:flex; flex-wrap:wrap; gap:6px; } body[data-template="cs27Reg"] .cs27-users-page .block_top_users { padding:16px; background:#202223; border:1px solid #383a3b; margin-bottom:20px; } body[data-template="cs27Reg"] .cs27-users-page .search_flex_users { display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:center; } body[data-template="cs27Reg"] .cs27-users-page #groups { background:#292b2d !important; color:#eee; border-color:#454748; } body[data-template="cs27Reg"] .cs27-users-page .custom-select > i { background:#ff57281a !important; color:#ff875f !important; } body[data-template="cs27Reg"] .cs27-users-page .input-search { margin:0; } body[data-template="cs27Reg"] .cs27-messages-page .block_message { display:grid; grid-template-columns:minmax(200px,280px) minmax(0,1fr); gap:20px; align-items:start; } body[data-template="cs27Reg"] .cs27-messages-page :is(#companions,.block_message_right) { width:auto; min-width:0; margin:0; padding:16px; background:#202223; border:1px solid #383a3b; border-radius:14px; } body[data-template="cs27Reg"] .cs27-messages-page .dialog { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px; margin:0 0 12px; background:#292b2d; border:1px solid #3a3c3d; border-radius:12px; } body[data-template="cs27Reg"] .cs27-messages-page .dialog > div:first-child { flex:1; min-width:0; width:auto; cursor:pointer; } body[data-template="cs27Reg"] .cs27-messages-page .dialog p { overflow-wrap:anywhere; } body[data-template="cs27Reg"] .cs27-delete-dialog { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; padding:0; border:1px solid #e5756240; background:#e5756212; color:#ff927e; border-radius:9px; cursor:pointer; } body[data-template="cs27Reg"] .cs27-delete-dialog i { font-size:20px; } body[data-template="cs27Reg"] .cs27-messages-page .block_companion { background:#292b2d; border:1px solid #3a3c3d; border-radius:10px; padding:12px; margin-bottom:10px; } body[data-template="cs27Reg"] .cs27-messages-page #chat .input-group { position:static; top:auto !important; display:flex; align-items:stretch; gap:10px; margin:16px 0 0; } body[data-template="cs27Reg"] .cs27-messages-page #chat .smile_input { position:relative; flex:1; min-width:0; } body[data-template="cs27Reg"] .cs27-messages-page #personal_message_input { width:100%; min-height:70px; padding:12px 40px 12px 12px; margin:0; background:#292b2d; color:#eee; border:1px solid #454748; border-radius:10px; } body[data-template="cs27Reg"] .cs27-messages-page #chat .input-group-btn { position:static; margin:0; width:46px; flex:0 0 46px; } body[data-template="cs27Reg"] .cs27-messages-page .btn_send_message { position:static; display:grid; place-items:center; width:46px; height:46px; margin:0; background:#ff5728; color:#fff; border-radius:10px; } body[data-template="cs27Reg"] .ref-tools > a { transition:background-color .2s ease,box-shadow .2s ease,translate .2s ease; } body[data-template="cs27Reg"] .ref-tools > a:focus-visible { outline:2px solid #ff946e; outline-offset:3px; } @media(hover:hover) and (pointer:fine) { body[data-template="cs27Reg"] .ref-tools > a:hover { background:#ff572820; box-shadow:inset 0 0 0 1px #ff754580,0 8px 20px #0004; translate:0 -3px; } body[data-template="cs27Reg"] .ref-tools > a:hover i { color:#ff875f; } } body[data-template="cs27Reg"] .ref-tools > a:active { translate:0 0; } @media(prefers-reduced-motion:reduce) { body[data-template="cs27Reg"] .ref-tools > a { transition:none; translate:none !important; } } @media(max-width:991px) { body[data-template="cs27Reg"] .cs27-community-page :is(#friends,#infriends,#unfriends,#users) { grid-template-columns:repeat(2,minmax(0,1fr)); } body[data-template="cs27Reg"] .cs27-messages-page .block_message { grid-template-columns:1fr; } } @media(max-width:575px) { body[data-template="cs27Reg"] .cs27-community-page :is(#friends,#infriends,#unfriends,#users),body[data-template="cs27Reg"] .cs27-users-page .search_flex_users { grid-template-columns:1fr; } } body[data-template="cs27Reg"] .cs27-delete-message { display:inline-grid; place-items:center; width:28px; height:28px; padding:0; margin-left:8px; border:1px solid #ff927e40; border-radius:7px; background:#ff927e12; color:#ff927e; cursor:pointer; } body[data-template="cs27Reg"] .cs27-messages-page .interaction_mess { display:flex; align-items:center; gap:6px; }