/*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot'); src:url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg'); font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.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(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-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);-ms-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{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-xmark:before{content:"\f00d"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} body { background-image: url(/assets/back.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } *, ::after, ::before { box-sizing: border-box; } * { outline: none !important; } body { background-color:unset; } a { color:#f99d1c; } a:hover { text-decoration: none !important; } .container_12 { margin-right: auto; margin-left: auto; position: relative; left: 5px; width: 990px } .container_12 .grid_8.advanced-search-page, .container_12 .grid_8.oscar-awards-page { margin-right:0; } .grid_1, .grid_10, .grid_11, .grid_12, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9 { display: inline; float: left; position: relative; margin-right: 10px; margin-left: 10px } .pull_1, .pull_10, .pull_11, .pull_12, .pull_2, .pull_3, .pull_4, .pull_5, .pull_6, .pull_7, .pull_8, .pull_9, .push_1, .push_10, .push_11, .push_12, .push_2, .push_3, .push_4, .push_5, .push_6, .push_7, .push_8, .push_9 { position: relative } .alpha { margin-right: 0 } .omega { margin-left: 0 } .grid_1 { width: 60px } .grid_2 { width: 140px } .grid_3 { width: 230px } .grid_4 { width: 330px } .grid_5 { width: 380px } .grid_6 { width: 450px } .grid_7 { width: 540px } .grid_8 { width: 630px } .grid_9 { width: 700px } .grid_10 { width: 780px } .grid_11 { width: 860px } .grid_12 { width: 980px } .container_12 .prefix_1 { padding-right: 80px } .container_12 .prefix_2 { padding-right: 160px } .container_12 .prefix_3 { padding-right: 240px } .container_12 .prefix_4 { padding-right: 320px } .container_12 .prefix_5 { padding-right: 400px } .container_12 .prefix_6 { padding-right: 480px } .container_12 .prefix_7 { padding-right: 560px } .container_12 .prefix_8 { padding-right: 640px } .container_12 .prefix_9 { padding-right: 720px } .container_12 .prefix_10 { padding-right: 800px } .container_12 .prefix_11 { padding-right: 880px } .container_12 .suffix_1 { padding-left: 80px } .container_12 .suffix_2 { padding-left: 160px } .container_12 .suffix_3 { padding-left: 240px } .container_12 .suffix_4 { padding-left: 320px } .container_12 .suffix_5 { padding-left: 400px } .container_12 .suffix_6 { padding-left: 480px } .container_12 .suffix_7 { padding-left: 560px } .container_12 .suffix_8 { padding-left: 640px } .container_12 .suffix_9 { padding-left: 720px } .container_12 .suffix_10 { padding-left: 800px } .container_12 .suffix_11 { padding-left: 880px } .container_12 .push_1 { right: 40px } .container_12 .push_2 { right: 160px } .container_12 .push_3 { right: 240px } .container_12 .push_4 { right: 320px } .container_12 .push_5 { right: 400px } .container_12 .push_6 { right: 480px } .container_12 .push_7 { right: 560px } .container_12 .push_8 { right: 640px } .container_12 .push_9 { right: 720px } .container_12 .push_10 { right: 800px } .container_12 .push_11 { right: 880px } .container_12 .pull_1 { right: -80px } .container_12 .pull_2 { right: -160px } .container_12 .pull_3 { right: -240px } .container_12 .pull_4 { right: -320px } .container_12 .pull_5 { right: -400px } .container_12 .pull_6 { right: -480px } .container_12 .pull_7 { right: -560px } .container_12 .pull_8 { right: -640px } .container_12 .pull_9 { right: -720px } .container_12 .pull_10 { right: -800px } .container_12 .pull_11 { right: -880px } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 } .clearfix:after, .clearfix:before { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 } .clearfix:after { clear: both } .clearfix { zoom: 1 } .icheckbox_flat, .iradio_flat { display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(../images/flat.png) no-repeat; border: none; cursor: pointer } .icheckbox_flat { background-position: 0 0 } .icheckbox_flat.checked { background-position: -22px 0 } .icheckbox_flat.disabled { background-position: -44px 0; cursor: default } .icheckbox_flat.checked.disabled { background-position: -66px 0 } .iradio_flat { background-position: -88px 0 } .iradio_flat.checked { background-position: -110px 0 } .iradio_flat.disabled { background-position: -132px 0; cursor: default } .iradio_flat.checked.disabled { background-position: -154px 0 } @media (-o-min-device-pixel-ratio:5/4), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) { .icheckbox_flat, .iradio_flat { background-image: url(../images/flat@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px } } .icheckbox_flat-red, .iradio_flat-red { display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(../images/red.png) no-repeat; border: none; cursor: pointer } .icheckbox_flat-red { background-position: 0 0 } .icheckbox_flat-red.checked { background-position: -22px 0 } .icheckbox_flat-red.disabled { background-position: -44px 0; cursor: default } .icheckbox_flat-red.checked.disabled { background-position: -66px 0 } .iradio_flat-red { background-position: -88px 0 } .iradio_flat-red.checked { background-position: -110px 0 } .iradio_flat-red.disabled { background-position: -132px 0; cursor: default } .iradio_flat-red.checked.disabled { background-position: -154px 0 } @media (-o-min-device-pixel-ratio:5/4), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) { .icheckbox_flat-red, .iradio_flat-red { background-image: url(../images/red@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px } } .icheckbox_flat-green, .iradio_flat-green { display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(../images/green.png) no-repeat; border: none; cursor: pointer } .icheckbox_flat-green { background-position: 0 0 } .icheckbox_flat-green.checked { background-position: -22px 0 } .icheckbox_flat-green.disabled { background-position: -44px 0; cursor: default } .icheckbox_flat-green.checked.disabled { background-position: -66px 0 } .iradio_flat-green { background-position: -88px 0 } .iradio_flat-green.checked { background-position: -110px 0 } .iradio_flat-green.disabled { background-position: -132px 0; cursor: default } .iradio_flat-green.checked.disabled { background-position: -154px 0 } @media (-o-min-device-pixel-ratio:5/4), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) { .icheckbox_flat-green, .iradio_flat-green { background-image: url(../images/green@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px } } .icheckbox_flat-blue, .iradio_flat-blue { display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(../images/blue.png) no-repeat; border: none; cursor: pointer } .icheckbox_flat-blue { background-position: 0 0 } .icheckbox_flat-blue.checked { background-position: -22px 0 } .icheckbox_flat-blue.disabled { background-position: -44px 0; cursor: default } .icheckbox_flat-blue.checked.disabled { background-position: -66px 0 } .iradio_flat-blue { background-position: -88px 0 } .iradio_flat-blue.checked { background-position: -110px 0 } .iradio_flat-blue.disabled { background-position: -132px 0; cursor: default } .iradio_flat-blue.checked.disabled { background-position: -154px 0 } @media (-o-min-device-pixel-ratio:5/4), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) { .icheckbox_flat-blue, .iradio_flat-blue { background-image: url(../images/blue@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px } } .icheckbox_flat-aero, .iradio_flat-aero { display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(../images/aero.png) no-repeat; border: none; cursor: pointer } .icheckbox_flat-aero { background-position: 0 0 } .icheckbox_flat-aero.checked { background-position: -22px 0 } .icheckbox_flat-aero.disabled { background-position: -44px 0; cursor: default } .icheckbox_flat-aero.checked.disabled { background-position: -66px 0 } .iradio_flat-aero { background-position: -88px 0 } .iradio_flat-aero.checked { background-position: -110px 0 } .iradio_flat-aero.disabled { background-position: -132px 0; cursor: default } .iradio_flat-aero.checked.disabled { background-position: -154px 0 } @media (-o-min-device-pixel-ratio:5/4), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) { .icheckbox_flat-aero, .iradio_flat-aero { background-image: url(../images/aero@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px } } .icheckbox_flat-grey, .iradio_flat-grey { display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(../images/grey.png) no-repeat; border: none; cursor: pointer } .icheckbox_flat-grey { background-position: 0 0 } .icheckbox_flat-grey.checked { background-position: -22px 0 } .icheckbox_flat-grey.disabled { background-position: -44px 0; cursor: default } .icheckbox_flat-grey.checked.disabled { background-position: -66px 0 } .iradio_flat-grey { background-position: -88px 0 } .iradio_flat-grey.checked { background-position: -110px 0 } .iradio_flat-grey.disabled { background-position: -132px 0; cursor: default } .iradio_flat-grey.checked.disabled { background-position: -154px 0 } @media (-o-min-device-pixel-ratio:5/4), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) { .icheckbox_flat-grey, .iradio_flat-grey { background-image: url(../images/grey@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px } } .icheckbox_flat-orange, .iradio_flat-orange { display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(../images/orange.png) no-repeat; border: none; cursor: pointer } .icheckbox_flat-orange { background-position: 0 0 } .icheckbox_flat-orange.checked { background-position: -22px 0 } .icheckbox_flat-orange.disabled { background-position: -44px 0; cursor: default } .icheckbox_flat-orange.checked.disabled { background-position: -66px 0 } .iradio_flat-orange { background-position: -88px 0 } .iradio_flat-orange.checked { background-position: -110px 0 } .iradio_flat-orange.disabled { background-position: -132px 0; cursor: default } .iradio_flat-orange.checked.disabled { background-position: -154px 0 } @media (-o-min-device-pixel-ratio:5/4), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) { .icheckbox_flat-orange, .iradio_flat-orange { background-image: url(../images/orange@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px } } .icheckbox_flat-yellow, .iradio_flat-yellow { display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(../images/yellow.png) no-repeat; border: none; cursor: pointer } .icheckbox_flat-yellow { background-position: 0 0 } .icheckbox_flat-yellow.checked { background-position: -22px 0 } .icheckbox_flat-yellow.disabled { background-position: -44px 0; cursor: default } .icheckbox_flat-yellow.checked.disabled { background-position: -66px 0 } .iradio_flat-yellow { background-position: -88px 0 } .iradio_flat-yellow.checked { background-position: -110px 0 } .iradio_flat-yellow.disabled { background-position: -132px 0; cursor: default } .iradio_flat-yellow.checked.disabled { background-position: -154px 0 } @media (-o-min-device-pixel-ratio:5/4), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) { .icheckbox_flat-yellow, .iradio_flat-yellow { background-image: url(../images/yellow@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px } } .icheckbox_flat-pink, .iradio_flat-pink { display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(../images/pink.png) no-repeat; border: none; cursor: pointer } .icheckbox_flat-pink { background-position: 0 0 } .icheckbox_flat-pink.checked { background-position: -22px 0 } .icheckbox_flat-pink.disabled { background-position: -44px 0; cursor: default } .icheckbox_flat-pink.checked.disabled { background-position: -66px 0 } .iradio_flat-pink { background-position: -88px 0 } .iradio_flat-pink.checked { background-position: -110px 0 } .iradio_flat-pink.disabled { background-position: -132px 0; cursor: default } .iradio_flat-pink.checked.disabled { background-position: -154px 0 } @media (-o-min-device-pixel-ratio:5/4), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) { .icheckbox_flat-pink, .iradio_flat-pink { background-image: url(../images/pink@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px } } .icheckbox_flat-purple, .iradio_flat-purple { display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(../images/purple.png) no-repeat; border: none; cursor: pointer } .icheckbox_flat-purple { background-position: 0 0 } .icheckbox_flat-purple.checked { background-position: -22px 0 } .icheckbox_flat-purple.disabled { background-position: -44px 0; cursor: default } .icheckbox_flat-purple.checked.disabled { background-position: -66px 0 } .iradio_flat-purple { background-position: -88px 0 } .iradio_flat-purple.checked { background-position: -110px 0 } .iradio_flat-purple.disabled { background-position: -132px 0; cursor: default } .iradio_flat-purple.checked.disabled { background-position: -154px 0 } @media (-o-min-device-pixel-ratio:5/4), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi), (min-resolution:1.25dppx) { .icheckbox_flat-purple, .iradio_flat-purple { background-image: url(../images/purple@2x2.png); -webkit-background-size: 176px 22px; background-size: 176px 22px } } .mCustomScrollbar { -ms-touch-action: none; touch-action: none } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr } .mCSB_container { overflow: hidden; width: auto; height: auto } .mCSB_inside > .mCSB_container { margin-right: 30px } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0 } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0 } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0 } .mCSB_outside + .mCSB_scrollTools { right: -26px } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0 } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0 } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1 } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0 } .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100% } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0 } .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0 } .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0 } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0 } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0 } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { margin-right: 0; margin-left: 30px } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; margin-left: 0 } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out } .mCSB_scrollTools { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)" } .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)" } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)" } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url(mCSB_buttons.png); background-repeat: no-repeat; opacity: .4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0 } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity: .9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .15) } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, .85) } .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(0, 0, 0, .9) } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, .1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, .75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px auto } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .85) } .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .9) } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0 } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0 } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, .1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, .75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0 } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .85) } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .9) } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0 } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0 } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, .1) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100% } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto } .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .15) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, .15) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger { height: 14px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0 } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; height: 16px; margin: -1px 0 } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; width: 16px; margin: 0 -1px } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; margin: 6px 0 } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .15) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px } .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat: repeat-y; opacity: .3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=) } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%) } .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px } .mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, .2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2) } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555 } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1) } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical { right: 1px } .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4) } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555 } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, .05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1) } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, .2) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #777 } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, .05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0 } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px } .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto } .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px } .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" } .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, .2) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px } .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0 } .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px } .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0 } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1) } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, .2) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0 } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .1) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, .2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, .2) } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, .6) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, .6) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .75) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .85) } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, .9) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .75) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .85) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, .9) } #loading-bar, #loading-bar-spinner { pointer-events: none; -webkit-pointer-events: none; -webkit-transition: 350ms linear all; -moz-transition: 350ms linear all; -o-transition: 350ms linear all; transition: 350ms linear all } #loading-bar-spinner.ng-enter, #loading-bar-spinner.ng-leave.ng-leave-active, #loading-bar.ng-enter, #loading-bar.ng-leave.ng-leave-active { opacity: 0 } #loading-bar-spinner.ng-enter.ng-enter-active, #loading-bar-spinner.ng-leave, #loading-bar.ng-enter.ng-enter-active, #loading-bar.ng-leave { opacity: 1 } #loading-bar .bar { -webkit-transition: width 350ms; -moz-transition: width 350ms; -o-transition: width 350ms; transition: width 350ms; background: #29d; position: fixed; z-index: 10002; top: 0; left: 0; width: 100%; height: 2px; border-bottom-right-radius: 1px; border-top-right-radius: 1px } #loading-bar .peg { position: absolute; width: 70px; right: 0; top: 0; height: 2px; opacity: .45; -moz-box-shadow: #29d 1px 0 6px 1px; -ms-box-shadow: #29d 1px 0 6px 1px; -webkit-box-shadow: #29d 1px 0 6px 1px; box-shadow: #29d 1px 0 6px 1px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100% } #loading-bar-spinner { display: block; position: fixed; z-index: 10002; top: 10px; left: 10px } #loading-bar-spinner .spinner-icon { width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 50%; -webkit-animation: loading-bar-spinner .4s linear infinite; -moz-animation: loading-bar-spinner .4s linear infinite; -ms-animation: loading-bar-spinner .4s linear infinite; -o-animation: loading-bar-spinner .4s linear infinite; animation: loading-bar-spinner .4s linear infinite } @-webkit-keyframes loading-bar-spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-moz-keyframes loading-bar-spinner { 0% { -moz-transform: rotate(0); transform: rotate(0) } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg) } } @-o-keyframes loading-bar-spinner { 0% { -o-transform: rotate(0); transform: rotate(0) } 100% { -o-transform: rotate(360deg); transform: rotate(360deg) } } @-ms-keyframes loading-bar-spinner { 0% { -ms-transform: rotate(0); transform: rotate(0) } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes loading-bar-spinner { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: none } table { border-collapse: collapse; border-spacing: 0 } .selectric-wrapper { display: inline-table; position: relative; cursor: pointer; width: 100px } .selectric-responsive { width: 100% } .selectric { border: 1px solid #3e3e3e; background: linear-gradient(to bottom, #111, #222); position: relative; border-radius: 2px; margin: 0 5px; width: 180px; height: 35px; line-height: 35px } .selectric .label { display: block; white-space: nowrap; overflow: hidden; margin-right: 25px; padding: 13px 30px 13px 10px; font-size: 12px; line-height: 9px; min-height: 18px; font-family: IRYekan; color: #aaa; } .selectric .button { border-left: 1px solid #3e3e3e; display: block; position: absolute; right: 0; top: 0; width: 35px; height: 34px; background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOCA1IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjgiIGhlaWdodD0iNSI+PHBhdGggZD0iTTcuNzgxIDEuNDQ0Yy0uMjgxLjMwNy0zLjIzOCAzLjMxMS0zLjIzOCAzLjMxMS0uMTUxLjE2NC0uMzQ3LjI0NS0uNTQ0LjI0NS0uMTk3IDAtLjM5NC0uMDgyLS41NDMtLjI0NSAwIDAtMi45NTctMy4wMDMtMy4yMzktMy4zMTEtLjI4MS0uMzA3LS4zLS44NTkgMC0xLjE4OC4zMDEtLjMyOC43MTktLjM1NCAxLjA4NyAwbDIuNjk1IDIuNzU1IDIuNjk0LTIuNzU1Yy4zNjgtLjM1NC43ODctLjMyOCAxLjA4NyAwIC4zMDEuMzI4LjI4Mi44ODEgMCAxLjE4N3oiIGZpbGw9IiNiYmIiLz48L3N2Zz4K) no-repeat 50%; font: 0/0 a } @media \0screen\, screen\9 { .selectric .button { color: #ddd; text-align: center; font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial } } .selectric-hover .selectric { border-color: #555 } .selectric-hover .selectric .button { color: #fff } .selectric-hover .selectric .button:after { border-top-color: #555 } .selectric-open { z-index: 9999 } .selectric-open .selectric { background: radial-gradient(#111, #222); border: 1px solid #3e3e3e; } .selectric-open .label { color: #aaa; } .selectric-open .button { border-left: 1px solid #3e3e3e; } .selectric-open .selectric-items { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: .3s cubic-bezier(.175, .885, .32, 1.275); transition: .3s cubic-bezier(.175, .885, .32, 1.275); padding:5px 0; height: auto!important; left:5px; } .selectric-disabled { opacity: .5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0 } .selectric-hide-select select { position: absolute; left: -100%; display: none } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: 0 !important; border: none !important; background: 0 0 !important } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important } .selectric-items { visibility: hidden; opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); position: absolute; top: 100%; left: 0; background: #252525; border: 1px solid #3e3e3e; z-index: -1; margin: 8px 0; padding: 10px 0; border-radius: 2px } .selectric-items .selectric-scroll { height: 100%; } .selectric-items:after, .selectric-items:before { position: absolute; top: -9px; left: 15px; width: 0; height: 0; border-bottom: 6px solid #bbb; border-left: 6px solid transparent; border-right: 6px solid transparent; margin-top: 3px } .selectric-items:after { margin-top: 4px; border-bottom-color: #fff } .selectric-above .selectric-items:after, .selectric-above .selectric-items:before { top: 100%; border-bottom-width: 0; border-top: 6px solid #bbb; margin-top: 0 } .selectric-above .selectric-items:after { border-top-color: #fff; margin-top: -1px } .selectric-above .selectric-items { top: auto; bottom: 100% } .selectric-items li, .selectric-items ul { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px } .selectric-items li { display: block; padding: 6px 30px 6px 10px; color: #aaa; cursor: pointer; position: relative; overflow: hidden } .selectric-items li.selected { color: #f99d1c } .selectric-items li:after { content: ""; position: absolute; z-index: 3; top: 0; right: -10px; width: 30px; height: 100%; background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTIgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEwIj48cGF0aCBkPSJNMCA1YzAtLjIyNC4wNzItLjQxNS4yMTctLjU3MmwxLjA1My0xLjE0NWMuMTQ0LS4xNTcuMzItLjIzNi41MjYtLjIzNi4yMDYgMCAuMzgyLjA3OS41MjYuMjM2bDIuMjc2IDIuNDgzIDUuMDc5LTUuNTNjLjE0NS0uMTU3LjMyLS4yMzYuNTI2LS4yMzYuMjA2IDAgLjM4Mi4wNzkuNTI2LjIzNmwxLjA1MyAxLjE0NWMuMTQ0LjE1Ny4yMTcuMzQ4LjIxNy41NzIgMCAuMjI0LS4wNzIuNDE1LS4yMTcuNTcybC02LjY1OCA3LjIzOWMtLjE0NC4xNTctLjMyLjIzNi0uNTI2LjIzNi0uMjA2IDAtLjM4Mi0uMDc5LS41MjYtLjIzNmwtMy44NTYtNC4xOTJjLS4xNDUtLjE1Ny0uMjE3LS4zNDgtLjIxNy0uNTcyeiIgZmlsbD0iI2JiYiIvPjwvc3ZnPgo=) no-repeat 50% 50%; opacity: 0; -webkit-transition: .2s; transition: .2s } .selectric-items li.selected:after { opacity: 1; right: 0 } .selectric-items li:hover { background: #111; color: #f99d1c } .selectric-items .disabled { opacity: .5; cursor: default !important; background: 0 0 !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .selectric-items .selectric-group .selectric-group-label { font-weight: 700; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: 0 0; color: #444 } .selectric-items .selectric-group.disabled li { opacity: 1 } .selectric-items .selectric-group li { padding-left: 25px } #biography #side img, #float-search-box img, #other-actors img { background-image: url(../images/avatar-empty.png); background-size: cover; overflow: hidden } #biography #side img:before, #other-actors img:before { content: " "; font-size: 1000px } body { background-color: #cbd5de; font-family: Open Sans , sans-serif; font-weight: 400 } #player1, #player2, #player3, #player4, .redactor-player { margin: 20px 0 } button, input, .btn { font-weight: bold; font-family: Open Sans , sans-serif; vertical-align:middle; } .btn { color:#fff!important; } .selectric p.label { font-family: Open Sans , sans-serif; text-align: left } .sk-folding-cube { margin: 20px auto; width: 40px; height: 40px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg) } .sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .sk-folding-cube .sk-cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #333; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100% } .sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg) } .sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg) } .sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg) } .sk-folding-cube .sk-cube2:before { -webkit-animation-delay: .3s; animation-delay: .3s } .sk-folding-cube .sk-cube3:before { -webkit-animation-delay: .6s; animation-delay: .6s } .sk-folding-cube .sk-cube4:before { -webkit-animation-delay: .9s; animation-delay: .9s } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0 } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0); transform: perspective(140px) rotateX(0); opacity: 1 } 100%, 90% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0 } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0 } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0); transform: perspective(140px) rotateX(0); opacity: 1 } 100%, 90% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0 } } .quality { cursor: default; height: 18px; line-height: 18px; color: #fff; padding: 1px 5px; border-radius: 3px; font-family: arial; font-weight: 600; font-size: 10.5px; margin: 0 2px; display: inline-block; margin-bottom: 5px; text-shadow: none; } .fourk { background-color: #28a745 } .bluray1080, .bluray720 { background-color: #e4644b } .hd3d1080, .hd3d720 { background-color: #425b71 } .brrip3d1080, .brrip3d720 { background-color: #737373 } .brrip1080, .webdl1080 { background-color: #f99d1c; } .brrip720, .webdl720 { background-color: #a9a4a4; } .bdrip720, .dvdrip, .webrip720 { background-color: #ccbca2 } .bdrip, .dvdscr, .hdrip, .hdscr, .webrip { background-color: #c65f8e } .4k { background-color: #f9321c } .p1080 { background-color: #f99d1c } .p720 { background-color: #4e96ff } .k4 { background-color: #28a745 } .quality.lilhd { background-color: #cd7f32 } .btn-file { display: inline-block; font-size: 14.5px; text-decoration: none; height: 30px; line-height: 30px; font-weight:700; margin: 0 5px 0 0; padding: 0 10px; border-radius: 3px } .btn-file-2 i, .btn-file i { margin-right: 10px; line-height: 5px !important } .btn-file-2 { display: inline-block; font-size: 12.5px; text-decoration: none; height: 25px; line-height: 25px; font-weight: 500; margin: 0 15px 0 0; padding: 0 10px; border-radius: 3px } .btn-download { background-color: #9ecb57; color: #293515!important; } .btn-screenshot { background-color: #febb4a; color: #4f2a05 !important; } .btn-report { background-color: #cedae4; color: #55636e !important; } #navbar { background: linear-gradient(to bottom, #232b2f 70%, #181e21); border: 1px solid #21292d } #navbar .order-lg-1 a { flex:1; } #navbar2 { background: #2a3238; border-bottom: 3px solid #475763; } #user-panel { background-color: #212121; float: left; direction: ltr; cursor: pointer; padding-left: 10px; width: 215px } #user-panel img.img-circle { width: 40px; height: 40px } .img-circle { margin-top: 15px; display: inline-block; border-radius: 50%; float: left } #user-info { padding-top: 20px; line-height: 18px; padding-left:18px; width: 100%; float: right; font-family: OpenSans, sans-serif; font-size: 12px; color: #72a9bc; text-shadow: 0 1px 0 #000 } .availablity { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,1); color: #f1e5e5; display: flex; text-align: center; font-size: 1.5em; flex-direction: column; justify-content: center; z-index:999; } #user-info span { color: #fff; font-size: 16.5px } #search-box { height: 68px; border: 0; color: #fff; width:480px; padding-left: 15px; font-size: 15px; font-family: "Open Sans", sans-serif; box-sizing: border-box; margin-left:0; direction:ltr; outline:none; background: url(../images/search2.png) 98% center no-repeat, linear-gradient(to bottom, #3d484b, #2a3234) } #search-box::placeholder { font-family: Open Sans , sans-serif; color: #fff; font-size: 12px } #search-box:-ms-input-placeholder { font-family: Open Sans , sans-serif; color: #fff; font-size: 12px } #search-box::-moz-placeholder { font-family: Open Sans , sans-serif; color: #fff; font-size: 12px } #user-info-box { display: none; width: 100%; position: absolute; right: 0; background: #252525; border: 1px solid #3e3e3e; top: 100%; font-family: Open Sans , sans-serif; direction: rtl; font-size: 12px; line-height: normal; z-index: 9999 } #user-info-box a { display: block; padding: 12px 0; border-bottom: 1px solid #3e3e3e } #user-info-box a:last-child { border-bottom:unset; } #user-info-box #logout a, #user-info-box #logout i { color: #aaa } #user-info-box ul a { text-decoration: none; font-weight:700; color: #aaa } #user-info-box li i { margin-left: 15px; color: #bdc6cf; float:left; } #user-info-box li span { margin-left: 15px } #user-info-box a:hover i, #user-info-box a:hover li { color: #f99d1c } .arrow { float: right; padding-top: 33px } #nav-icons { line-height: normal } #nav-icons a { display: inline-block; border-right: 1px solid #1a2023; box-shadow: 1px 0 0 0 #30373b; } #nav-icons a > i { font-size:21px; color:#eee; position:relative; top:-4px; } #nav-icons #notification span { display: block; width: 20px; height: 18px; padding-top: 2px; text-align: center; position: absolute; top: 14px; right: 99px; font-family: 'Myriad Pro'; font-size: 12px; border-radius: 50%; background-color: #f84a4a; color: #fff; font-weight: 700 } #header-logo { background:url(../images/header-logo.png) left center no-repeat; width: 100px; height: 100px; display: inline-block; margin: 0px 0; } #footer-logo { background:url(../images/footer-logo.png) left center no-repeat; width: 200%; height: 200px; display: inline-block; margin: 0px 0; padding:0px 0; } .top-menu li { font-family: open sans,sans-serif; font-size: 17px; font-weight: 700; text-align:center; display:inline-block; border-radius:0.25rem; } .top-menu li a { color: #b0adad; text-shadow: 0 0.3px 0; } .top-menu li:hover { background-color: #f99d1c; } .top-menu li:hover span, .top-menu li:hover a { color: #fff } .top-menu span { display: block; font-weight:500; color:#8d8d8d; font-size: 12px } #last-movie .ng-scope { position:relative; } #last-movie img { background-color:#475763; padding:5px; background-repeat: no-repeat; background-size: cover; max-width: 100%; height: auto; border-radius:5px; } #last-movie .slider-quality { position: absolute; top: 20px; left: 15px; width: 200px; z-index: 2 } #last-movie h2 { opacity:0; visibility:hidden; position:absolute; font-size: 0; color: #fff; bottom: 2rem; left: 3rem; z-index: 2; } .box, .page-box { display: block; position: relative; background-color: #2e3132; border: 1px solid #0d0d0e; margin: 0; font-family: Open Sans , sans-serif; height: auto; border-radius:5px; } .page-box { margin-bottom: 40px; margin-top:0; } .page-box .page-box-content { height: auto; overflow: hidden; color:#aaa; padding: 20px } .page-box h1 { border-bottom: 1px solid #515151; background-color: #2e3132; height: 60px; line-height: 60px; padding: 0 20px; box-shadow: inset 0 -2px 2px 0 rgba(27, 27, 27, 0.92); color: #ccc; font-family: open sans,sans-serif; font-weight: 700; font-size: 21px; text-shadow: 0 0.6px 0; } .page-box h1 a.btn-link { position: relative; top: 14px; } #search-box2 { font-family: Open Sans , sans-serif; font-size: 12px; font-weight:700; height:80px; line-height:80px; color: #aaa; padding: 0 20px; margin:0 0 15px 0; } #search-box2 select { border: 1px solid #d2d2d2; background: linear-gradient(to bottom, #f9f9f9, #e9e9e9); position: relative; border-radius: 2px; box-shadow: inset 1px 1px 0 0 #fff, 0 1px 3px rgba(0,0,0,0.14); font-size: 13px; font-family: open sans,sans-serif; color: #787878; text-shadow: 0 1px 0 #fff; line-height: 1.3; padding: .6em .8em .6em 1.4em; margin: 0 0.25rem; border-radius: .25em; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0xNC43NywyMy43OTVMNS4xODUsMTQuMjFjLTAuODc5LTAuODc5LTAuODc5LTIuMzE3LDAtMy4xOTVsMC44LTAuODAxYzAuODc3LTAuODc4LDIuMzE2LTAuODc4LDMuMTk0LDAgIGw3LjMxNSw3LjMxNWw3LjMxNi03LjMxNWMwLjg3OC0wLjg3OCwyLjMxNy0wLjg3OCwzLjE5NCwwbDAuOCwwLjgwMWMwLjg3OSwwLjg3OCwwLjg3OSwyLjMxNiwwLDMuMTk1bC05LjU4Nyw5LjU4NSAgYy0wLjQ3MSwwLjQ3Mi0xLjEwNCwwLjY4Mi0xLjcyMywwLjY0N0MxNS44NzUsMjQuNDc3LDE1LjI0MywyNC4yNjcsMTQuNzcsMjMuNzk1eiIgZmlsbD0iIzUxNTE1MSIvPjwvc3ZnPg==), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); background-repeat: no-repeat, repeat; background-position: left .7em top 50%, 0 0; background-size: .65em auto, 100%; } #search-box2 .btn { min-width: 100px; vertical-align: middle } #search-box2 .confirm-btn { background: #f99d1c; border:1px solid #f99d1c; font-size:13px; color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.10),inset 0 1px 0 #f4dc98; float: right; margin: 20px 0; } .btn-green { border: 1px solid #479227; color: #fff; background-image: -moz-linear-gradient(90deg, #58b730 0, #97d659 100%); background-image: -webkit-linear-gradient(90deg, #58b730 0, #97d659 100%); background-image: -ms-linear-gradient(90deg, #58b730 0, #97d659 100%); box-shadow: inset 0 -2px 2px 0 rgba(0, 0, 0, .2) } .btn-green:hover { background: linear-gradient(to bottom, #97d659, #459920) } .btn-blue { background: #f99d1c!important; border: 1px solid #f99d1c!important; font-size:13px!important; color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.10), inset 0 1px 0 #f4dc98; } .btn-blue-dark { background: linear-gradient(to bottom, #0fc3ff, #0194ff); border: 1px solid #08a4f3; font-size:13px; color: #fff } .btn-blue-dark:hover { background: linear-gradient(to bottom, #0fc3ff, #007dd7) } .btn-orange { background: #ec4a00; border: 1px solid #cb300a; border-radius: 5px; color: #fff; text-shadow: 1px 1px 0 #cb300a } .btn-orange:hover { background: #e03200 } .movie { margin-bottom: 10px; padding-bottom: 20px; position: relative; } .movie:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .movie-wide { margin-bottom: 50px; padding-bottom: 20px } .movie-wide:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .serial-wide { margin-bottom: 50px; padding-bottom: 20px } .serial-wide:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .serial-wide #follow-quality #serial-quality { display: inline-block; float: right } #follow-serial i { vertical-align: middle; margin-left: 5px; font-size: 16px } #follow-serial { font-family: Open Sans , sans-serif; display: inline-block; width: 100%; padding:11px; text-align: center; border-radius: 3px; float: right; margin:15px 0; text-decoration: none; font-size: 14px; background-color: #111; cursor: pointer; border: 1px solid #3e3e3e; color: #aaa; } #follow-serial.active, #follow-serial:hover { background-color: #4ec059; border: 1px solid #33a03d; color: #fff; } .movie h2 { background-image: url(../images/title-icon.png); background-repeat: no-repeat; background-position: left center; padding: 20px 40px; margin-left: 20px; font-size:unset; } .movie h2 a { font-family: Open Sans , sans-serif; font-size: 17px; color: #ccc; font-weight:700; text-decoration: none } .movie h2 a:hover { color: #f99d1c } .serial-wide .info, .movie span.info { font-family: open sans,sans-serif; margin-left: 60px; font-size: 12px; font-weight:700; color: #bdbdbd } .separator { margin: 0 5px } .movie span.top250-rank, .movie-wide span.top250-rank, .serial span.top250-rank, .serial-wide span.top250-rank { width: 220px; text-align: center; font-family: Open Sans , sans-serif; float: left; font-size: 14px; color: #7c91a4; margin-left: 10px; line-height: 20px; padding-right: 15px; position: relative; top: 5px; text-shadow: 0 .5px 0; } .movie-wide span.top250-rank, .serial-wide span.top250-rank { margin-bottom: 10px } img.imdb-rank { width: 15px !important; height: 20px !important; border: 0 !important; display: inline-block !important; vertical-align: middle; margin-left: 10px } .movie-wide h2 { background-image: url(../images/title-icon.png); background-repeat: no-repeat; background-position: left center; padding: 20px 40px; } .movie-wide h2 a { font-family: 'Bahij Palatino Sans Arabic Bold'; font-size: 20px; color: #ccc; text-decoration: none } .serial-wide h2 { background-image: url(../images/title-icon-serial.png); background-repeat: no-repeat; background-position: left center; padding: 20px 40px 5px; font-size:unset; font-weight:700; } .serial-wide h2 a { font-family: open sans,sans-serif; font-size: 20px; color: #ccc; text-decoration: none; } .movie-wide h2 a:hover { color: #f99d1c } .movie-wide span.info { display: block; font-family: open sans,sans-serif; margin-bottom: 20px; font-weight:700; margin-right: 40px; font-size: 12px; color: #bdbdbd } .serial-wide h2 a:hover { color: #f99d1c } .serial-wide span.info { display: block; font-family: open sans,sans-serif; margin-bottom: 20px; margin-right: 40px; font-weight:700; font-size: 12px; color: #bdbdbd } .movie .award.post-content { margin-left: 0; width:auto; } .movie .post-content { float: left; font-size: 12px; } .movie .award.post-content p, .movie .post-content p { text-align: justify; font-family: open sans,sans-serif; font-size: 11.5px; color:#aaa; margin-top: 20px; line-height:2; margin-bottom: 20px } .movie .award.post-side { margin-right:0; } .movie .post-side { float: right; margin-top: 15px; margin-right:15px; } .movie-wide .post-content { font-size: 12px } .movie-wide .post-content p { text-align: justify; font-family: open sans,sans-serif; font-size: 12.5px; margin-top: 20px; line-height: 2; color:#aaa; margin-bottom: 20px } .serial-wide .post-side, .movie-wide .post-side { margin-top: 15px } .serial-wide .post-content { font-size: 12px } .serial-wide .post-content p { text-align: justify; font-family: open sans,sans-serif; font-size: 12.5px; margin-top: 20px; color: #aaa; line-height: 2; margin-bottom: 20px; } .serial-wide .post-side { margin-top: 15px } .serial-wide #meta { margin-bottom: 20px; line-height: 35px } .serial-wide #meta #last { font-family: Open Sans , sans-serif; font-size: 12px; color: #56a4ff; float: right; padding-right: 20px; background: url(/assets/images/check.png) center right no-repeat } .serial-wide #meta #year { font-family: open sans,sans-serif; font-size: 12px; color: #bdbdbd; text-align: center; font-weight:700; width: 195px; position: relative; bottom: 5px; float: left; } .serial { margin-bottom: 10px; padding-bottom: 20px } .serial:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .movie-wide { padding-bottom: 20px } .movie-wide:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .serial h2 { background-image: url(../images/title-icon-serial.png); background-repeat: no-repeat; background-position: left center; padding: 20px 40px; margin-left: 20px; font-size:unset; } .serial h2 a { font-family: Open Sans , sans-serif; font-size: 17px; color: #ccc; font-weight:700; text-decoration: none } .serial h2 a:hover { color: #f99d1c } .serial span.info { float: left; font-family: Open Sans , sans-serif; margin-left: 60px; font-size: 12px; font-weight:700; color: #a1a5af } .serial span.info2 { float: left; font-family: Open Sans , sans-serif; margin-left: 60px; font-size: 12px; font-weight:700; color: #a1a5af } .serial span.info2 span { color: #f99d1c } .movie-wide h2 { background-image: url(../images/title-icon.png); background-repeat: no-repeat; background-position: left center; padding: 20px 40px; font-weight:700; } .movie-wide h2 a { font-family: Open Sans , sans-serif; font-size: 20px; color: #ccc; text-decoration: none } .movie-wide h2 a:hover { color: #f99d1c } .movie-wide span.info { display: block; font-family: Open Sans , sans-serif; margin-bottom: 20px; margin-right: 40px; font-size: 12px; color: #bdbdbd } .serial .post-content { float: left; margin-top: 15px; font-size: 12px } .serial .post-content p { text-align: justify; font-family: open sans,sans-serif; font-size: 11.5px; margin-top: 20px; color:#aaa; line-height: 2; margin-bottom: 20px } .serial .post-side { float: right; margin-top: 15px; margin-right:15px; } .movie-wide .post-content { font-size: 12px } .movie-wide .post-content p { text-align: justify; font-family: open sans,sans-serif; font-size: 12.5px; margin-top: 20px; color:#aaa; line-height: 2; margin-bottom: 20px } .serial-wide .post-side, .movie-wide .post-side { margin-top: 30px } .movie-wide .post-side .top250-rank { margin-bottom: 15px; } .imdb { background-color:#3a3a3a; padding: 0; border: 1px solid #4b4e4f; overflow: hidden; text-overflow: ellipsis; color:#aaa; line-height:3; border-radius: 4px; font-family: Open Sans , sans-serif; margin-bottom: 20px; letter-spacing:.5px; font-size: 12px; text-shadow: 0 0.3px 0; } .imdb img { vertical-align: middle; padding: 7px 5px; margin-right: 5px; border-right: 1px solid #424444; margin-top: -1px } .imdb .rate1 { float: right } .imdb .rate2 { float: right; color: #d9b852; text-shadow: 0 0.3px 0; padding-right: 10px } .imdb .genres { float: left; padding-left: 10px } .imdb .genres a { text-decoration: none; font-weight:700; color: #7d818e } .imdb .genres a:hover { color: #363b49 } .post-side.single img { display: block; border: 10px solid #494e50; border-radius: 4px; background-image: url(../images/avatar.png); background-repeat: no-repeat; background-size: cover; width: 100%; height: auto; } .post-side img { display: block; border: 10px solid #494e50; border-radius: 4px; background-image: url(../images/avatar.png); background-repeat: no-repeat; background-size: cover; width: 100%; height: auto; } .post-side-top-movie { margin: 15px 0; float: right; } .post-side-top-movie img { display: block; border: 10px solid #494e50; border-radius: 4px; background-image: url(../images/avatar.png); background-repeat: no-repeat; background-size: cover; width: 100%; height: auto; } .label { font-family: Open Sans , sans-serif; margin-right: 3px } .infobox .prize { font-family: open sans,sans-serif; color: #df9e33; border: 1px solid #ded58a; border-radius: 4px; display: block; background-color: #fcfbe4; background-image: url(../images/prize.png); background-position: left 5px center; padding-left: 35px; background-repeat: no-repeat; font-size: 13px; font-weight:700; line-height: 35px; margin-bottom: 15px } .last-update { font-family: open sans,sans-serif; color: #464646; border: 1px solid #d5dee6; border-radius: 4px; display: block; background-color: #e7ecf2; background-image: url(../images/last-update.png); background-position: left 5px center; padding-left: 35px; background-repeat: no-repeat; font-weight:700; font-size: 13px; height: 40px; line-height: 40px; box-shadow: inset 0 0 5px 1px rgba(213, 222, 229, .5) } .last-update-file { font-family: open sans,sans-serif; color: #464646; border: 1px solid #4CAF50; border-radius: 4px; display: block; background-color: #b8e387; background-image: url(../images/last-update-file.png); background-position: left 5px center; padding-left: 35px; background-repeat: no-repeat; font-weight:700; font-size: 13px; height: 40px; line-height: 40px; box-shadow: inset 0 0 5px 1px rgba(213, 222, 229, .5) } .infobox { clear: both; margin-top: 20px; } .infobox:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .infobox .dubbed { border: 1px solid #be373e; border-radius: 4px; font-size: 12px; height: 35px; line-height: 35px; margin-bottom: 15px; background-color: #e6454d; color: #fff; font-weight: 700 } .infobox .dubbed i { margin: 0 8px } .infobox .dub-censor { border: 1px solid #a237bd; border-radius: 4px; font-size: 12px; height: 40px; line-height: 40px; margin-bottom: 15px; background-color: #c545e6; color: #fff; font-weight: 700 } .infobox .dub-censor i { margin: 0 8px } .infobox .age-range { padding: 0 15px; height: 40px; border: 1px solid #eabcb6; line-height: 40px; color: #ec463e; margin-bottom: 20px; font-weight: 700; text-shadow:0 .5px 0; background-color: #fee6dd; background-image: url(../images/warning.png); background-position: left 5px center; padding-left: 35px; background-repeat: no-repeat; box-shadow:0 1px 3px rgba(0,0,0,0.10); } .infobox .age-range span { margin-left: 10px } .infobox .genre { display: inline; color:#aaa; float: none; font-weight:700; } .file_qualities > span:nth-child(1) { font-family: Open Sans , sans-serif; color:#aaa; font-weight: 700; } .genre { display: inline-grid; float: right } .genre a { text-decoration: none; color: #f99d1c; font-size:13px; } .genre a:hover { color: #f9631c } .age { direction: ltr; display: inline-grid; padding:3px; line-height: 18px; font-family:arial; font-size: 12px; font-weight: 900; text-align: center; border-radius: 4px; position: absolute; right: 25px; top: 25px; } .age-red { background-color: #ff5252; color: #fff } .age-blue { background-color: #89c8ff; color: #fff } .actor { margin-top: 15px; color:#aaa; font-weight:700; } .actor a { text-decoration: none; color: #f99d1c; font-family: Open Sans , sans-serif; font-size: 13px } .actor a:hover { color: #f9631c } .genres, .director { margin-top: 15px; color:#aaa; font-weight:700; } .genres a, .director a { text-decoration: none; color: #f99d1c; font-size: 13px } .genres a:hover, .director a:hover { color: #f9631c } .channel { float: right; margin-top: 15px; color:#aaa; font-weight:700; } .channel a { text-decoration: none; color: #f99d1c; font-family: 'Source Sans Pro'; font-size: 13px } .channel a:hover { color: #f9631c } .show-date { height: 16px; line-height: 16px; padding-right: 20px; width: auto; float: left; margin-top: 15px; font-family: open sans,sans-serif; font-weight: 700; color: #52a900 } .show-date b { font-size: 13px; } .show-date span { color: #aaa } .add-dl-list { display: block; width: 100%; font-size: 13px; padding: 12px; background: url(../images/dl-list-active.png) left 10px center, linear-gradient(to bottom, #111, #222); background-repeat: no-repeat; border: 1px solid #3e3e3e; font-family: Open Sans , sans-serif; font-weight: 900; font-size: 14px; color: #aaa!important; text-align:center; border-radius: 2px; text-decoration: none; margin: 0 auto; } .add-dl-list:hover { color: #ffa708!important; } .add-dl-list span { display: block; margin-left: 35px; padding-left: 10px; border-left: 1px solid #3e3e3e; } .add-dl-list.active { background: url(../images/dl-list.png) left 10px center, linear-gradient(to bottom, #111, #222); background-repeat: no-repeat; border: 1px solid #3e3e3e; color: #aaa } .collection-btn { display: block; width: 100%; font-size: 13px; padding: 12px; background: url(../images/play-all.png) left 16px center, linear-gradient(to bottom, #5f5f5f, #3c3939); background-repeat: no-repeat; border: 1px solid #2b2b2b; font-family: Open Sans , sans-serif; font-weight: 900; font-size: 14px; color: #aaa!important; text-align:center; border-radius: 2px; text-decoration: none; margin: 0 auto; } .collection-btn:hover { background: url(../images/play-all.png) left 16px center, linear-gradient(to bottom, #ffa000, #795305); background-repeat: no-repeat; color: #222!important; border: 1px solid #8f6222; } .collection-btn:hover span { border-left: 1px solid #8f6222; } .collection-btn span { display: block; margin-left: 35px; padding-left: 10px; border-left: 1px solid #3e3e3e; } #sidebar { float: right; margin:0; } .block { margin-bottom: 15px } .block-title { border-top-left-radius: 4px; border-top-right-radius: 4px; height: 47px; line-height: 45px; } .block-title span { display: block; height: 46px; line-height: 45px; font-family: Open Sans , sans-serif; font-weight:700; font-size: 15px; color: #fff; margin-left: 50px; padding-left: 10px; box-shadow: -1px 0 0 0 rgba(255, 255, 255, .2); text-shadow: 0 1px 0 rgba(0, 0, 0, .1) } .green-block { background: linear-gradient(to bottom, #48c253, #3eb948); border: 1px solid #2ca137 } .green-block span { border-left: 1px solid #2fac37 } .red-block { background: url(../images/search2.png) no-repeat left 13px center, linear-gradient(to bottom, #e64939, #e13f30); border: 1px solid #d33425 } .red-block span { border-left: 1px solid #d33425 } .blue-block { background: linear-gradient(to bottom, #67baff, #5bb0ff); border: 1px solid #4e96ff } .blue-block span { border-left: 1px solid #4e96ff } .black-block { background: linear-gradient(to bottom, #aab2bd, #9fa7B2); border: 1px solid #8f9aa7 } .black-block span { border-left: 1px solid #8f9aa7 } .orange-block { background: url(../images/camera.png) no-repeat left 9px center, linear-gradient(to bottom, #f6bb43, #f4b139); border: 1px solid #dda22a } .orange-block span { border-right: 1px solid #dda22a } .dark-orange-block { background: url(../images/oscar-block.png) no-repeat left 12px center, linear-gradient(to bottom, #f8ab55, #f7a04B); border: 1px solid #ea8c38 } .dark-orange-block span { border-left: 1px solid #ea8c38 } .pink-block { background: url(../images/golden-globe.block.png) no-repeat left 12px center, linear-gradient(to bottom, #f37779, #f16C6D); border: 1px solid #f16164 } .pink-block span { border-left: 1px solid #f16164 } .purple-block { background: url(../images/bafta-block.png) no-repeat left 13px center, linear-gradient(to bottom, #a3b7e4, #96aCDE); border: 1px solid #839dd9 } .purple-block span { border-left: 1px solid #839dd9 } .dark-blue-block { background: url(../images/camera.png) no-repeat left 9px center, linear-gradient(to bottom, #497297, #3f668B); border: 1px solid #304c74 } .dark-blue-block span { border-right: 1px solid #304c74 } .block-divider { background-color: #666; height: 40px; line-height: 40px; } .block-divider li { display: inline-block; margin-left: 4px; font-family: Open Sans , sans-serif; font-size: 11px } .block-divider a { text-decoration: none; color: #aaa; padding-bottom: 12px; padding-top: 15px } .block-divider a.active, .block-divider a:hover { color: #f99d1c; border-bottom: 2px solid #f99d1c } .block-content { overflow: visible; background-color:#2e3132; padding: 15px 17px; font-family: open sans,sans-serif; color: #aaa; font-size: 12px; border-radius:0 0 4px 4px; } #air-plan-serials .block-content { height:100%; } #updated-serials .block-content { height:100%; } #updated-movie .block-content { height:100%; } a:any-link { text-decoration: none; } .block-content.no-scroll { overflow: hidden } .block-content.search { height: auto; max-height: none; overflow: hidden } .block-content.search h5 { margin-top: 15px; font-weight: 700; font-size:15px; color: #ccc; border-bottom: 2px solid #3e3e3e; padding-bottom: 15px; margin-bottom: 15px } .block-content.search h5 a { font-size: 8px; text-decoration: none } .block-content.search .option .body { max-height: 475px; overflow-y: scroll } .block-content.search .option select { width: 130px; background: #fff !important; border-radius: 5px; font-family: Open Sans , sans-serif; font-weight:700; outline:none; border: 1px solid #eaeaea; box-shadow: 0 2px 0 #efefef; height: 40px } .block-content.search .option .one-line { width: 50%; line-height: 30px; display: inline-block; } .block-content.search label { height: 22px; line-height: 22px; margin-right: 5px; font-size: 13px; font-weight: 700; color: #aaa; vertical-align: middle } .block-content.search .option .one-line label { font-weight:300; text-shadow:0 .75px 0; } .block-content.search span { display: inline-block; width: 49%; margin-bottom: 10px } .block-content.search .option-quality span { width: 100%; } .block-content.search .option ul.items li { float: right; position: relative; display: inline-block; margin: 10px 1px 0 20px } .block-content.search .option ul.items li i { position: absolute; top: -5px; left: -10px; border-radius: 50%; color: #fff; background-color: #e5614e; padding: 7px 9px 8px; font-size: 9px; } .block-content.search .option ul.items li:nth-child(3n) { margin-left: 0 } .block-content.search .option ul.items li img { width: 65px; height: 90px; border: 7px solid #fff; box-shadow: 0 0 1px 1px rgba(197, 197, 197, 0.5); border-radius: 5px } .block-content.search .option ul.items li span { display: block; text-align: center; font-weight: 700; color: #000; width: 79px; font-size: 14px; margin-top: 5px; } .block-content.search input[type=text] { display: block; width: 92%; font-family: Open Sans , sans-serif; margin-top: 15px; height: 35px; font-weight:400; border-radius: 4px; background-color: #ecf0f5; border: 1px solid #d5dee6; font-size: 15px; direction: ltr; padding-left: 15px; box-shadow: inset 0 0 20px 0 rgba(213, 222, 229, .5) } .block-content.search button { height: 40px; width: 175px; margin: 40px 0 20px; background-color: #f99d1c; border: 1px solid #f99d1c; border-radius: 5px; box-shadow: inset 0 -2px 0 0 #f99d1c, inset 0 1px 0 0 #ffe7c5; color: #fff; font-family: Open Sans , sans-serif; font-size: 15px; cursor: pointer; } #footer { background-color: #2a3238; position: relative; bottom: 0; width: 100%; border-top: 10px solid #475763; margin:25px 0 0 0; } .footer-menu li { font-family: Open Sans , sans-serif; font-size: 23px; text-align: center; display: inline-block; } .footer-menu li a.app-download { background-color: #f99d1c; border: 1px solid #f99d1c; border-radius: 5px; box-shadow: inset 0 -2px 0 0 #f99d1c, inset 0 1px 0 0 #ffe7c5; position: relative; } .footer-menu li a.app-download:before { content: "Coming Soon"; background-color: #f9391c; box-shadow: inset 0 2px 0 0 #ff8f8f; position: absolute; right: 11px; top: -13px; padding: 1px 6px; font-size: 13px; border-radius: 3px; } .footer-menu li a { color:#fff; } .footer-menu li a:hover { color: #f99d1c } #footer:after { content: " "; display: block; clear: both; line-height: 0; height: 10px; background-color: #2a3238 } #logo2 { margin-top: 55px } #path-finder h3 { font-size: 13px; font-family: open sans,sans-serif; font-weight:700; color: #fff; margin-top: 40px; } #path-finder strong { display: block; margin-top: 15px; font-size: 10px; font-family: Open Sans , sans-serif; font-weight:400; color: #979797 } #path-finder #finder-container #finder-icon { float: left; border-radius: 10px; background-color: #8dc153; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), inset 0 -2px 0 0 rgba(0, 0, 0, .13); width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 21px; margin-top: 3px } #path-finder #finder-box { float: left; border-radius: 10px; font-size: 13px; font-family: open sans,sans-serif; background-color: rgba(28, 34, 39, .502); box-shadow: 0 1px 0 0 rgba(255, 255, 255, .1), inset 0 1px 8px 0 rgba(0, 0, 0, .25); } #path-finder #finder-box i { color: #8ad83e; font-size: 14px; vertical-align: middle } #path-finder #finder-box span { font-size: 11px } #path-finder #finder-box span:nth-child(1) { float: right } #path-finder #finder-box span:nth-child(2) { float: left; color: #ffd850 } #social h3 { font-size: 13px; font-family: open sans,sans-serif; color: #fff; font-weight:700; margin-top: 40px; } #social span { display: block; margin-top: 15px; font-size: 10px; font-family: Open Sans , sans-serif; font-weight:400; color: #979797 } #social ul { margin-top: 20px; } #social li { display: inline-block } #top-footer .grid_4 { margin-left: 0; } #bottom-footer { border-top: 1px solid #35434d; box-shadow: 0 -1px 0 0 #1e2429; } #bottom-footer .navbar-nav { font-family: open sans,sans-serif; font-weight: 700; box-sizing: border-box; font-size: 11px } #bottom-footer .navbar-nav a { color: #e7ecf2; } #bottom-footer .navbar-nav a:hover { color: #0d81af; } #copy { direction: ltr; font-family: Open Sans, sans-serif; font-size: 15px; box-sizing: border-box; color: #e7ecf2; display: flex; justify-content: flex-end; align-items: center; } #copy a { color: #f99d1c; text-decoration: none } #copy a:hover { color: #f99d1c } #login-register { margin-right:0; } #login-register a { text-decoration: none; font-weight:bold; font-family: Open Sans , sans-serif; font-size:13px; box-sizing: border-box; } #content-wide { background: #252525; margin: 0 0 50px 0; } #content-wide #top-content { padding: 35px 25px 20px 25px } #content-wide #top-content h1 { font-size:23px; color:#ccc; } .payalert #top-content .alert { font-size: 20px; font-weight:700; font-family: Open Sans , sans-serif; padding-bottom: 20px } #content-wide.simple { padding: 45px 60px; font-size: 14px !important; color: #646464 !important } #content-wide.simple #coupon { border-top: 1px solid #ebebeb } #content-wide.simple #coupon td { padding: 0 30px; text-align: right; height: 78px; box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .06) } #content-wide.simple #coupon input::-webkit-input-placeholder { color: #444 } #content-wide.simple #coupon input::-moz-placeholder { color: #444 } #content-wide.simple #coupon input { box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .06); font-family: Open Sans , sans-serif; font-size: 16px; vertical-align: middle } #content-wide.simple #coupon button { font-family: Open Sans , sans-serif; cursor: pointer } #content-wide.simple #coupon button:active, #content-wide.simple #coupon button:focus, #content-wide.simple #coupon input:active, #content-wide.simple #coupon input:focus { outline: 0 } #content-wide.simple #invoice { border: 1px solid #686868; border-radius: 3px; overflow: hidden; margin-bottom: 50px } #content-wide.simple label.radio { display: block; padding:1.5em; border: 2px solid #3b3b3b; border-radius: 4px; margin-bottom: 11px; font-size: 15px; font-weight: 700; color: #ccc } #content-wide.simple p { font-size: 20px; color: #ccc; margin-bottom: 35px } #content-wide.simple label.active { border: 2px solid #fecb16 } #content-wide.simple label.active span { color: #2f2f2f } #content-wide.simple label img { vertical-align: middle; margin: 0 10px } #content-wide.simple table { table-layout: fixed; width: 100% } #content-wide.simple #title { background-color: #4d4e4e; height: 49px; color: #fff } #content-wide.simple #info { height: 130px } #content-wide.simple #info #plan { text-align: left } #content-wide.simple #info #plan img { float: right; margin: 0 25px } #content-wide.simple #info #plan div { line-height: 30px; font-weight: 700 } #content-wide.simple #info span { color: #3f86d0; font-family: Open Sans , sans-serif; font-size:17px; font-weight:700; display: block } #content-wide.simple #total { height: 220px } #content-wide.simple #total td { position: relative } #content-wide.simple #total hr { border: 1px solid #ebebeb } #content-wide.simple #total div { float: right; background-color: #f2f7f1; border: 3px solid #cae1cb; } #content-wide.simple #total div table tr:nth-child(1) td { width: 210px } #content-wide.simple #total div table tr { height: 20px } #content-wide.simple #total div table td { text-align: left } #content-wide.simple #total div table { width: 100%; height: 100% } #content-wide.simple #total table span { font-weight: 700; color: #8dc63f; font-size: 19px } #content-wide.simple tr td { text-align: left; vertical-align: middle } #content-wide.simple h1 { font-size: 20px; color: #ccc; font-weight: 700; margin-bottom: 50px } #content-wide.simple #actions { margin-top: 40px } #content-wide.simple #actions input:nth-child(1) { float: right } #content-wide.simple #actions input:nth-child(2) { float: left } #content-wide #top-content p { color: grey; font-size: 12px; line-height: 20px; font-family: Open Sans , sans-serif; margin-bottom: 20px } #or { font-size: 18px; color: #b7b7b7; padding: 0 15px } #content-wide a.btn2 { display: inline-block; text-align: center; text-decoration: none; color: #fff; width: 175px; height: 30px; padding-top: 15px; text-indent:15px; } #content-wide form a { text-decoration: none; font-family: Open Sans , sans-serif; color: #f99d1c } .site-wide { font-family: Open Sans , sans-serif; } #content-wide form { background-color: #333; padding: 25px 20px } #content-wide form p { font-size: 12px; color: grey; font-weight: 700; padding-top: 8px; } #register-info { position: relative; } #contact-us input[type=email], #contact-us input[type=password], #contact-us input[type=text], #content-wide input[type=email], #content-wide input[type=password], #content-wide input[type=text] { background-color:#252525; border:1px solid #3e3e3e; border-radius: 5px; font-family: Open Sans , sans-serif; font-weight:700; font-size: 13px; color: #aaa; direction:ltr; box-shadow: inset 0 0 5px 1px rgba(11, 11, 11, .5) } #content-wide .input-group-text { background-color:#222; border:1px solid #3e3e3e; color: #aaa; } #content-wide .btn.btn3, #content-wide #register-info .btn { background-color: #f99d1c; border: 1px solid #f99d1c; box-shadow: inset 0 1px 0 0 #f4d3a3; } #content-wide input[type=radio] { background: url(../images/radio.png) top left; cursor: pointer; display: inline-block; height: 23px; margin-right: 10px; position: relative; width: 23px; float:right; } #content-wide input[type=radio]:checked { background: url(../images/radio.png) top right } #content-wide label { font-size: 12px; color: #8e8e8e } #content-wide .custom-control-label { line-height:2; } #content-wide a { font-size: 13px } form div.input-group { position: relative } .error, .input-group .error { color: red !important } form div.input-group:nth-child(5) { margin-top: 0 } form div.input-group:nth-child(6) { margin-top: 15px } .btn-primary { background-color: #f99d1c!important; border: 1px solid #f99d1c!important; } #shape2 { position:relative; } #shape2:after { content:''; position:absolute; left: 5%; top: -11px; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #333; } #captcha-input { width: 145px !important; margin-right: 85px; padding-right: 0 !important; padding-left: 5px; direction: ltr } #captcha-img { position: absolute; right: 3px; height: 40px; margin-top: 14px; color: #bfbfbf; margin-left: 15px; border: 1px solid #ebebeb; border-radius: 5px } .plan { cursor: pointer; position: relative; overflow: visible; font-family: Open Sans , sans-serif; } .plan .col-12 { border: 3px solid #3e3e3e; } .plan.active .col-12 { border: 3px solid #f99d1c; } .plan h2 { text-align: center; color: #666978; font-size: 20px; font-weight:700; margin-bottom: 10px } .plan span:before { content: '+'; color: #f3f9fe; font-weight: 400; font-size: 40px } .plan.active span:before { font: normal normal normal 14px/1 FontAwesome; content: '\f058'; color: #fff; font-size: 35px } .plan span { display: block; position: absolute; bottom: -30px; right: 0; left:0; margin: 0 auto; background-color: #bfc6ce; border-radius: 50%; color: #fff; width: 55px; height: 55px; line-height: 60px; text-align: center } .plan.active span { background-color: #f99d1c; line-height: 72px } .plan p { font-size: 13px; font-weight: 400; text-align: center; line-height: 10px; color: #6c6a6a } .plan:nth-child(3) { margin-left: 0 } .cycles { border: 3px solid #cfe3f4; background-color: #fff; text-align: center } .cycles label { background-color: #f8f8f8; border-top: 2px solid #ddd; cursor: pointer; margin-top: 30px; display: inline-block; margin-right: 10px; width: 135px; height: 70px; border-radius: 10px; text-align: right; line-height: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.10); position: relative } .cycles label.active { background-color: #ebf6eb; border-top: 2px solid #c4ddc4; box-shadow: 0 1px 3px rgba(0,0,0,0.10); } .cycles.blue label.active { background-color: #f4f8fc; border-top: 2px solid #d5e8f7; box-shadow: 0 1px 3px rgba(0,0,0,0.10); } .cycles label input[type=radio] { margin-left: 8px; position: absolute; top: -6px; -webkit-appearance: none; box-shadow: 0 1px 1px 0 #aaa inset; border-radius: 50% } .cycles label input[type=radio]:before { content: ''; display: block; width: 60%; height: 60%; margin: 30% auto; border-radius: 50% } .cycles label input[type=radio]:active, .cycles label input[type=radio]:focus { background-image: none; outline: 0 } .cycles label input[type=radio]:checked:before { background: #82af7a; box-shadow: none; width: 5px; height: 5px } .cycles.blue label input[type=radio]:checked:before { background: #5285ca; box-shadow: none; width: 5px; height: 5px } .cycles label div { display: inline-block; font-size: 14px } .cycles label div strong { display: block; font-weight: 700; margin: 14px 0 10px; color: #3b86c4 } .cycles label.active div strong { color: #82af7a } .cycles.blue label.active div strong { color: #3b86c4 } .cycles label div span { display: block; color: #404040 } .cycles label div .old-price-tag { padding: 5px 0; font-size: 11px; text-decoration: line-through; color: #999; } .cycles select { width: 80px; background: #fff !important; border-radius: 5px; box-shadow: inset 0 -2px 0 0 rgba(240, 240, 240, .76); height: 35px; margin-right: 10px; font-family: Open Sans , sans-serif; font-weight: 400 } .alert { margin: 20px 20px; font-family: Open Sans , sans-serif; } #single-content { margin: 20px 0; border-radius: 5px; overflow: hidden; background-color:#151515; border: 1px solid #3e3e3e; } #content-menu { font-weight: 700; font-size: 11px; border-bottom: 1px solid #3e3e3e; display:flex; } #content-menu li { text-decoration: none; color: #444; font-size:13px; display:inline-block; font-weight:700; flex:1; box-shadow: inset 0 -2px 0 0 rgba(73, 73, 73, 0.86); } #content-menu li a { color: #aaa; padding:15px; display: block; white-space: nowrap; text-align: center; flex:1; } #content-menu li a.active, #content-menu li:hover { background: #ffa708; color: #fff; box-shadow: inset 0 -2px 0 0 rgb(100 77 36); } #content-menu li a:hover { color: #fff; } #content-menu a.active i, #content-menu a:hover i { color: #fff } #content-menu li i { margin-left: 5px; color: #bdc3c7; font-size: 15px } #extra-info { font-size: 12px } #extra-info a { text-decoration: none; font-size: 12px; font-weight: 700; color: #f99d1c } #extra-info a:hover { color: #f9631c } #extra-info .row:nth-child(1) { line-height: 75px } #extra-info .row { border-bottom: 1px solid #3e3e3e; line-height: 45px; font-size: 12px; font-weight: 700; color:#aaa; position:relative; margin: 0 15px } #extra-info .row span { color: #ccc; font-weight:700; font-size:13px; padding: 0 1rem; display: inline-block } #extra-info .row #collection { font-family: open sans,sans-serif; display: block; height: 40px; float: left; border: 1px solid #3e3e3e; line-height: 40px; color:#aaa; margin: 15px 30px 0 0; padding: 0 20px 0 40px; border-radius: 3px; background: url(../images/play-all.png) no-repeat center left 15px, #222 } #extra-info .row #collection a { text-decoration: none; color: #aaa; } #extra-info .row #collection a:hover { text-decoration: none; } #extra-info .row .sale { cursor: default; display: inline-block; height: 30px; line-height: 30px; font-weight: 700; color: #fff; padding: 0 15px; border-radius: 3px; font-size: 11px; margin:7px 5px; } #extra-info .row .sale#budget { border: 1px solid #6a9a41; background-color: #8dc05a; box-shadow: inset 0 -2px 0 0 #78a84d, inset 0 1px 0 0 #a8cd7e } #extra-info .row .sale#first-week { border: 1px solid #c53c2b; background-color: #e55945; box-shadow: inset 0 -2px 0 0 #b74838, inset 0 1px 0 0 #ea7d6c } #extra-info .row .sale#total-sale { border: 1px solid #3b4045; background-color: #424a54; box-shadow: inset 0 -2px 0 0 #343b43, inset 0 1px 0 0 #798289 } #extra-info #awards { margin-top: 25px } #extra-info #awards a { font-weight:300; color:#aaa; text-shadow:0 .5px 0; font-size:11px; } #extra-info #awards .block { background-color: #222; padding: 10px 10px; margin: 20px 0; border-radius: 3px; border: 1px solid #3e3e3e; overflow-x: hidden } #extra-info #awards .block h3 { font-size: 13px; font-weight: 700; border-bottom: 1px solid #3e3e3e; padding-bottom: 15px; padding-top: 11px; padding-left: 35px; text-shadow:0 .4px 0; box-shadow: 0 1px 0 0 #222 } #extra-info #awards #oscar h3 { color: #f6c843; background: url(../images/oscar.png) no-repeat 3% center; } #extra-info #awards #golden-globe h3 { color: #3dafda; background: url(../images/golden-globe.png) no-repeat 3% center; } #extra-info #awards #bafta h3 { color: #e05e60; background: url(../images/bafta.png) no-repeat 3% center; } #extra-info #awards .block ul { margin-top: 15px; font-family: Open Sans , sans-serif; font-size: 10px; height: 150px; } #extra-info #awards .block ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #f5f5f5 } #extra-info #awards #oscar a:hover { color:#f6c843; } #extra-info #awards #golden-globe a:hover { color:#3dafda; } #extra-info #awards #bafta a:hover { color:#e05e60; } #extra-info #awards .block ul::-webkit-scrollbar { width: 2px; background-color: #f5f5f5 } #extra-info #awards .block ul::-webkit-scrollbar-thumb { background-color: #000 } #extra-info #awards .block ul li { line-height: 30px; padding-left: 10px } #extra-info .block ul li a { color: #3f3f3f; text-decoration: none; padding-left: 15px; background: url(../images/arrow2.png) no-repeat left center } #extra-info #oscar ul li a:hover { background: url(../images/awards-oscar-icon-active.png) no-repeat left center } #extra-info #golden-globe ul li a:hover { background: url(../images/awards-globe-icon-active.png) no-repeat left center } #extra-info #bafta ul li a:hover { background: url(../images/awards-bafta-icon-active.png) no-repeat left center } #extra-info #other-actors { margin: 20px } #extra-info #other-actors h3 { color: #46668d; font-weight: 700; font-size: 13px; border-bottom: 2px solid #3e3e3e; padding-bottom: 15px; margin-bottom: 10px } #extra-info #other-actors .item { display: inline-block; vertical-align: top; width: 8.666666%; text-align: center; margin: 10px .666666%; } #extra-info #other-actors .item img { width: 100%; height: auto; border: 7px solid #494e50; border-radius: 5px } #extra-info #other-actors .item span { display: block; color: #aaa; margin-top: 10px; word-wrap: break-word } #extra-info #other-actors .item:hover span { color:#f99d1c; } #downloads { margin:20px 0; } #downloads .file { height: 175px; margin-bottom: 20px; border-radius: 5px; border: 1px solid #4f5256; box-sizing: border-box; color: #aaa; } #downloads .file:hover { box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1) } #downloads .file.dubbed .file { background-color: #dfeffe; color: #4888c2 } #downloads .file.dub-censor .file { background-color: #f6defc; color: #aa4ac2 } #downloads .file.censored .file { background-color: #dffef0; color: #48c28b } #downloads .files.lilhd .file { background-color: #ffd9d9; color: #ff4a4a } #downloads .file .info { font-size: 12.5px; margin: 20px 15px 0 15px; font-weight:700; padding-bottom: 20px; border-bottom: 1px solid #414345; color: #fff; text-shadow: 1px 1px 1px #000000; } #downloads .files.censored .file .info, #downloads .files.dub-censor .file .info, #downloads .files.dubbed .file .info, #downloads .files.lilhd .file .info { border-bottom: 1px solid #fff !important } #downloads .file .info2 { font-size: 12px !important; position: absolute; bottom: 0; right:0; text-align: left; background-color: #0f0f0f; width: 100%; box-sizing: border-box; height: 40px; line-height: 40px; border-radius: 0 0 4px 4px; padding-left: 15px; border-top: 1px solid #494e51; font-weight: 700 } #downloads .file .info2 > span { color: #fff; text-shadow: 1px 1px 1px #000000; } #downloads .file .info2>span + span { text-shadow: none; } #downloads .files.lilhd .file .info2 { background-color: #fca1a1 !important; border-top: 1px solid #f67c7c } #downloads .files.dubbed .file .info2 { background-color: #ffa708 !important; border-top: 1px solid #3e3e3e; color:#fff; } #downloads .files.dub-censor .file .info2 { background-color: #e7b0f5 !important; border-top: 1px solid #bf8bcc } #downloads .files.censored .file .info2 { background-color: #b1f6d7 !important; border-top: 1px solid #8accb9 } #downloads .file .info2 .quality-box { position: relative; display: inline-block; width: 25px; height: 25px; float: right; background-color: #cad2d9; line-height: 25px; margin: 8px 10px 0 0; border-radius: 3px } #downloads .file .info2 .quality-box i { color: #fff; position: absolute; z-index: 99999999; top: 6px; right: 6px; font-size: 14px } #downloads .file .info2 .quality-box .fill { display: inline-block; background-color: #fecd4f; position: absolute; width: 100%; border-radius: 3px; right: 0; bottom: 0 } #downloads .files.lilhd .file { border: 1px solid #f67c7c !important } #downloads .files.dubbed .file { border: 1px solid #ffa708 !important } #downloads .files.dub-censor .file { border: 1px solid #bf8bcc !important } #downloads .files.censored .file { border: 1px solid #8bccba !important } #downloads .file .info span { float: right } #downloads .file .links { padding: 19.5px 0; text-align: center; } #downloads .season { margin: 10px 10px; border: 1px solid #3e3e3e; border-radius: 5px } #downloads .season h4 { margin-left: 20px; color: #63baff; font-size: 16px; font-weight:700; line-height: 55px; height: 50px; cursor: pointer } #downloads .season h4 span { float: left } #downloads .season h4 div { display: inline-block; margin-top: 17px; margin-right: 20px; float: right } #downloads .season .serial-quality { margin: 0 20px; border-top: 1px solid #3e3e3e } #downloads .season .serial-quality .cont { margin: 10px 0; overflow: auto; background-color: #333; border-radius: 5px } #downloads .season .serial-quality h5 { color: #fff; line-height: 40px; height: 50px; line-height: 58px; font-size: 15px; font-weight:700; padding: 0 20px; cursor: pointer } #downloads .season .serial-quality h5 i { margin-left: 10px; font-size: 20px; position: relative; top: 2px; } #downloads .season .serial-quality h5 i.active { color: #77a0ff } #downloads .season .serial-quality ul { border-radius: 5px; margin: 5px 5px; padding: 5px 10px; background-color: #252525; font-size: 12px; color: #aaa; font-weight: 700 } #downloads .season .serial-quality ul li { height: 60px; line-height: 60px; border-bottom: 1px solid #3e3e3e } #downloads .season .serial-quality ul li:last-child { border-bottom: 0 } #downloads .season .serial-quality ul li span { float: left; color: #fff; font-size:13px; } #downloads .season .serial-quality ul li:hover span { color: #e25212 } #downloads .season .serial-quality ul li div { float: right } #trailers { padding: 30px 20px } #trailers iframe { width: 100%; aspect-ratio: 16/9; } #trailers #videos { display: inline-block; float: right; width: 243px; } #trailers #videos ul { overflow-y: auto; padding: 5px 10px; max-height:300px; } #trailers #player { border: 5px solid #494e50; border-radius: 5px; display: inline-block; width:100%!important; } #trailers #videos h3 { padding: 15px; background-color: #252525; border: 1px solid #3e3e3e; border-radius: 3px; color: #aaa; margin-bottom: 15px; font-size: 14px; font-weight: 700; cursor: pointer; } #trailers #videos ul li { display: block; position: relative; margin-bottom: 5px; } #trailers #videos ul li .image { float: right; } #trailers #videos ul li .image img { border: 7px solid #494e50; border-radius: 5px } #trailers #videos ul li .info { float: right; color:#ccc; padding:5px 10px; font-size: 13px; line-height: 25px } #trailers #videos ul li .info span { margin-top: 10px; display: block; font-family: Tahoma; font-size: 11px; color: #717171 } #review { position: relative; padding: 40px 15px; color:#aaa; font-family: Open Sans , sans-serif; font-size:13px; line-height: 35px } #review img { width:100%; height:auto; border: 7px solid #494e50; border-radius: 5px } #review h3 { font-weight: 700; color: #f99d1c; font-size:18px; margin-bottom: 25px } #review hr { margin-top: 30px; border: 1px solid #696969 } #review #source { bottom: 37px; right: 0; left: 0; margin: 0 auto; width: 400px; text-align: center; background-color: #414141; border: 2px solid #696969; border-radius: 15px; position: absolute; padding: 0 25px; color: #ccc; } #review #source a { text-decoration: none; color: #f99d1c } #review .author-item { margin-top: 40px; display: inline-block; width: 150px } #review .author-item span { display: block; line-height: 20px; font-size: 14px; font-weight: 700; color: #f99d1c } #review .author-item a { color: #aaa; text-decoration: none } #about-us { padding: 40px 20px; margin-bottom: 20px } #about-us h1 { font-family: Open Sans , sans-serif; font-size: 24px; font-weight: 700; color: #3d3d3d; margin-bottom: 20px } #about-us #content { font-size: 12px; border: 2px solid #ededed; border-top: 2px solid #8dc153; line-height: 30px; padding: 35px 20px; box-shadow: inset 0 0 30px 5px rgba(63, 63, 63, .1) } #contact-us { margin-bottom: 20px } #contact-us h1 { background-color: #2f2f2f; font-family: Open Sans , sans-serif; font-size: 24px; font-weight: 700; color: #3d3d3d; margin-bottom: 20px; padding: 25px; border-bottom: 1px solid #3b3b3b; } #contact-us #content { font-size: 15px; color: #eee; padding: 15px 35px 35px; } #contact-us p { padding: 0 15px } #btn-contact { font-family: Open Sans , sans-serif; display: inline-block; text-align: center; border-radius: 3px; text-decoration: none; font-weight: 700; font-size: 14px; background-color: #f99d1c; border: 1px solid #f99d1c; box-shadow: inset 0 -2px 0 0 #f99d1c, inset 0 1px 0 0 #ffe7c5; color: #fff; } #report { padding: 40px 20px; margin-bottom: 20px } #report h1 { font-family: open sans,sans-serif; font-size: 18px; font-weight: 700; color: #ccc; margin-bottom: 20px } #report #content { font-size: 12px; border: 2px solid #3e4244; border-top: 2px solid #ee6742; color: #ccc; line-height: 30px; padding: 35px 20px; } #report input[type=text] { background-color:#eceff4; border-radius: 5px; font-family: Open Sans , sans-serif; border:1px solid #d8dde1; direction:ltr; box-shadow: inset 0 -1px 15px #d5ddec; } #report textarea { font-family: Open Sans , sans-serif; height: 110px; padding:10px; font-size:13px; border-radius: 5px } #report form p { margin-top: 10px; font-size: 15px; font-family: Open Sans , sans-serif; font-weight: 700; } #report input[type="submit"] { background:#e9573e; min-width:115px; font-size:16px; box-shadow: 0 2px 0 1px #b23725; border-radius:5px; } #jobs { padding: 40px 20px; margin-bottom: 20px } #jobs h1 { font-family: Open Sans , sans-serif; font-size: 24px; font-weight: 700; color: #3d3d3d; margin-bottom: 20px } #jobs #content { font-size: 12px; border: 2px solid #ededed; border-top: 2px solid #434a54; line-height: 30px; padding: 35px 20px; box-shadow: inset 0 0 30px 5px rgba(63, 63, 63, .1) } #download-list h2 { margin: 30px 20px; font-family: open sans,sans-serif; font-weight: 700; color:#ccc; font-size: 14px } #download-list #content-movie { margin: 30px 20px; direction: ltr; line-height: 30px; padding: 35px 20px; } #download-list #content-serial { margin: 30px 20px; direction: ltr; line-height: 30px; padding: 35px 20px; } #download-list .item { direction: ltr; position: relative; float: left; display: inline-flex; width: 23.333333%; text-align: center; font-size: 14px; font-weight: 700; margin: 15px .666666%; } #download-list .item img { display: block; width: 100%; height: auto; border: 7px solid #494e50; border-radius: 5px; margin-bottom: 10px } #download-list .item a { width: 100%; padding: 5px 10px; text-decoration: none; color: #aaa; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; } #download-list .item i { position: absolute; border-radius: 50%; color: #fff; background-color: #e5614e; padding: 7px 9px 8px; font-size: 20px; margin: -5px; } .toast button.confirm { float: left; font-family: Open Sans , sans-serif; font-size: 12px } #updated-serials li img { width: 60px; height: 85px; float: right; margin: 1px 1px 10px 15px; padding: 5px; border: 3px solid #494e50; border-radius: 4px; } #updated-serials li h5 { padding-top: 10px } #updated-serials li h5 a { font-family: Arial; font-weight: 700; font-size: 15px; margin-bottom: 15px; color: #ccc; text-decoration: none } #updated-serials li h5 a:hover { color: #f99d1c } #updated-serials li div:nth-of-type(1) { font-family: open sans,sans-serif; font-size: 13px; font-weight:700; color: #00ee0a; margin-bottom: 15px } #updated-serials li div:nth-of-type(2) { font-family: open sans,sans-serif; font-size: 13px; font-weight:700; color: #FFC107; margin-bottom: 15px } #updated-movies li img { width: 60px; height: 85px; float: right; margin: 1px 1px 10px 15px; padding: 5px; border: 3px solid #494e50; border-radius: 4px; } #updated-serials li a, #updated-movies li a { display: block; } #updated-movies li h5 { padding-top: 10px } #updated-movies li h5 a { font-family: Arial; font-weight: 700; font-size: 15px; margin-bottom: 15px; color: #ccc; text-decoration: none } #updated-movies li h5 a:hover { color: #f99d1c } #updated-movies li div:nth-of-type(1) { color: #656d78; font-family: Open Sans , sans-serif; font-size: 11px; margin: 0; padding: 0; } #updated-movies li div:nth-of-type(2) { font-family: open sans,sans-serif; font-size: 13px; font-weight:700; color: #00ee0a; margin-bottom: 15px } #latest-dubbed ul li { float: right } #latest-dubbed ul li img { border: 5px solid #fff; width: 85px; margin: 2px 3px 5px 0; border-radius: 4px; box-shadow: 0 0 0 1px #e6e6e6 } #latest-dubbed ul li:nth-child(3n) img { margin-left: 0 } #stats-block { background: url(../images/stats.png) right 13px center no-repeat, linear-gradient(to bottom, #67baff, #5bb0ff) } #news-block .block-title { background: linear-gradient(to bottom, #67baff, #5bb0ff) } #news-block .block-content img { width: 280px; height: 145px; border: 7px solid #fff; border-radius: 7px; box-shadow: 0 0 0 1px #e6e6e6, 0 1px 5px rgba(0,0,0,0.15); margin-bottom: 20px } #news-block .block-content h5 { font-size: 14px; line-height: 1.4; color: #ccc; font-weight: 700; text-decoration:none; } #news-block .block-content #news-info { height: 40px; line-height: 50px; border-bottom: dotted 1px #dadada; margin-bottom: 15px } #news-block .block-content #news-info span { color: #a1a5af; margin-left: 20px } #news-block .block-content p { color: #aaa; font-family: Open Sans , sans-serif; line-height: 20px } #news-block .block-content a#news-link { color: #77c459; float: left; font-weight: 700; font-size: 13px; text-decoration: none; line-height: 60px; cursor: pointer } #news-block li { list-style-image: url(/assets/images/news-list.png); margin-left: 10px; margin-bottom: 10px } #news-block li a { text-decoration: none; font-size: 13px; color: #ccc; font-family: Open Sans , sans-serif; font-weight: 500; line-height: 20px } #news-block li .news-info { color: #a1a5af; font-family: open sans,sans-serif; line-height: 40px; } .block-content .content-archive-btn { height:40px; line-height:40px; width:250px; display:block; margin: 0 auto; font-family: Open Sans , sans-serif; font-size:14px; font-weight:700; color:#ccc; border-radius:3px; box-sizing: border-box; border:1px solid #4e4e4e; letter-spacing: -.5px; text-align:center; } .block-content .content-archive-btn:hover { background: #222; } #reviews-block li img { width: 75px; height: 105px; float: right; margin: 1px 1px 10px 15px; padding: 5px; border: 3px solid #494e50; border-radius: 4px; } #reviews-block li a { text-decoration: none } #reviews-block li h5 { padding-top: 10px; font-weight: 700; font-size: 14px; margin-bottom: 15px; color: #ccc } #reviews-block li .review-author { color: #f99d1c; font-family: Open Sans , sans-serif; font-weight:700; } #m-genres-block .block-content, #s-genres-block .block-content { max-height: none } #m-genres-block li a, #s-genres-block li a { text-decoration: none; color: #ccc; background: url(/assets/images/arrow2.png) no-repeat left 5px center; padding: 5px 18px; box-sizing: border-box; font-size:11.5px; font-weight:700; } @-moz-document url-prefix() { #m-genres-block li a, #s-genres-block li a { white-space: nowrap; } } #m-genres-block li a:hover, #s-genres-block li a:hover { color: #ccc; border-radius: 3px; background: url(/assets/images/arrow2-active.png) no-repeat left 6px center, #222 } #m-genres-block li, #s-genres-block li { display: inline-block; width: 33%; line-height: 40px } #m-genres-block ul, #s-genres-block ul { margin-bottom: 20px } #m-genres-block .block-title { background: linear-gradient(to bottom, #67baff, #5bb0ff) } #s-genres-block .block-title { background: linear-gradient(to bottom, #67baff, #5bb0ff) } a.cat-btn { text-decoration: none; margin-bottom: 8px } .cat-btn span img { vertical-align: middle } .cat-btn span { display: inline-block; text-align: center; width: 45px; margin-right: 10px; border-right: 1px solid rgba(255, 255, 255, .1); box-shadow: 1px 0 0 0 rgba(0, 0, 0, .1) } #m-genres-block .cat-btn, #s-genres-block .cat-btn { display: block; width: 100%; height: 43px; line-height: 42px; color: #fff; font-weight: 700; border-radius: 5px; font-size: 14px } .cat-btn#btn-250-movie, .cat-btn#btn-mini-serial { background-color: #4e8bd9; border: 1px solid #427dc8 } .cat-btn#btn-new-movie { background-color: #FF9800; border: 1px solid #953f24 } .cat-btn#btn-hd-movie { background-color: #967ed9; border: 1px solid #7855c9 } .cat-btn#btn-3d-movie, .cat-btn#btn-dubbed-serial { background-color: #e75844; border: 1px solid #c60000 } .cat-btn#btn-suggested-movie { background-color: #d94656; border: 1px solid #cc3c4c } .cat-btn#btn-men-actor { background-color: #d870ad; border: 1px solid #c4579a; } .cat-btn#btn-suggested-serial, .cat-btn#btn-women-actor { background-color: #8ec059; border: 1px solid #6d9a3e } .cat-btn#btn-directors { background-color: #3fbc9c; border: 1px solid #32a889 } .cat-btn#btn-oscar { background-color: #f5ba4f; border: 1px solid #e2a73d } .cat-btn#btn-golden-globe { background-color: #42afd8; border: 1px solid #3998bc } .cat-btn#btn-anime { background-color: #434a54; border: 1px solid #434a54 } .cat-btn#btn-bafta { background-color: #c60000; border: 1px solid #851616 } .cat-btn#btn-collections { background-color: #aab2bd; border: 1px solid #949da9 } #stats div { padding: 5px 50px 5px 0; } #stats div p { font-size: 14px; font-family: Open Sans , sans-serif; font-weight: 800; color: #838383; display:inline-block; line-height: 40px } #stats div span { font-size: 18px; font-family: Open Sans , sans-serif; font-weight: 700; color: #63b7ff } #stats #movie-stat { background: url(/assets/images/title-icon.png) center right no-repeat } #stats #serial-stat { background: url(/assets/images/title-icon-serial.png) center right no-repeat } #stats #user-stat { background: url(/assets/images/users-stats.png) center right no-repeat } #stats #dubbed-stat { background: url(/assets/images/dubbed-stats.png) center right 2px no-repeat } .follow-actor { display: block; line-height: 40px; border: 1px solid #3e3e3e; width: 100%; text-align: center; font-family: Open Sans , sans-serif; color: #aaa; font-weight:700; font-size: 17px; border-radius: 4px; text-decoration: none; background: url(/assets/images/follow.png) center left 7px no-repeat, #252525 } #biography h2 { border-bottom: 1px solid #515151; background-color: #2e3132; height: 60px; line-height: 60px; color: #ccc; padding: 0 20px; box-shadow: inset 0 -2px 2px 0 rgba(27, 27, 27, 0.92); font-family: open sans,sans-serif; font-weight: 700; font-size: 18px; } #biography #data { background-color: #2e3132; padding: 30px 15px } #biography #side { float: right; width: 136px } #biography #side img { width: 100%; height: auto; border: 7px solid #494e50; border-radius: 4px; margin-bottom: 10px } #biography #side #followers { margin-top: 10px; line-height: 42px; font-family: open sans,sans-serif; font-weight: 700; font-size: 17px; background-color: #52a9ff; box-shadow: inset 0 0 3px 5px rgba(78, 150, 255, .5); border: 1px solid #4e96ff; border-radius: 4px; text-align: center; color: #fff } #biography #info { float: left; text-align: left; width: 450px; line-height: 40px } #biography #info h1 { font-family: Open Sans , sans-serif; font-size: 17px; font-weight:700; color: #ccc; padding-bottom: 10px; margin-bottom: 10px; position:relative; } #biography #info h1:after { background:url(../images/profile-sep.png); background-repeat:repeat-x; content:''; position:absolute; height:7px; width:100%; bottom:-5px; right:0; } #biography #info #birthday { font-family: Open Sans , sans-serif; font-size: 12px; font-weight: 700; color: #aaa } #biography #info #birthday span { direction: ltr; font-family: open sans,sans-serif; font-weight:700; margin-right: 10px; font-size: 12px; color: #aaa } #biography #info #actor-stats #imdb-actor img { border-radius: 3px; box-shadow: 0 0 0 1px #cad2d9 } #biography #info #actor-stats i { background: #3e3e3e; margin-right: 10px; font-size: 14px; line-height: 35px; padding: 0 13px; color:#ccc; border-radius: 0 3px 3px 0; border-right: 1px solid #3e3e3e; } #biography #info #actor-stats #movies-count, #biography #info #actor-stats #serials-count { background-color: #252525; font-size: 12px; height: 35px; line-height: 35px; border-radius: 3px; font-weight: 500; color:#aaa; text-shadow: 0 0.1px 0; padding: 0 10px 0 0; box-shadow: 0 0 0 1px #3e3e3e; } #biography #info #actor-stats div { display: inline-block; float: left; margin-right: 10px; line-height: 38px } #biography #actor-awards ul { display: inline-block; width: 47.666666%; float: left; font-size: 12px; background-color: #252525; border-radius: 3px; padding: 5px 10px 10px; box-sizing: border-box; line-height: 25px; box-shadow: 0 0 0 1px #3e3e3e, 0 1px 2px rgba(0,0,0,0.13); } #biography #actor-awards ul li { text-shadow:0 .1px 0; color:#aaa; } #biography #actor-awards #nominated { margin-right: 23px } #biography #actor-awards h5 { margin-bottom: 10px; color: #52a9ff; font-weight: 700; font-size: 12px; padding: 5px 0; border-bottom: 1px solid #3e3e3e; text-shadow: 0 0.5px 0; } #actor-tabs { border-bottom: 1px solid #3e3e3e; border-top:1px solid #3e3e3e; } #biography-tab { padding: 40px 15px; font-size: 13px; font-family: Open Sans , sans-serif; color:#888; } #biography-tab hr { margin-top: 30px; border: 1px solid #101212 } #biography-tab #source { bottom: 60px; left: 0; background-color: #222; border: 1px solid #3e3e3e; border-radius: 15px; float:left; padding: 0 25px; color: #b2b9bf } #biography-tab #source a { text-decoration: none; color: #499fff } #biography-tab div#bio { line-height: 30px } #actor-tabs li { display: inline-block; float: left; height: 55px; line-height: 55px; padding: 0 20px; color:#888; font-size: 14px; border: 1px solid transparent; font-weight:700; cursor: pointer } #actor-tabs li i { margin-right: 10px; font-size:16px; } #actor-tabs li i { color:#bdc3c7; } #actor-tabs li:hover i, #actor-tabs li.active i { color:#fff; } #actor-tabs li.active, #actor-tabs li:hover { height: 55px; background-color: #f99d1c; color: #fff; border: 1px solid #ab8044; box-shadow: inset 0 -2px 0 0 #ca811a; } .hidden { display: none } #tags { vertical-align: middle; line-height: 45px; min-height: 45px; margin: 5px 20px; background-color: #eceef6; border: 1px solid #bec2c8; border-radius: 3px; font-size: 12px; box-shadow: inset 0 0 10px 0 rgba(42, 42, 42, .3); color: #848a97; font-weight: bolder } #tags i { vertical-align: middle; font-size: 20px; padding-right: 10px; padding-left: 5px } #tags span { margin-left: 10px } #tags a { color: #4851b9; text-decoration: none; margin-left: 10px; border: 1px solid #c7c7c7; font-size: 10px; font-weight: 400; padding: 6px 10px; background-color: #fff; border-radius: 5px; box-shadow: inset 0 -2px 0 0 #efefec } #all-rates { color:#7991ad; } #ratings { border: 2px solid #373939; background-color:#151515; margin: 30px 0; border-radius: 5px; color: #aaa; padding: 40px 20px; height: auto } #ratings h3 { margin: 10px 60px 20px 0; line-height: 20px } #ratings h3 span { font-size: 14px; font-weight: 700; text-shadow: 0 0.6px 0; } #ratings h3 small { font-size: 12px; text-shadow: 0 0.4px 0; } #ratings .fa-title { float: left; font-size: 55px; position:relative; right:5px; } #ratings #all-rates .rate-box { border: 2px solid #555; background: #333; color:#aaa; border-radius: 5px; padding: 20px 10px; margin-bottom: 20px } #ratings #all-rates .rate-box i { font-size: 25px; vertical-align: middle; margin-left: 5px } #ratings #all-rates .rate-box h5 { font-size: 13.5px; font-weight: 700 } #ratings #all-rates .rate-box span { float: right; font-size: 35px; margin: 5px 5px } #ratings #all-rates .rate-box small { font-size: 12px; font-family: Open Sans , sans-serif; margin-bottom: 10px } #ratings #all-rates .rate-box .progress { margin-top: 15px; height: 14px; border-radius: 15px; border: 2px solid #373738; background: #222; box-shadow: inset 0 0 10px 1px #111; clear:both; } #ratings #all-rates .rate-box .progress-bar { height: 10px; border: 2px solid #f99d1c; box-shadow: inset 0 0 10px 1px #ff5200; border-radius: 15px } #ratings #rate-it .rate-box i { font-size:18px; vertical-align: middle; margin-right: 5px } #ratings #rate-it .rate-box { font-size: 11px; margin-bottom: 10px; color:#aaa; padding: 10px; border: 2px solid #3e3e3e; background: #333; border-radius: 5px; } #ratings #rate-it .rate-box h5 { font-weight:700; font-size:14px; } #ratings #rate-it .rate-box div { height:25px; line-height:25px; float: right; border-radius:3px; border:1px solid #555; } #ratings #rate-it input { background: #222; height: 24px; width: 30px!important; border-right: 1px solid #555; border-left: 1px solid #555; border-top: none; position: relative; top: -2px; border-bottom: none; outline: none; color: #aaa; padding: 0 5px; text-align: center; font-weight: 700; } #ratings #rate-it button { height:25px; background:none; outline:none; border:0px none; color:#aaa; width:15px; cursor:pointer; } #ratings #rate-it button > i { margin:0!important; padding:0!important; text-align:center!important; } #ratings #rate-it button > i.fa-minus { position:relative; right:4px; bottom:4px; } #ratings #rate-it button > i.fa-plus { position:relative; left:0; bottom:4px; } #ratings #submit { float: right; } #ratings #submit button { font-family: Open Sans , sans-serif; color: #fff; background-color: #f99d1c; border: 1px solid #f99d1c; border-radius: 5px; box-shadow: inset 0 -2px 0 0 #f99d1c, inset 0 1px 0 0 #ffe7c5; width: 150px; height: 40px; font-weight:700; cursor: pointer } .postfix i, .prefix i { font-size: 10px !important; vertical-align: middle } .postfix i { padding-right: 5px } .postfix, .prefix { height: 20px; width: 10px } .toast { font-family: Open Sans , sans-serif; line-height: 20px; font-size: 12px } .toast-title { font-size: 14px; margin-bottom: 10px } .toast-message { font-weight: 400 } #suggested { margin: 20px 0; border: 2px solid #373939; border-radius: 5px; background-color: #151515; height: auto; padding: 25px 15px; color: #aaa; overflow: hidden } #suggested h3 { border-bottom: 2px solid #373939; font-family: Open Sans , sans-serif; font-weight:700; font-size:18px; padding:12px; } #suggested .post { display: inline-block; position: relative } #suggested .post p { margin-top: 10px; font-family: Open Sans , sans-serif; font-weight:700; font-size:14px; color:#aaa; text-align: center } #suggested .post:hover p { color:#f99d1c; } #suggested .post img { width: 100%; height: auto; border: 7px solid #2d3138; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0,0.20); } #suggested .post:hover img { border: 7px solid #f99d1c } #suggested .post:last-child { margin-left: 0 } .ribbon { position: absolute; right: 12px; top: -5px; z-index: 1; overflow: hidden; width: 100px; height: 100px; text-align: right } .ribbon span { font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; text-align: center; line-height: 30px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 125px; display: block; background: #79a70a; background: linear-gradient(#ffc51f 0, #ffa701 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 19px; right: -30px } .ribbon span::before { content: ""; position: absolute; left: 0; top: 100%; z-index: -1; border-left: 3px solid #ffa701; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #ffa701 } .ribbon span::after { content: ""; position: absolute; right: 0; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #ffa701; border-bottom: 3px solid transparent; border-top: 3px solid #ffa701 } #comments { margin: 50px 0; border-radius: 5px; color: #bbc3cf } #comments h3 { margin: 10px 0 20px 70px; line-height: 20px } #comments #comments-title { border-bottom: 1px solid #3e3e3e } #comments h3 span { color: #ccc; font-size: 15px; font-weight: 700; text-shadow: 0 0.4px 0; } #comments h3 small { color: #ccc; font-size: 12px; text-shadow: 0 0.4px 0; } #comments .fa-title { float: left; font-size: 60px } #comments h4 { margin: 30px 0; font-size: 14px; color: #aaa; font-weight: 700; border-bottom: 1px solid #3e3e3e; padding-bottom: 20px } #comments textarea { width: 100%; font-family: Open Sans , sans-serif; height: 150px; background-color: #f5f5f5; border-radius: 5px; border: 1px solid #dbdee2; padding: 10px; box-shadow: inset 0 0 10px 2px #dfe2e7 } #comments button#submit-comment { font-family: open sans,sans-serif; color: #fff; background-color: #f99d1c; border: 1px solid #f99d1c; border-radius: 5px; box-shadow: inset 0 -2px 0 0 #f99d1c, inset 0 1px 0 0 #ffe7c5; width: 165px; height: 40px; margin: 10px 0; float: left; cursor: pointer; } #comments #comments-list { margin-top: 50px } .comment { margin-bottom: 20px } .comment .avatar { width: 100px } .comment .avatar img { width: 100%; height: auto; border: 8px solid #494e50; border-radius: 7px; } .comment .cm-body .info p a { font-family: "Open Sans"; font-weight: 700; font-size: 16px; color: #ccc; margin-bottom: 5px; text-decoration: none } .comment .cm-body .info span { font-family: "Open Sans"; font-size: 11px; padding:3px; color: #bcbcbc } .comment .cm-body .info { margin-bottom: 20px; float: left; padding: 20px 0 0 10px; margin: 0 0 15px 10px; } .comment .cm-body .actions { float: right; padding: 20px 20px 0 0 } .comment .cm-body .actions .btn-like { display: inline-block; width: 100px; height: 31px; line-height: 30px; background-color: #252525; border: 1px solid #3e3e3e; border-radius: 3px; color:#aaa; font-size: 14px; cursor: pointer } .comment .cm-body .actions .btn-like i { font-size: 18px; position: relative; top: 2px; font-weight: 700; } .comment .cm-body .actions .btn-like .like { display: inline-block; width: 45px; text-align: center; border-left: 1px solid #3e3e3e; padding-left: 5px; } .comment .cm-body .actions .btn-like .dislike span, .comment .cm-body .actions .btn-like .like span { font-weight:700; } .comment .cm-body .actions .btn-like .like.active i, .comment .cm-body .actions .btn-like .like:hover i { color: #8ec059 } .comment .cm-body .actions .btn-like .dislike { display: inline-block; width: 44px; text-align: center; } .comment .cm-body .actions .btn-like .dislike.active i, .comment .cm-body .actions .btn-like .dislike:hover i { color: #e75844 } .comment .cm-body { background-color:#252525; border: 1px solid #3e3e3e; border-radius: 7px; min-height: 115px; position:relative; } .comment .cm-body:before { content:''; left: -13px; top:10%; position:absolute; width: 0; height: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-right: 13px solid #222; } .comment .cm-body .comment-body { white-space: pre-line; font-family: Open Sans , sans-serif; font-size: 14px; color: #aaa; line-height: 25px; padding: 0 20px; margin-bottom: 20px } .comment .comment-rate { background-color: #252525; border-top: 1px solid #3e3e3e; border-radius:0 0 5px 5px; margin: 0 0 15px 0; } .comment .comment-rate .rate-box { height: 32px; background-color: #252525; margin: 5px 0; border: 1px solid #3e3e3e; border-radius: 4px; line-height: 32px; font-weight: 700; font-size: 12px } .comment .reply .comment-rate .rate-box { width: 180px } .comment .comment-rate .rate-box .score { display: inline-block; width: 45px; float: right; text-align: center; color: #f99d1c; margin-right: 5px } .comment .reply .comment-rate .rate-box .score { width: 30px } .comment .comment-rate .rate-box .title { display: inline-block; width: 180px; line-height:30px; float: left; border: 1px solid #3e3e3e; border-radius: 4px; margin: -1px -1px; padding-left: 5px; color: #aaa; background: linear-gradient(#111 0, #252525 100%) } .reply { margin-right: 35px!important; margin-top: 20px } .reply .cm-body { border: 3px solid #f7c51e; position:relative; } .reply .cm-body:before { background-repeat: no-repeat; content:''; left: -9px; top:10%; position:absolute; width: 9px; height: 12px; } .comment .btn-reply { font-family: open sans,sans-serif; color: #fff; background-color: #f99d1c; border: 1px solid #f99d1c; border-radius: 5px; box-shadow: inset 0 -2px 0 0 #f99d1c, inset 0 1px 0 0 #ffe7c5; margin-top: 15px; width: 90px; height: 30px; cursor: pointer } .comment .btn-reply i { margin-right: 10px; vertical-align: middle } .comment .btn-report-comment { font-family: Open Sans , sans-serif; font-size: 11px; color: #fc5457; background-color: #fff; border: 1px solid #cad2d9; border-radius: 5px; box-shadow: inset -1px -1px 10px 0 #e8ebef; height: 30px; line-height: 29px; width: 90px; cursor: pointer } #account h1 { overflow: hidden } #account h1 span { float: left } .btn-link { text-align: center; float: left; height: 30px; line-height: 30px; width: 160px; border-radius: 5px; font-family: Open Sans , sans-serif; font-size: 12px; color: #fff; cursor: pointer; text-decoration: none; vertical-align:middle; } .btn-link.purple { background-color:#5a6075; border:1px solid #535869; text-align: center; float: left; height: 30px; line-height: 30px; width: 180px; border-radius: 5px; font-family: Open Sans , sans-serif; font-size: 12px; color: #fff; cursor: pointer; text-decoration: none; vertical-align:middle; } .btn-link.purple i { font-size: 16px; vertical-align: middle; float: right; line-height: 30px; padding: 0 10px; border-left:1px solid #535869; } .btn-link i { font-size: 16px; vertical-align: middle; float: right; line-height: 30px; padding: 0 10px } .btn-link.red { background-color: #dc433a; border: 1px solid #d62b1c } .btn-link.red i { border-left: 1px solid #d62b1c } .btn-link.blue { background-color: #5075ce; border: 1px solid #4567bf } .btn-link.blue i { border-left: 1px solid #4567bf } .btn-link.green { background-color: #5bb85d; border: 1px solid #4eac4b } .btn-link.green i { border-left: 1px solid #4eac4b } #account #account-top { overflow: hidden; padding-bottom: 10px; border-bottom: 3px solid #e8e9f2 } #account #account-top #avatar { float: left } #account #account-top #avatar img { width: 90px; height: 90px; border-radius: 50%; border: 5px solid #e5ecf0 } #account-top #links .btn-sm { font-size:14px; padding:9px;} #account #account-top #avatar div { color: #ccc; font-size: 12px; margin: 0 20px; line-height: 30px } #account #account-top #avatar div p:last-child { font-family: Open Sans , sans-serif; font-weight:700; font-size: 18px; color: #aaa } #account #account-top #avatar div p:last-child i { vertical-align: middle; font-size: 22px } #account #account-top #links { position: absolute; height: auto; width:260px; right: 30px } #account .settings { margin-top: 30px } #account .settings .setting-box { position: relative; background-color:#222; color:#aaa; border: 1px solid #3e3e3e; } #account .settings .setting-box:last-child { margin-left: 0 } #account .settings .setting-box h2 { padding: 12px 15px; font-size: 13px; font-family: Open Sans , sans-serif; color: #fff; font-weight: 700; } #user-form { float: right } #user-form label { display: block; color: #aaa; font-weight: 700 } #user-form label i { font-size: 16px; vertical-align: middle; margin: 0 5px } #account input[type="text"], #account input[type="password"], #account input[type="email"] { box-shadow: inset 0 0 10px 1px #dae0eb; font-weight:700; font-size:13px; font-family: Open Sans , sans-serif; direction:ltr; } #account #avatar-content { font-size: 12px; border-bottom: 3px solid #e8e9f2; padding-bottom: 20px } #account #avatar-note { margin-top: 15px; font-size: 12px; line-height: 25px } #account #avatar-note strong { color: #da5551; font-weight: 700 } #avatar-content .inputfile + .file-div { margin-top: 15px; display: block; height: 60px; line-height: 60px; border-radius: 3px; background-color: #222; border: 1px solid #3e3e3e; color: #ccc; padding: 0 10px } #avatar-content .inputfile + .file-div label { float: left; text-align: center; color: #fff; display: inline-block; padding:0 10px; height: 40px; line-height: 40px; margin-top: 10px; background-color: #3ec1da; font-weight: 700; font-size: 12px; border: 1px solid #2da5bc; border-radius: 3px } #avatar-content .inputfile + .file-div img { float: right; width: 40px; height: 40px; margin: 10px 0 0 10px } #account .inputfile + .file-div span { float: right } .file-div span#up-success { color: green; font-weight: 700 } .file-div span#up-error { color: red; font-weight: 700 } #user-form h2 { background: linear-gradient(rgba(107, 187, 252, 1) 0, rgba(95, 178, 252, 1) 100%); border: 1px solid #5298fc; border-bottom:none; } #user-form button { cursor: pointer; } #vip-form { float: right } #vip-form h2 { background: linear-gradient(#e54d42 0, #e1443a 100%); border: 1px solid #d1362d; border-bottom:0 none; } #vip-form.yellow-box h2 { background: linear-gradient(#ffc107 0, #ecbe33 100%); box-shadow: 0 0 2px 0 #ffc107; border: 1px solid #ffc107; border-bottom:0 none; } #vip-form.yellow-box #profile-plans button { background-color: #ffc107; border-color: #ffc107; cursor: pointer; } #vip-form.yellow-box #profile-plans button:active, #vip-form.yellow-box #profile-plans button:hover { background-color: #e0a800 !important; } #vip-form.yellow-box #profile-plans button:focus { box-shadow:0 0 0 3px #ffe083 !important; } #user-invite { float: right } #user-invite h2 { background: linear-gradient(#bdc6cf 0, #b3bdc7 100%); border: 1px solid #a7b3be; border-bottom:none; } #user-invite p { margin-bottom: 15px; font-family: Open Sans , sans-serif; line-height:1.6; color: #aaa; text-shadow:0 .2px 0; } #account .settings .setting-box .s-content { padding: 20px; font-size: 12px; line-height: 20px; font-family: Open Sans , sans-serif; color: #2f2f2f; text-align: justify } .angucomplete-holder { position: relative; font-family: Open Sans , sans-serif; font-size: 16px; line-height: 20px } .angucomplete-dropdown { border: 2px solid #d5d8dd; border-radius: 5px; width: 273px; padding: 6px; cursor: pointer; z-index: 9999; position: absolute; top: 60px; margin-top: -6px; background-color: #fff } .angucomplete-searching { color: #acacac; font-size: 14px } .angucomplete-description { font-size: 14px } .angucomplete-row { min-width: 86px; min-height: 76px; color: #000; display: inline-block; clear: both; text-align: center; } .angucomplete-image-holder { margin: 10px 10px 0 0; } .angucomplete-image { width: 65px; padding:6px; border-radius:4px; box-shadow: 0 0 0 1px #e6e6e6, 0 1px 5px rgba(0,0,0,0.15); } .angucomplete-title { width: 76px; font-size: 13px; font-family: open sans,sans-serif; font-weight: 500; white-space: nowrap; direction: ltr; overflow: hidden; text-align: center; text-overflow: ellipsis; } .angucomplete-image-default { background-position: center; background-size: contain; height: 34px; width: 34px } .content-divider { margin: 0 20px; border: 1px solid #3e3e3e } #collections h2 { border-bottom: 1px solid #515151; background-color: #2e3132; height: 60px; line-height: 60px; padding: 0 20px; box-shadow: inset 0 -2px 2px 0 rgba(27, 27, 27, 0.92); color: #ccc; font-family: open sans,sans-serif; font-weight: 700; font-size: 21px; text-shadow: 0 0.6px 0; } #collections .item { float: right; display: inline-block; width: 32.333333%; margin: 10px .333333%; text-align: center; font-size: 12px; color: #4a5054; } #collections .item img { border: 5px solid #494e50; width: 160px; height: 240px; box-shadow: /* The layer shadow */ 0 0 0 1px rgba(0,0,0,0.15), /* The top layer shadow */ 0 1px 1px rgba(0,0,0,0.15), /* The second layer */ 0 10px 0 -5px #404e50, /* The second layer shadow */ 0 10px 1px -4px rgba(0,0,0,0.15), /* The third layer */ 0 20px 0 -10px #404e50, /* The third layer shadow */ 0 20px 1px -9px rgba(0,0,0,0.15); /* Padding for demo purposes */ } #collections .item span { display: block; margin-top: 15px; font-size: 15px; color:#aaa; font-weight: 700 } #collections .item small { display: block; margin-top: 10px } #collections .item a { color: #4a5054; text-decoration: none } #collections #data { margin: 15px 0 } #collection-cover { position: relative; height: 280px; border: 1px solid #d6d8de; margin: 0 0 20px 0 } #collection-cover img { height: 280px; width: 100% } #collection-cover h1 { width: 100%; bottom: -2px; color: #fff; position: absolute; margin: 0; font-weight: 700; font-size: 19px; padding: 15px; background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, .8)); border-top: 1px solid rgba(255, 255, 255, .4); } #people h2 { border-bottom: 1px solid #515151; background-color: #2e3132; height: 60px; line-height: 60px; padding: 0 20px; box-shadow: inset 0 -2px 2px 0 rgba(27, 27, 27, 0.92); color: #ccc; font-family: open sans,sans-serif; font-weight: 700; font-size: 21px; text-shadow: 0 0.6px 0; } #people .item { position: relative; float: left; display: inline-block; width: 150px; height: 275px; margin: 10px 17px; text-align: center; font-size: 12px; color: #2b2f32 } #people .item img { border: 7px solid #494e50; border-radius: 4px; width: 155px; max-height: 100% } #people .item span { display: block; margin-top: 15px; font-size: 15px; font-weight: 700 } #people .item button { position: absolute; margin-top: 20px; width: 130px; height: 35px; bottom: 0; right: 0; background: #252525; border: 1px solid #3e3e3e; border-radius: 4px; color: #aaa; font-family: open sans,sans-serif; font-weight: 700; cursor: pointer; background: url(/assets/images/follow-person.png) no-repeat left 10px top 8px } #people .item button.active, #people .item button:hover { border: 1px solid #f99d1c; background: url(/assets/images/follow-person-active.png) top 8px left 10px, #f99d1c; background-repeat: no-repeat; border-radius: 5px; box-shadow: inset 0 -2px 0 0 #f99d1c, inset 0 1px 0 0 #ffe7c5; color: #fff } #people .item a { color: #aaa; text-decoration: none } #people #data { margin: 15px 0 } #people #tabs { height: 62px; line-height: 60px; background-color: #252525; display:flex; text-align: left; font-size: 12px; margin:2px 0 0 0; } #people #tabs li { display: inline-block; float:right; flex:1; width: 120px; padding:0 10px; border: 1px solid transparent; text-align: center } #people #tabs li.active, #people #tabs li:hover { background-color: #f99d1c; } #people #tabs li.active a, #people #tabs li:hover a { color: #fff } #people #tabs li a { color: #aaa; text-decoration: none; font-weight: 700; height: 60px; width: 120px; display: inline-block } #people #tabs li a i { font-size: 25px; vertical-align: middle; margin-left: 10px } #top250 h2 { border-bottom: 1px solid #515151; background-color: #2e3132; height: 60px; line-height: 60px; padding: 0 20px; box-shadow: inset 0 -2px 2px 0 rgba(27, 27, 27, 0.92); color: #ccc; font-family: open sans,sans-serif; font-weight: 700; font-size: 21px; text-shadow: 0 0.6px 0; } #top250 .item .post-content { float: left; margin-top: 15px; font-size: 12px } #top250 .item .post-content .post-title { margin-bottom: 5px } #top250 .item .post-content .post-title h3 { float: right; width: 330px; font-size: 14px; direction: ltr; text-align: right; font-weight: 700 } #top250 .item .post-content .post-title h3 a { color: #ccc; text-decoration: none } #top250 .item .post-content .post-title h3 a:hover { color: #f99d1c } #top250 .item .post-content .post-title span { display: inline-block; text-align: center; background-color: #52a9ff; font-weight: 600; width: 40px; position: absolute; font-family: Open Sans , sans-serif; color: #fff; font-size:14px; left: 15px; border-radius: 3px; box-shadow: inset 0 1px 8px #3c7ede; } #top250 .item .post-content p { text-align: justify; font-family: open sans,sans-serif; font-size: 11.5px; color:#aaa; margin-top: 20px; line-height: 2; margin-bottom: 20px } #top250 .item .post-side { float: right; width: 220px; margin-top: 15px; margin-right: 15px } #top250 { padding-bottom: 20px } #reviews h2 { border-bottom: 1px solid #515151; background-color: #2e3132; height: 60px; line-height: 60px; padding: 0 20px; box-shadow: inset 0 -2px 2px 0 rgba(27, 27, 27, 0.92); color:#ccc; font-family: open sans,sans-serif; font-weight: 700; font-size:21px; text-shadow: 0 0.6px 0; } #reviews .item .post-content { float: left; margin-top: 15px; color:#aaa; font-size: 12px } #reviews .item .post-content .post-title { line-height: 30px; margin-bottom: 5px } #reviews .item .post-content .post-title h3 { float: left; font-size: 15px; direction: ltr; font-weight: 700 } #reviews .item .post-content .post-title h3 a { color: #ccc; text-decoration: none } #reviews .item .post-content .post-title h3 a:hover { color: #f99d1c } #reviews .item .post-content .post-title span { display: inline-block; font-family: open sans,sans-serif; font-size: 11px; font-weight:700; color: #bdbdbd } #reviews .item span.genres a, #reviews .item table a { text-decoration: none; color: #f99d1c } #reviews .item span.genres a:hover, #reviews .item table a:hover { color: #f9631c } #reviews .item .post-content .post-title span.genres { float: left; font-weight: 700; color: #aaa } #reviews .item table { width: 100%; font-weight: 700; } #reviews .item table .score { width: 150px } #reviews .item table .translator span { color: #bd3b3e } #reviews .item table .score span { color: #f99d1c } #reviews .item .post-side img { float: right; width: 100%; height: auto; margin-top: 15px; } #reviews { padding-bottom: 20px } #pagination { line-height: 50px; height: 50px; padding: 0 10px; margin: 0 0 15px 0; font-size: 12px } #pagination ul { display: table; margin: 0 auto; width: 100% } #pagination ul li { display: table-cell; width: 25px; font-size: 15px; font-weight: 700; color:#aaa; text-align: center; cursor: pointer } #pagination ul li.next { font-size: 12px; width: 70px !important } #pagination ul li.prev { font-size: 12px; width: 70px !important } #pagination ul li.active, #pagination ul li:hover { border-top: 3px solid #f99d1c; color: #f99d1c; line-height: 44px } #float-search-box { direction: rtl; padding: 10px; position: absolute; background-color: #252525; top: 100%; right: 0; box-sizing: border-box; width: 100%; border: 1px solid #3e3e3e; z-index: 10; display:none; } #float-search-box div ul { max-height: 280px; overflow-y: scroll } #float-search-box .actors ul { max-height: 400px; overflow-y: scroll } #float-search-box div a { text-decoration: none; line-height: 30px; font-size: 12px; color: #aaa } #float-search-box div a img { margin: 1px 1px 1px 18px; display: inline-block; float: right; width: 75px; position:relative; height: 110px; border: 10px solid #494e50; border-radius: 4px; } #float-search-box div a:hover img { border: 10px solid #f99d1c; } #float-search-box ul li a div { font-weight: bold; font-family: Open Sans , sans-serif; } #float-search-box ul li a span { direction: ltr; font-family:arial; font-weight:700; font-size:11.2px; } #float-search-box ul li div.title { font-weight: 700; direction: ltr; font-size:13px; } #float-search-box ul li div.last-episode { color: #f99d1c; font-family: Open Sans , sans-serif; } #float-search-box div h4 i { color: #aaa; margin-left: 5px } #float-search-box div h4 { font-size: 14px; line-height: 40px; font-weight:700; color:#ccc; font-family: Open Sans , sans-serif; margin-bottom: 20px; position:relative; } #float-search-box div h4:after { background:url(../images/search_box_divider.png); background-repeat:repeat-x; content:''; position:absolute; height:7px; width:100%; bottom:-5px; right:0; } #float-search-box div.actors ul { margin-right: 0 } #float-search-box div.actors li { display: inline-block; width:25%; float: right } #float-search-box div.actors li img { width: 100px; height: 140px } #float-search-box div.actors li div { text-align: center } #float-search-box ul li { margin-bottom: 10px; padding-left:10px; } #notification i { position: relative; } #notification i span { position: absolute; top: -5px; right: -8px; width: 18px; height: 18px; font-style: normal; display: flex; align-items: center; justify-content: center; background: #ff2020; border-radius: 50%; font-size: 12px; } #notification-box { direction: ltr; position: absolute; background-color: #252525; top: 100%; color:#eee; font-family: Open Sans, sans-serif; right: 0; width: 450px; border: 1px solid #3e3e3e; z-index: 10; font-size: 12px; display: none } #notification-box li:not(:last-of-type) { border-bottom:2px dotted #666; } #notification-box .notif-wrapper { padding: 10px; } #notification-box .notif-unread .notif-wrapper { background-color: #ff00001a; } .notif-wrapper .notif-img { float: left; margin: 0 10px 0 0; border: 10px solid #343a40; border-radius: 4px; box-shadow: 0 0 0 1px #113a40; } .notif-wrapper:hover .notif-img { border: 10px solid orange; } .notif-wrapper .notif-info { text-align: left; font-weight: 600; color:#888; } .notif-wrapper .quality { cursor: pointer; } .notif-wrapper .notif-info > h5 { font-size:15px; font-weight:700; } .notif-wrapper .notif-info > span { font-size: 13px } .notif-wrapper .notif-info > p { font-size: 11px } @media all and (min-width:481px) and (max-width:768px) { .notif-wrapper .notif-info > h5 { font-size:21px; } .notif-wrapper .notif-info .serial-last, .notif-wrapper .notif-info > span { font-size: 16px; } .notif-wrapper .notif-info > p { font-size: 15px; } .notif-wrapper .quality { font-size: 13px; } #notification i span { top: -8px; right: -12px; width: 25px; height: 25px; font-size: 19px; } } #air-plan-serials li img { width: 75px; height: 105px; float: right; margin: 1px 1px 10px 15px; padding: 5px; border: 3px solid #494e50; border-radius: 4px; } #air-plan-serials li h5 a { font-family: Arial; font-weight: 700; font-size: 14px; margin-bottom: 15px; color: #ccc; text-decoration: none } #air-plan-serials li h5 a:hover { color: #f99d1c } #air-plan-serials li div { font-family: open sans,sans-serif; font-weight:700; font-size: 12px; color: #aaa; margin-top: 15px } #air-plan-serials li div:nth-child(1) { font-weight:300!important; } #followed-people, #followed-serials { padding: 0 30px 30px; } #followed-serials h3 { color: #1c8dff; font-weight: 700; font-size: 14px; line-height: 50px; margin-right: 5px } #followed-serials .fbox { border: 1px solid #3e3e3e; border-top: 2px solid #4b9bfc; } #followed-people h3 { color: #e10000; font-weight: 700; font-size: 14px; line-height: 50px; margin-right: 5px } #followed-people .fbox { border: 1px solid #3e3e3e; border-top: 2px solid #e42500; } #followed-people .fdesc, #followed-serials .fdesc { padding: 20px; background-color: #252525; color:#aaa; border-bottom: 1px solid #3e3e3e; font-size: 12px } #followed-people .fitems, #followed-serials .fitems { padding: 30px 0 40px 25px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; min-height:200px; width: auto } #followed-people .fitems .item, #followed-serials .fitems .item { display: inline-block; width: 181px; position: relative; text-align: center; font-family: Open Sans , sans-serif; font-size:14px; font-weight:700; vertical-align: top } #followed-people .fitems .item a, #followed-serials .fitems .item a { color: #aaa; text-decoration: none } #followed-people .fitems .item a div, #followed-serials .fitems .item a div { white-space: normal; width: 165px; } #followed-people .fitems .item img, #followed-serials .fitems .item img { display: block; width: 165px; height: 100%; border: 7px solid #494e50; border-radius: 5px; margin-bottom: 10px } #followed-people .fitems .item i, #followed-serials .fitems .item i { position: absolute; top: -10px; left: -10px; border-radius: 50%; color: #fff; background-color: #e5614e; padding: 7px 9px 8px; font-size: 13px; } .form-control { background-color:#222!important; border:1px solid #3e3e3e!important; color:#ccc!important; box-shadow:unset!important; } #request-form h2 { border-bottom: 1px solid #515151; background-color: #2e3132; height: 60px; line-height: 60px; padding: 0 20px; box-shadow: inset 0 -2px 2px 0 rgba(27, 27, 27, 0.92); color: #ccc; font-family: open sans,sans-serif; font-weight: 700; font-size: 21px; text-shadow: 0 0.6px 0; } #request-form #box-content { margin: 25px 20px; font-size: 12px; color:#aaa; } #request-form form { margin-top: 25px } #request-form form div p { color: #bdb314; margin: 10px 0 0; text-shadow: 0 0.2px 0; } #request-form input[type=text] { direction: ltr; font-family: open sans,sans-serif; font-size:13px; box-shadow: inset 0 0 5px 1px rgba(213, 222, 229, .5) } #request-form input[type=submit] { font-family: Open Sans , sans-serif; cursor: pointer; } #request-form .inputName { font-weight: 700; margin-left: 20px } #request-form div span label { margin-left: 10px } #request-form #request-info { margin: 20px; float: left; direction: ltr; text-align: left; } #request-form #request-info img { display: inline-block; text-align: left; width: 150px; border: 8px solid #494e50; height: auto; border-radius: 4px; } #request-form #request-info span { font-family: Open Sans , sans-serif; text-shadow:0 0.2px 0; font-size: 14px; color:#aaa; margin: 10px } #request-form p { line-height: 30px } #public-profile h2 { border-bottom: 1px solid #515151; background-color: #2e3132; height: 60px; line-height: 60px; padding: 0 20px; box-shadow: inset 0 -2px 2px 0 rgba(27, 27, 27, 0.92); color: #ccc; font-family: open sans,sans-serif; font-weight: 700; font-size: 21px; text-shadow: 0 0.6px 0; } #public-profile img#avatar { float: right; width: 90px; height: 90px; border-radius: 50%; border: 5px solid #e7ecf2; margin: 20px 15px 20px 0; } #public-profile #info { margin: 30px 125px 0 20px; font-size: 12px; position:relative; } #public-profile #info:after { background-color: #3e3e3e; content: ''; position: absolute; bottom: 0; left: 0; width: 120%; height: 3px; z-index: 99999; } #public-profile #info #user-data { padding-bottom: 15px; border-bottom: 1px solid #3e3e3e; margin-bottom: 15px; } #public-profile #info #user-data #left p { font-weight: 700; margin-top: 5px } #public-profile #info #user-data #left #plan-3 { color: #e5bc2d; text-shadow: 0 0.8px 0; } #public-profile #info #user-data #left #plan-2 { color: #848484; text-shadow: 0 0.8px 0; } #public-profile #info #user-data #left #plan-1 { color: #a3401e; text-shadow: 0 0.8px 0; } #public-profile #info #user-data #username { color: #ccc; font-weight: 700; margin-bottom: 10px; text-shadow: 0 0.5px 0; } #public-profile #info #user-data #username span { font-weight: 700; font-family: Open Sans , sans-serif; color: #aaa } #public-profile #info #user-data #user-group { color: #e1443a; font-weight: 700; font-size: 16px; text-shadow: 0 1.1px 0; } #public-profile #info #user-date #register { float: right; color: #ccc; font-weight: 700; text-shadow: 0 0.5px 0; } #public-profile #info #user-date #register span { font-weight: 700; font-family: Open Sans , sans-serif; color: #aaa } #public-profile #info #user-date #last-login { float: left; color: #aaa; font-weight: 700 } #public-profile #info #user-date #last-login span { font-weight: 400; color: #aaa } #public-profile #followed-people, #public-profile #followed-serials { padding: 0 30px } #public-profile #followed-people .item, #public-profile #followed-serials .item { width: 139px } #public-profile #followed-people .item div, #public-profile #followed-serials .item div { margin-right: 10px } #public-profile #followed-people .item img, #public-profile #followed-serials .item img { width: 115px; height: 160px } #public-profile #followed-people .fitems, #public-profile #followed-serials .fitems { height: 200px; padding-right: 12px } #awards-box h2 { border-bottom: 1px solid #515151; background-color: #2e3132; padding: 20px; box-shadow: inset 0 -2px 2px 0 rgba(27, 27, 27, 0.92); color: #ccc; font-family: open sans,sans-serif; font-weight: 700; font-size: 21px; text-shadow: 0 0.6px 0; } #awards-box .section { margin: 30px 20px; background-color: #222; border: 1px solid #3e3e3e; border-radius: 2px } #awards-box .section .award-title { line-height: 50px; color: #fff; font-size: 16px; margin:0; font-weight: 700; padding-left: 10px } #awards-box .section .award-title i { vertical-align: middle; margin-left: 5px } #awards-box .section .item { padding: 15px } #awards-box .section .item.movie { margin:0; } #awards-box .section .item .post-side img { width: 100%; height: auto; position: relative; bottom: 10px; } #awards-box .section .item .post-side { float: right; } #awards-box .section .item .post-content { float: left; margin-top: 0; position:relative; } #awards-box .section .item .post-content .post-title { line-height: 30px; margin-bottom: 10px } #awards-box .section .item .post-content .post-title h3 { font-size: 16px; direction: ltr; text-align: left; font-weight: 700 } #awards-box .section .item .post-content .post-title h3 a { color: #aaa; text-decoration: none } #awards-box .section .item .post-content .post-title h3 a:hover { color: #f99d1c } #awards-box .section .item .post-content p { text-align: justify; font-family: open sans,sans-serif; font-size: 11.5px; margin-top: 20px; line-height: 2; margin-bottom: 20px; } #awards-box .section .item .imdb { margin-bottom: 0 } #awards-box .section .item .actor { margin-top: 10px; font-family: Open Sans , sans-serif; } #awards-box .section .item .director, #awards-box .section .item .director a { text-decoration: none; font-weight: 700 } #awards-box .section .item .director1, #awards-box .section .item .director1 a { direction: ltr; float: right; text-decoration: none; font-weight: 700 } #awards-box .section .item .director2, #awards-box .section .item .director2 a { text-decoration: none; color: #aaa; font-weight: 700 } .award-right { position: absolute; right: 10px; top: 5px; z-index:999; } #awards-box .section.oscar .item.winner { background-color: rgb(251,241,192,0.27); } #awards-box .section.oscar .award-title { background: linear-gradient(to bottom, #f8ab55, #f7a04B); border: 1px solid #ea8c38 } .oscar .award-right { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1em; background-color: #f7a650; border-top: 1px solid #ffd1a2; border-radius: 0.5em; } .oscar .award-right > i { font-size: 3em; color: #7b5124; } .oscar .award-right > span { font-size: 1.5em; font-weight:700; color: #7b5124; } #awards-box .section.oscar .item .director, #awards-box .section.oscar .item .director a, #awards-box .section.oscar .item .director1, #awards-box .section.oscar .item .director1 a, #awards-box .section.oscar .item .director2, #awards-box .section.oscar .item .director2 a { color: #c79332 } #awards-box .section.gb .item.winner { background-color: rgb(124,172,255,0.45); } #awards-box .section.gb .award-title { background-color: #a2b6e3; border: 1px solid #90a8da } .gb .award-right { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1em; background-color: #90a8da; border-top: 1px solid #d0ddfb; border-radius: 0.5em; } .gb .award-right > i { font-size: 3em; color: #6185d8; } .gb .award-right > span { font-size: 1.5em; font-weight:700; color:#6185d8; } #awards-box .section.bafta .item.winner { background-color: rgb(253,47,78,0.14); } #awards-box .section.bafta .award-title { background-color: #f37778; border: 1px solid #e05557 } .bafta .award-right { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1em; background-color: #f39999; border-top: 1px solid #fbc8c8; border-radius: 0.5em; } .bafta .award-right > i { font-size: 3em; color: #a93a3b; } .bafta .award-right > span { font-size: 1.5em; font-weight:700; color:#a93a3b; } #awards-box .section.bafta .item .director, #awards-box .section.bafta .item .director a, #awards-box .section.bafta .item .director1, #awards-box .section.bafta .item .director1 a, #awards-box .section.bafta .item .director2, #awards-box .section.bafta .item .director2 a { color: #e05e60 } .years-block .block-content { direction: ltr } .years-block a { display: inline-block; width: 33.333333%; line-height: 40px; height: 40px; text-align:center; text-decoration: none; color: #000 } .years-block a strong { margin-left: 10px; color:#aaa; font-size:13.5px; font-weight:700; } #news-list { padding: 0 0 20px } #news-list h2 { border-bottom: 1px solid #515151; background-color: #2e3132; height: 60px; line-height: 60px; color: #ccc; padding: 0 20px; box-shadow: inset 0 -2px 2px 0 rgba(27, 27, 27, 0.92); font-family: open sans,sans-serif; font-weight: 700; font-size: 18px; } #news-list .item .post-content { float: left; margin-top: 20px; font-size: 12px } #news-list .item .post-content .post-title { line-height: 30px } #news-list .item .post-content .post-title h3 { font-size: 15px; font-weight: 700 } #news-list .item .post-content .post-title h3 a { color: #ccc; text-decoration: none } #news-list .item .post-content .post-title h3 a:hover { color: #f99d1c } #news-list .item .post-content .info { font-size: 12px; color: #aaa; line-height: 40px; border-bottom: 1px solid #444; margin-bottom: 12px } #news-list .item .post-content .info span { display: inline-block; font-weight:700; } #news-list .item .post-content .info span i { vertical-align: middle; margin-left: 5px } #news-list .item .post-content .info a { color: #f99d1c; text-decoration: none } #news-list .item .post-content .info a:hover { color: #f99d1c } #news-list .item .post-content .news-body { font-family: Open Sans , sans-serif; line-height: 2; font-size:13px; color: #aaa } #news-list .item .post-content a.link { text-decoration: none; color: #2e3132; font-size: 15px; font-weight: 700; float: left; margin-top: 20px; padding: 0.75em 1.5em; background: #f99d1c; border-radius: 0.66em; } #news-list .item .post-content a.link:hover { background: #2e3132; color: #ccc } #news-list .item .post-content a.link i { vertical-align: middle; font-size: 18px; margin-right: 10px } #news-list .item .post-side img { float: right; width: 100%; height: auto; margin-top: 20px } #news-post { padding: 20px } #news-post .post-title { line-height: 30px } #news-post .post-title h3 { float: left; font-size: 18px; text-align: left; font-weight: 700; } #news-post .post-title h3 a { color: #ccc; text-decoration: none } #news-post .post-title h3 a:hover { color: #f99d1c } #news-post .info2 { font-size: 12px; color: #aaa; line-height: 40px; font-weight: 700; margin-bottom: 12px } #news-post .info2 span { display: inline-block } #news-post .info2 span i { vertical-align: middle; margin-left: 5px } #news-post .info2 a { color: #f99d1c; text-decoration: none } #news-post .info2 a:hover { color: #f99d1c } #news-post #news-cover { width: 100%; height: auto; border: 10px solid #494e50; box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5); border-radius: 5px; margin-bottom: 20px } #news-post .news-body { color: #aaa; font-family: Open Sans , sans-serif; padding: 0 .5rem; line-height: 2; font-size: 13px } #news-post .related-to-media img { width: 90px; height: 120px; float: left; margin: 1px 15px 10px 1px; padding: 5px; border: 5px solid #494e50; border-radius: 4px; } #news-post .related-to-media h4 a { font-family: Open Sans , sans-serif; font-size:15px; color:#ccc; } #news-post .related-to-media h4 span { font-family: Open Sans , sans-serif; font-size:13px; font-weight:500; display:block; padding:10px 0; color:#aaa; } #news-comments { margin-top: 45px } #news-comments #comments-title .fa-title { font-size: 24px; vertical-align: middle } #news-comments #comments-title h3 { color: #ccc; font-weight: 700; margin-bottom: 20px; font-size: 16px; } #news-comments textarea { width: 100%; font-family: Open Sans , sans-serif; height: 150px; border-radius: 2px; border: 1px solid #bdc4c8; padding: 10px; box-shadow: inset 0 2px 4.9px .1px rgba(0, 0, 0, .11) } #news-comments #comments-form h4 { color: #aaa; line-height: 50px; font-weight:700; margin-bottom: 20px; position:relative; font-size:16px; } #news-comments #comments-form h4:after { background:url(../images/comment-sep.png); background-repeat:repeat-x; content:''; position:absolute; height:7px; width:100%; bottom:-5px; right:0; } #news-comments #comments-form #submit-comment { margin-top: 10px; float: left; background: #f99d1c; border: 1px solid #f99d1c; box-shadow: 0 1px 3px rgba(0,0,0,0.10), inset 0 1px 0 #f4dc98; width: 118px; height: 44px; border-radius: 5px; font-family: Open Sans , sans-serif; font-size: 14px; color: #fff; cursor: pointer; } .news-comment { margin-bottom: 20px } .news-comment .avatar { position: relative; width: 110px } .news-comment .info { line-height: 20px; margin-bottom: 15px } .news-comment .avatar img { width: 95px; height: 100px; border: 8px solid #494e50; border-radius: 7px; } .news-comment .cm-body .info p a { font-family: Open Sans , sans-serif; font-weight: 700; font-size: 14px; color: #ccc; text-decoration: none } .news-comment .cm-body .info span { font-family: Open Sans , sans-serif; font-size: 12px; color: #bcbcbc } .news-comment .cm-body { width: 435px; min-height: 115px } .news-comment .cm-body .comment-body { word-wrap: break-word; white-space: pre-line; font-family: Open Sans , sans-serif; font-size: 13px; color: #aaa; line-height: 25px; padding: 5px; } .news-comment .cm-body .actions { float: right } .news-comment .cm-body .actions .btn-like { display: inline-block; line-height: 30px } .news-comment .cm-body .actions .btn-like i { vertical-align: middle; cursor: pointer; font-size: 22px } .news-comment .cm-body .actions .btn-like .like { color: #4daf7c; margin-left: 20px } .news-comment .cm-body .actions .btn-like .dislike { color: #e55f3a } .news-comment .btn-reply { border: 1px solid #00ace4; color: #fff; font-family: Open Sans , sans-serif; border-radius: 2px; background-color: #00ace4; width: 50px; height: 25px; position: absolute; cursor: pointer; bottom: 10px; left: 5px } .news-comment .btn-reply i { margin-right: 10px; vertical-align: middle } .news-reply { width: 500px; margin-right: 10%; margin-top: 10px } .news-reply .cm-body { width: 315px } .news-reply .cm-body .info { display: inline-block } #box-office-block .block-content { max-height: none; overflow: auto } #box-office-block .block-title { background: linear-gradient(to bottom, #67baff, #5bb0ff) } #box-office-block li { margin-bottom: 20px } #box-office-block li img { width: 90px; height: auto; float: right; margin: 1px 0 10px 0; padding: 5px; border: 3px solid #494e50; border-radius: 4px; } #box-office-block li .cont { float: left; width: 180px } #box-office-block li h5 { line-height: 30px; color: #2a3238; margin-bottom: 10px; border-bottom: 1px dotted #b2b2b2 } #box-office-block li h5 a { font-weight: 700; font-size: 14px; color: #ccc; text-decoration: none } #box-office-block li h5 a:hover { color: #f99d1c } #box-office-block li span i { color: #9c7a63; font-size: 16px; vertical-align: middle; margin-left: 5px } #box-office-block li span { font-size: 12px; font-weight: 700; line-height: 28px } #box-office-block li span:nth-of-type(odd) { float: left; color: #aaa; font-size: 12px } #box-office-block li span:nth-of-type(even) { float: right; color: #f99d1c } #box-office-block li .actions { display:flex; } #box-office-block li .actions a { display: inline-block; height: 40px; line-height: 40px; font-size:11.5px; text-align: center; background-image: -moz-linear-gradient(90deg, #111 0, #222 100%); background-image: -webkit-linear-gradient(90deg, #111 0, #222 100%); background-image: -ms-linear-gradient(90deg, #111 0, #222 100%); border: 1px solid #3e3e3e; border-radius: 3px; text-decoration: none; font-weight: 700 } #box-office-block li .actions a i { font-size: 22px; vertical-align: middle; } #box-office-block li .actions a:nth-child(1) { color: #6ac021; flex:1.2; margin-right: 10px } #box-office-block li .actions a:nth-child(1).active, #box-office-block li .actions a:nth-child(1):hover { color: #fff; border: 1px solid #2ca137; border-radius: 2px; background: #48c253; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2) } #box-office-block li .actions a:nth-child(2) { text-align: center; flex:1; color: #6ebeff } #box-office-block li .actions a:nth-child(2):hover { color: #fff; border: 1px solid #21a5bd; border-radius: 2px; background: #35c1db; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2) } #box-office-block li .actions a:nth-child(2) i { margin-right: 15px; font-size: 18px } #awards-list .block-content { font-weight: 700 } #awards-list ul li span { display: block; font-weight:700; color: #aaa; font-size: 13px; line-height: 50px; border-bottom: 1px solid #3e3e3e; margin-bottom: 10px } #awards-list ul li a:nth-child(1) { margin-right: 15px } #awards-list ul li a { background: #111; background: -moz-linear-gradient(top, #111 0%, #222 100%); background: -webkit-linear-gradient(top, #111 0%,#222 100%); background: linear-gradient(to bottom, #111 0%,#222 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111', endColorstr='#222',GradientType=0 ); border: 1px solid #3e3e3e; display: inline-block; width: 135px; font-size:14px; font-weight:700; height: 40px; line-height: 40px; border-radius:3px; text-align: center; text-decoration: none; color: #aaa } #awards-list ul li a:hover { color: #f99d1c; } #awards-list ul li a i, #awards-list ul li img { font-size: 18px; vertical-align: middle; margin-left: 5px } #awards-posts h2 { border-bottom: 1px solid #515151; background-color: #2e3132; padding: 20px; box-shadow: inset 0 -2px 2px 0 rgba(27, 27, 27, 0.92); color: #ccc; font-family: open sans,sans-serif; font-weight: 700; font-size: 21px; text-shadow: 0 0.6px 0; } #awards-posts #search-box2 { height: 60px; line-height: 60px } .toast-title { font-weight: 700 } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word } .toast-message a, .toast-message label { color: #fff } .toast-message a:hover { color: #ccc; text-decoration: none } .toast-close-button { position: relative; right: -.3em; top: -.3em; float: right; font-size: 20px; font-weight: 700; color: #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; opacity: .8 } .toast-close-button:focus, .toast-close-button:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .4 } button.toast-close-button { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none } .toast-top-center { top: 0; right: 0; width: 100% } .toast-bottom-center { bottom: 0; right: 0; width: 100% } .toast-top-full-width { top: 0; right: 0; width: 100% } .toast-bottom-full-width { bottom: 0; right: 0; width: 100% } .toast-top-left { top: 12px; left: 12px } .toast-top-right { top: 12px; right: 12px } .toast-bottom-right { right: 12px; bottom: 12px } .toast-bottom-left { bottom: 12px; left: 12px } #toast-container { position: fixed; z-index: 999999; pointer-events: none } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; color: #fff; opacity: .8 } #toast-container > :hover { -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; opacity: 1; cursor: pointer } #toast-container > .toast-info { background-color:#cce5ff; color:#004085; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important } #toast-container > .toast-error { background-color:#f8d7da; color:#721c24; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important } #toast-container > .toast-success { background-color:#d4edda; color:#155724; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important } #toast-container > .toast-warning { background-color:#fff3cd; color:#856404; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important } #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div { width: 300px; margin-left: auto; margin-right: auto } #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div { width: 96%; margin-left: auto; margin-right: auto } .toast { background-color: #030303 } .toast-success { background-color: #51a351 } .toast-error { background-color: #bd362f } .toast-info { background-color: #2f96b4 } .toast-warning { background-color: #f89406 } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; opacity: .4 } @media all and (max-width:240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em } #toast-container .toast-close-button { right: -.2em; top: -.2em } } @media all and (min-width:241px) and (max-width:480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em } #toast-container .toast-close-button { right: -.2em; top: -.2em } } @media all and (min-width:481px) and (max-width:768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em } } #account #profile-plans div { font-weight: bold; margin:7px 0; left:0; bottom:0; } #account #profile-plans label { margin-left: 5px; color: #fff; } #account #profile-plans div .bg-primary { background-color: #f99d1c!important; border: 1px solid #f99d1c!important; } #account #profile-plans button { cursor: pointer; } #vip-form .vip-box { background: linear-gradient(to bottom, #111, #222); border: 1px solid #3e3e3e; color: #858D93; border-radius: 3px; font-size:15px; margin-bottom: 10px; } #vip-form .vip-box span { line-height: 31px; font-weight: bold; } #vip-form .vip-box i { margin-left: 10px; font-size: 14px; line-height: 34px; padding: 0 13px; } #float-search-box p { font-size: 12px; text-align: center; color:#888; } #ref-form { float: right } #ref-form h2 { background: linear-gradient(#673AB7 0, #673AB7 100%); border: 1px solid #673AB7; border-bottom:0 none; } #ref-form.yellow-box h2 { background: linear-gradient(#ffc107 0, #ecbe33 100%); box-shadow: 0 0 2px 0 #ffc107; border: 1px solid #ffc107; border-bottom:0 none; } #ref-form.yellow-box #profile-plans button { background-color: #ffc107; border-color: #ffc107; cursor: pointer; } #ref-form.yellow-box #profile-plans button:active, #ref-form.yellow-box #profile-plans button:hover { background-color: #e0a800 !important; } #ref-form.yellow-box #profile-plans button:focus { box-shadow:0 0 0 3px #ffe083 !important; } #ref-form .vip-box { background: linear-gradient(to bottom, #111, #222); border: 1px solid #3e3e3e; color: #858D93; border-radius: 3px; font-size:15px; margin-bottom: 10px; } #ref-form .vip-box span { line-height: 31px; font-weight: bold; } #ref-form .vip-box i { margin-left: 10px; font-size: 14px; line-height: 34px; padding: 0 13px; } #float-search-box p { font-size: 12px; text-align: center; color:#888; } /* css_sprites */ .icon-cal { width: 30px; height: 30px; background: url(css_sprites.png) -681px -415px; display: inline-block; float: left; margin: 5px 10px; } .icon-film { width: 21px; height: 26px; background: url(css_sprites.png) -293px -545px; display: inline-block; float: left; margin: 10px 15px; } .icon-news-block { width: 19px; height: 25px; background: url(css_sprites.png) -767px -174px; display: inline-block; float: left; margin: 10px 15px; } .icon-reviews-block { width: 26px; height: 20px; background: url(css_sprites.png) -166px -684px; display: inline-block; float: left; margin:12px; } .icon-m-genres-block { width: 25px; height: 24px; background: url(css_sprites.png) -762px -50px; display: inline-block; float: left; margin: 10px 12px; } .icon-s-genres-block { width: 25px; height: 24px; background: url(css_sprites.png) -292px -684px; display: inline-block; float: left; margin: 10px 12px; } .icon-box-office { width: 26px; height: 25px; background: url(css_sprites.png) -269px -50px; display: inline-block; float: left; margin: 10px 12px; } .btn-top-movie { width: 26px; height: 22px; background: url(css_sprites.png) -555px -415px; display: inline-block; position: relative; margin: 0 10px; top: 7px; } .btn-hd-movie { width: 26px; height: 18px; background: url(css_sprites.png) -50px -415px; display: inline-block; position: relative; margin: 0 10px; top: 7px; } .btn-3d-movie { width: 24px; height: 22px; background: url(css_sprites.png) -395px -50px; display: inline-block; position: relative; margin: 0 10px; top: 7px; } .btn-suggested-movie { width: 26px; height: 16px; background: url(css_sprites.png) -429px -415px; display: inline-block; position: relative; margin: 0 10px; top: 7px; } .btn-actor { width: 19px; height: 20px; background: url(css_sprites.png) -519px -50px; display: inline-block; position: relative; margin: 0 10px; top: 7px; } .btn-actress { width: 19px; height: 20px; background: url(css_sprites.png) -638px -50px; display: inline-block; position: relative; margin: 0 10px; top: 7px; } .btn-director { width: 27px; height: 21px; background: url(css_sprites.png) -174px -289px; display: inline-block; position: relative; margin: 0 10px; top: 7px; } .btn-oscar { width: 26px; height: 28px; background: url(css_sprites.png) -303px -415px; display: inline-block; position: relative; margin: 0 10px; top: 7px; } .btn-golden-globe { width: 26px; height: 26px; background: url(css_sprites.png) -641px -289px; display: inline-block; position: relative; margin: 0 10px; top: 7px; } .btn-bafta { width: 22px; height: 28px; background: url(css_sprites.png) -519px -170px; display: inline-block; position: relative; margin: 0 10px; top: 7px; } .btn-collection { width: 21px; height: 19px; background: url(css_sprites.png) -641px -170px; display: inline-block; position: relative; margin: 0 10px; top: 7px; } .btn-mini-serial { width: 27px; height: 24px; background: url(css_sprites.png) -176px -415px; display: inline-block; position: relative; margin: 0 10px; top: 7px; } .btn-anime { width: 24px; height: 26px; background: url(css_sprites.png) -50px -170px; display: inline-block; position: relative; margin: 0 10px; top: 7px; } .btn-dubbed-serial { width: 20px; height: 25px; background: url(css_sprites.png) -301px -289px; display: inline-block; position: relative; margin: 0 10px; top: 7px; } #collections h2 input { float: right; margin: 10px; height: 35px; width: 170px; background-color:#202020; border-radius: 4px; border: 1px solid #3e3e3e; padding: 5px 10px; font-size: 14px; font-family: Open Sans , sans-serif; text-align: left; direction: ltr; color: #aaa; } #collections h2 input::-webkit-input-placeholder { font-family: Open Sans , sans-serif; direction: rtl; text-align: right; font-size: 12px; color: #b7b7b7; } #collections h2 input:-ms-input-placeholder { font-family: Open Sans , sans-serif; direction: rtl; text-align: right; font-size: 12px; } #collections h2 input:-moz-placeholder { font-family: Open Sans , sans-serif; direction: rtl; text-align: right; font-size: 12px; } #collections h2 input::-moz-placeholder { direction: rtl; text-align: right; font-size: 12px; } #content_overlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(185,195,204,.5); } #content_wrapper { position: relative; overflow: hidden; width: 100%; } #content_canvas { width: 100%; height: 100%; position: relative; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: 450ms ease all; transition: 450ms ease all; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .show-nav #content_canvas { -webkit-transform: translateX(-450px); transform: translateX(-450px); -webkit-transform: translate3d(450px, 0, 0); transform: translate3d(-450px, 0, 0); } #content_canvas #site-menu { background-color:#c8d4df; width: 450px; height: 100%; position: absolute; top: 0; right: -450px; } #site-menu .sidebar-warpper { height: calc(100vh - 75px); overflow-x:auto; } .spinner { background:#222; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; } .loader { position: absolute; height: 100px; width: 100px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loader .circle { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; width: 100%; border-color: transparent transparent transparent #f99d1c; border-radius: 100%; border-style: solid; border-width: 2px; -webkit-animation: rotate 1s cubic-bezier(0.2, 0.5, 0.8, 0.5) infinite; animation: rotate 1s cubic-bezier(0.2, 0.5, 0.8, 0.5) infinite; } @-webkit-keyframes rotate { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } .vip-plans-wrapper .border-bottom { border-bottom: 1px solid #4a5158!important; } .plan { background-color: var(--blue); text-transform: uppercase; color: var(--white); font-weight: 900; } .plan:not(:last-of-type) { border-right: 5px solid var(--dark); } .plan-row { padding: .5em 0; } .plan-row .text { font-weight: 900; text-transform: capitalize; font-size: 1.15em; } .plan-row .info { font-weight: 500; text-transform: uppercase; font-size: 1em; } .plan-row:not(:last-of-type) { border-bottom: 1px solid #4a5158; } .plan-row:not(:last-of-type):hover { background-color: #2d3034; } /* sidebar tabs */ .sidebar-tabs { background-color:#2a3238; align-items: center; justify-content: center; text-align: center; } .sidebar-tabs .nav-item { font-size:19px; flex: auto; cursor: pointer; } .sidebar-tabs .nav-item > a { color: #fff; padding: 20px; font-size: 26px; } .sidebar-tabs .nav-item .active { background-color:#e03600; } .sidebar-tabs2 { background-color:#2a3238; align-items: center; justify-content: center; text-align: center; } .sidebar-tabs2 .nav-item { font-size:19px; flex: auto; cursor: pointer; } .sidebar-tabs2 .nav-item > a { color: #fff; padding: 15px; font-size: 23px; } .sidebar-tabs2 .nav-item .active { background-color:#f99d1c; } /* sidebar tabs - desktop */ .sidebar-tabs-desktop { background-color: #2e3132; align-items: center; justify-content: center; text-align: center; margin: 0 0 5px 0!important; border-radius: 8px; overflow: hidden; } .sidebar-tabs-desktop .nav-item { font-size: 19px; flex: auto; cursor: pointer; } .sidebar-tabs-desktop .nav-item > a { padding: 10px 15px; color:#fff; } .sidebar-tabs-desktop .nav-item .active { background-color:#e03600; } .sidebar-tabs-desktop2 { background-color: #2e3132; align-items: center; justify-content: center; text-align: center; margin: 0 0 5px 0!important; border-radius: 8px; overflow: hidden; } .sidebar-tabs-desktop2 .nav-item { font-size: 19px; flex: auto; cursor: pointer; } .sidebar-tabs-desktop2 .nav-item > a { padding: 5px 5px; color:#fff; } .sidebar-tabs-desktop2 .nav-item .active { background-color:#f99d1c; } #fixed-menu-wrapper { background-color: #f99d1c; position: fixed; bottom: 0; right: 0; left: 0; z-index: 1001; } .fixed-mobile-menu { display: flex; align-items: center; justify-content: center; text-align: center; margin: 0; padding: 2px 2px; position: relative; } .fixed-mobile-menu .menu-item { flex: auto; } .fixed-mobile-menu .menu-item { font-family: Open Sans , sans-serif; color: #222; font-size: 17px; } .fixed-mobile-menu .menu-item > span { display: block; padding: 2px; font-size: 21px; font-weight: 700; } .fixed-mobile-menu .menu-item.home { position: absolute; bottom: 1px; padding: 2px 16px; display: block; background: #f99d1c; border-radius: 100%; } .fixed-mobile-menu .menu-item.movies { position: relative; right: 35px; } .fixed-mobile-menu .menu-item.series { position: relative; left: 35px; }