:root { --mc-01:#070416; --mc-02:#0e082b; --mc-03:#140b41; --mc-04:#1b0f57; --mc-05:#22136c; --mc-06:#291782; --mc-07:#301b98; --mc-08:#361fad; --mc-09:#3d22c3; --mc-10:#4426d9; --mc-11:#573cdd; --mc-12:#6952e0; --mc-13:#7c67e4; --mc-14:#8f7de8; --mc-15:#a293ec; --lc-01:#30b814; --lc-02:#3ce61a; } *, *:before, *:after {box-sizing:border-box;} html {scrollbar-color:var(--mc-03) var(--mc-05);scroll-behavior:smooth;} body {font-family:Verdana, Arial, Helvetica, Segoe UI Emoji, Segoe UI Symbol, Segoe UI;font-size:13px;color:#DDD;z-index:50;min-width:320px;max-width:1190px;margin:0 auto 30px auto;padding-top:47px;background:#000;background-attachment:fixed;} ::-webkit-scrollbar {width:15px;} ::-webkit-scrollbar-track {background:var(--mc-03);} ::-webkit-scrollbar-thumb {background:var(--mc-05);} ::selection {background:var(--mc-10);color:#FFF;} ::-moz-selection {background:var(--mc-10);color:#FFF;} ::-webkit-input-placeholder {color:#444;} ::placeholder {color:#666;opacity:1;} @-ms-viewport {width:device-width;} a {color:#CCC;text-decoration:none;transition:0.3s;} a:hover, .guf_field a {color:var(--lc-01);transition:0s;} hr {height:0;margin:30px 0;border:1px solid var(--mc-10);} form {margin:0;} select {position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent url('1001.svg#select-down') no-repeat right 8px center;background-size:8px;cursor:pointer;} input {font-family:Verdana, Arial, Helvetica;} input[type="radio"] {margin-top:-1px;vertical-align:middle;} input[type="checkbox"] {margin-top:1px;vertical-align:middle;} fieldset {border-color:var(--mc-10);} .alt {color:#EEE;} .center {margin:0 auto;} .bold {font-weight:bold;} .small {font-size:11px;font-weight:normal;color:#AAA;} .bullet {display:inline-block;height:6px;width:6px;background-color:var(--mc-10);margin:0 5px 2px 0;} .spoiler-switch {cursor:pointer;font-weight:bold;} .quote {color:#CCC;padding:10px;border:2px solid var(--mc-07);} .quote:before {font-size:14px;content:'" ';} .quote:after {font-size:14px;content:' "';} .quote > .quote {font-size:10px;color:#BBB;background-color:#050F23;padding:4px;border:2px solid var(--mc-07);max-width:520px;} .spoiler {display:none;color:#888;} .spoiler:hover {color:#CCC;} .code_bbcode {font-family:monospace;margin:10px;padding:15px;white-space:nowrap;overflow:auto;border:1px solid #777;} .code_bbcode pre {white-space:nowrap;margin:0;} .center_text {text-align:center;}.right_text {text-align:right;} .flex {display:flex;flex-flow:row wrap;justify-content:space-between;} h1 {color:#EEE;font-size:34px;font-weight:bold;text-align:left;padding-right:40px;line-height:50px;margin:0 0 20px 0;text-shadow:1px 1px var(--mc-07), 2px 2px var(--mc-07), 3px 3px var(--mc-07);position:relative;} h2 {color:#DDD;font-size:22px;margin:60px 0 20px 0;} h3 {color:#DDD;font-size:16px;margin:50px 0 20px 0;} h4, h5 {color:#CCC;font-size:15px;margin:20px 0;} h2, h3 {text-shadow:2px 2px #000;font-weight:bold;line-height:1.5em;} h4, h5 {text-shadow:2px 2px #000;font-weight:bold;line-height:1.5em;} @media only screen and (max-width:700px) {h1 {font-size:30px;line-height:44px;padding-right:20px;}} .headline {margin:-30px -30px 30px -30px;flex:1 0 100%;z-index:1;background-color:var(--mc-02);} .headline_container {position:relative;min-height:384px;padding:30px 30px 30px 30px;display:flex;flex-wrap:wrap;} .headline_container:after {content:'';position:absolute;bottom:-3px;left:0;width:100%;height:4px;background:url('https://gepig.com/logo/logo_gep_sys.svg#line');background-size:cover;background-origin:border-box;z-index:0;box-shadow:0 -1px 10px #000;} .headline_bg:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(110deg,rgb(0 0 0 / 80%) 230px, rgb(0 0 0 / 15%) 700px);z-index:1;} .headline_bg:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(0deg,rgb(0 0 0 / 40%), transparent);z-index:1;} .headline_bg {position:absolute;z-index:-1;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden;} .headline_bg img {height:100%;width:100%;object-fit:cover;z-index:-1;} .headline_bg.tcover img {filter:blur(8px);} .headline_bg.tcover:before {background:rgb(0 0 0 / 70%);} @media only screen and (max-width:700px) { .headline_bg.mblur img {filter:blur(10px);} } @media only screen and (max-width:500px) { .headline_bg:before {background:rgb(0 0 0 / 65%);z-index:1;} } .ar_mod {padding:0 !important;min-height:auto;} .headline_fbg:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(0deg,rgb(0 0 0 / 40%), transparent);z-index:1;} .headline_fbg {position:relative;z-index:-1;top:0;left:0;display:block;width:auto;height:auto;overflow:hidden;} .headline_fbg img {height:100%;width:100%;object-fit:cover;z-index:-1;} .main-container {display:flex;flex-flow:row wrap;margin-top:0px;position:relative;padding:30px;align-items:stretch;box-shadow:0 25px 100px #000;background-color:var(--mc-02);z-index:0;} /*.main-container:after {content:'';position:absolute;left:0;width:100%;height:100%;top:0;z-index:-2;background:radial-gradient(farthest-corner at 0% 0%, var(--mc-02), transparent 300px), radial-gradient(farthest-corner at 100% 0%, var(--mc-02), transparent 300px), radial-gradient(farthest-corner at 0% 100%, var(--mc-02), transparent 500px), radial-gradient(farthest-corner at 100% 100%, var(--mc-02), transparent 500px);} */ .side-column-right {width:100%;max-width:300px;margin:0 0 30px 30px;} .sticky-sidebar {position:-webkit-sticky;position:sticky;top:74px;clear:both;} .main-column {min-width:640px;flex:1;min-height:800px;margin-bottom:30px;position:relative;} .main-panel {position:relative;width:100%;margin:0 0 40px 0;} .side-panel {position:relative;width:100%;margin:0 0 40px 0;max-width:300px;} .panel-title, .main-panel-title {font-size:20px;font-weight:bold;color:#DDD;position:relative;margin-bottom:25px;text-shadow:2px 2px #000;padding:0 5px 0 0;font-variant:small-caps;} @media only screen and (max-width:760px) {.main-column {min-width:inherit;max-width:100%;}} @media only screen and (max-width:1045px) {.side-column-right {display:none;width:100%;max-width:700px;margin:0 auto 30px auto;}.side-panel {max-width:100%;margin:0 auto 25px auto;}} .button, button {font-family:Verdana, Arial, Helvetica;font-size:13px;font-weight:bold;display:inline-block;padding:8px 20px;text-align:center;white-space:nowrap;cursor:pointer;border:none;color:#EEE;background:var(--mc-05);transition:background-color 500ms ease;line-height:normal;transition:500ms linear;position:relative;box-shadow:1px 1px 0px #000;min-height:32px;} .button:hover, button:hover, .button_hover {background:var(--mc-09);color:#FFF;transition:100ms linear;} .button:disabled {background:#555;border-color:#999;cursor:default;} .button:disabled:hover {box-shadow:none;text-shadow:none;} .button + .button {margin-left:10px;} .file-upload {position:relative;display:block;width:100%;} .file-upload-label {width:200px;margin:5px auto;cursor:pointer;display:block;} .file-upload-input {position:absolute;left:0;top:0;right:0;bottom:0;width:0;height:100%;opacity:0;visibility:hidden;} .mdb_row {text-align:right;margin:20px 0;} .gpe_form {max-width:660px;margin:0 auto 30px auto;} .gpe_row {display:flex;flex-flow:row wrap;width:100%;margin:20px 0;word-break:break-word;word-wrap:break-word;} .gpe_label {width:100%;text-align:left;padding:5px 5px 10px 0;} .gpe_field {flex:1;word-wrap:break-word;line-height:25px;} .cust_chkbox_cont {display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;} .cust_chkbox_cont input {position:absolute;opacity:0;cursor:pointer;height:0;width:0;} .checkmark {position:absolute;top:0;left:0;height:25px;width:25px;background-color:#BBB;} .cust_chkbox_cont:hover input ~ .checkmark {background-color:#EEE;} .cust_chkbox_cont input:checked ~ .checkmark {background-color:var(--mc-09);} .checkmark:after {content:"";position:absolute;display:none;} .cust_chkbox_cont input:checked ~ .checkmark:after {display:block;} .cust_chkbox_cont .checkmark:after {left:10px;top:5px;width:7px;height:13px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg);} .cust_chkbox_cont a {color:var(--lc-01);} .cust_chkbox_cont a:hover {color:var(--lc-02);} .tooltip {position:relative;cursor:help;height:32px;width:32px;} .tooltip span {opacity:0;transition:all 400ms ease;bottom:25px;position:absolute;padding:7px;white-space:pre-wrap;max-width:225px;margin-left:-207px;margin-bottom:5px;background:var(--mc-04);color:#EEE;visibility:hidden;border:2px solid var(--mc-11);line-height:20px;z-index:3000;} .tooltip span:before {content:'';position:absolute;top:100%;left:95%;margin-left:-6px;width:0px;height:0px;border-top:8px solid var(--mc-11);border-right:8px solid transparent;border-left:8px solid transparent;} .tooltip:hover span {visibility:visible;opacity:1;bottom:25px;z-index:999;} .tooltip_qm {padding:9px 9px;color:#DDD;background:var(--mc-05);} .tooltip_qm:after {position:absolute;content:'?';font-weight:bold;top:9px;left:12px;} .textbox {font-family:Verdana, Arial, Helvetica;font-size:13px;color:#CCC;background-color:var(--mc-01);border:1px solid var(--mc-05);padding:7px 12px 7px 7px;outline:none;min-height:32px;} .textbox:focus {border:1px solid var(--mc-11);color:#EEE;} .message {font-size:15px;outline:none;width:100%;} .e404 {color:#EEE;text-align:center;max-width:640px;margin:20px auto;} .e404_image {margin:30px auto 0 auto;} .e404_image img {max-width:320px;max-height:320px;} .e404_head {font-size:18px;margin:30px auto;background-color:var(--mc-03);color:#DDD;line-height:2;padding:10px;} .tbl, .tbl0, .tbl1, .tbl2, .tbl3, .tbl4, .tbl5, .tbl6 {font-size:13px;color:#DDD;padding:5px 7px;line-height:1.5} .tbl3 {background-color:var(--mc-03);} .tbl4 {background-color:var(--mc-03);} .tbl5 {background-color:var(--mc-04);} .tbl6 {background-color:var(--mc-04);} [class^="notice-"], .notice {font-weight:bold;text-align:center;color:#CCC;padding:15px 15px 15px 75px;margin-bottom:25px;line-height:1.7em;position:relative;background:rgb(0 0 0 / 55%);} [class^="notice-"]:before, .notice:before {position:absolute;height:100%;min-width:50px;width:10%;font-size:28px;top:0;left:0;padding:10px;display:flex;align-items:center;justify-content:center;text-align:center;} [class^="notice-"]:after, .notice:after {content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;background:linear-gradient(45deg,#5800bb,#2c00bb);} .notice:before {content:'\2139\FE0F';} .notice-info:before {content:'\2139\FE0F';} .notice-success:before {content:'\2714\FE0F';} .notice-error:before {content:'\274C';} .notice-warning:before {content:'\26A0\FE0F';} .empty_notice {text-align:center;padding:45px 25px;background-color:rgb(0 0 0 / 30%);font-style:italic;} .member_notice {font-weight:bold;text-align:center;padding:25px;margin:25px auto;line-height:35px;flex-wrap:nowrap;border:5px solid var(--mc-03);background-image:repeating-linear-gradient(-45deg, transparent 0 20px, var(--mc-03) 20px 40px);margin-bottom:25px;} /**/ .btm {position:relative;width:100%;margin:35px 0 35px 0;} .ats-mobi {display:none;} .ats-desk {display:block;} @media only screen and (max-width: 700px) {.ats-desk {display:none;}.ats-mobi {display:block;}} /*.act_hun, .act_eng {} .act_hun:after {content:'Hirdet\00E9s';} .act_eng:after {content:'Advertisment';} .act_hun:after, .act_eng:after {position:absolute;bottom:-15px;left:0;color:#aaa;width:100%;height:12px;font-size:8px;margin:0 !important;padding:0 !important;display:block;text-align:center;} */ .ubs_ac_1, .ubs_ac_2, .ubs_ac_3, .ump_bg_l, .ump_bg_r {position:relative;margin:0 auto;overflow:hidden !important;z-index:1;} .ubs_ac_1 {width:300px;height:267px;} @media(min-width: 700px) {.ubs_ac_1 {width:640px;height:267px;}} @media(min-width: 990px) {.ubs_ac_1 {width:970px;height:267px;}} .ubs_ac_2 {width:300px;height:267px;} @media(min-width: 700px) {.ubs_ac_2 {width:640px;height:377px;}} @media(min-width: 990px) {.ubs_ac_2 {width:640px;height:377px;}} .ubs_ac_3 {width:300px;height:617px;} .ump_bg_l {position:fixed;margin-left:-360px;width:350px;height:800px;z-index:0;top:47px;} .ump_bg_r {position:fixed;margin-left:1200px;margin-right:-350px;width:350px;height:800px;z-index:0;top:47px;} @media only screen and (max-width: 1190px) {.ump_bg_l, .ump_bg_r {display:none;}} /* Strossle modifications */ @media (max-width:575px){ .strossle-widget{overflow-y:hidden;overflow-x:scroll;margin:0 -15px;padding:10px;height:450px;} .strossle-widget .col-sm-4{max-width:250px;} .strossle-widget>.strossle{width:calc(5 * 250px + 16px);padding-right:16px;} .strossle-widget>.strossle .col-12{padding:0;margin-top:-16px;} } header {width:100%;min-width:320px;display:flex;align-items:center;position:fixed;top:0;left:0;right:0;z-index:999;margin:0;height:44px;} .header_fc {position:relative;width:100%;height:44px;background:linear-gradient(180deg, rgb(0 0 0 / 99%) 0, rgb(0 0 0 / 90%) 100%);} .header_fca {position:relative;max-width:1190px;width:100%;display:flex;align-items:center;z-index:1000;margin:0 auto;height:44px;} .header_fc:after {content:'';position:absolute;bottom:-2px;left:0;width:100%;height:46px;background:url('https://gepig.com/logo/logo_gep_sys.svg#line');background-size:cover;background-origin:border-box;z-index:-1;} .fto_menu {display:none;width:44px;height:44px;text-align:center;color:#DDD;transition:0.2s;cursor:pointer;flex:none;z-index:1;} .fto_menu img {margin-top:8px;transition:0.1s;} .fto_menu.active img {transition:transform 0.1s;transform:rotate(90deg);} .header_logo {padding:0 10px 0 0;height:44px;position:relative;z-index:1;transition:0s;flex:0;} .header_logo img {max-height:34px;margin:5px 0;width:auto;} .header_lang {width:44px;height:44px;flex:0 0 44px;line-height:44px;z-index:1;color:#EEE;display:block;font-size:12px;padding:0;text-align:center;cursor:pointer;background:url('1001.svg#globe');background-image:url('1001.svg#globe');background-size:25px 25px;background-repeat:no-repeat;background-position:center;transition:0.5s;} .lang_selector_overlay {position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);z-index:1001;cursor:pointer;backdrop-filter:blur(3px);webkit-backdrop-filter:blur(3px);} .lang_selector_box{padding:25px;background-color:var(--mc-02);position:absolute;max-width:320px;width:100%;top:50%;left:50%;color:#DDD;transform:translate(-50%,-50%);border:1px solid var(--mc-10);} .lang_selector_box:after {content:'X';position:absolute;display:flex;justify-content:center;align-items:center;right:0;width:30px;height:30px;top:0;cursor:pointer;} .lang_selector_box a, .lang_selector_text {display:block;padding:10px;color:#EEE;} .lang_selector_box a:hover {background-color:var(--mc-05);color:#FFF;} .lang_selector_clist{column-count:2;} .login_overlay {position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);z-index:1001;cursor:pointer;backdrop-filter:blur(3px);} .login_overlay_box {padding:20px;background-color:var(--mc-02);position:absolute;max-width:320px;width:100%;top:50%;left:50%;color:#DDD;transform:translate(-50%,-50%);border:1px solid var(--mc-10);} .login_overlay_close {position:absolute;right:0;top:0;width:25px;height:25px;} .login_overlay_close:hover {background-color:var(--mc-05);} .login_overlay_close:after {content:'X';position:absolute;display:flex;justify-content:center;align-items:center;right:0;top:0;width:100%;height:100%;} .login_overlay_title {font-size:16px;color:#EEE;font-weight:bold;line-height:28px;margin-top:-4px;} .h_search_button {width:44px;height:44px;flex:0 0 44px;line-height:44px;z-index:1;display:block;padding:0;text-align:center;border:0;background:url('1001.svg#search') no-repeat center center;background-size:30px 30px;cursor:pointer;transition:0.5s;} .h_nav_search {position:absolute;top:0;right:0;text-align:center;transition:width 0s ease-out;width:0;overflow:hidden;z-index:2;margin-right:88px;} .h_nav_search.active {transition:width .2s ease-out;width:calc(100% - 88px);padding:0 10px;} .h_nav_search_tb {color:#BBB;padding:0 8px;margin:6px 0px;height:32px;width:100%;} .notification {width:44px;height:44px;color:#f2f2f2;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;transition:0.5s;} .notification.show-count::after {min-width:20px;height:20px;content:attr(data-count);background-color:#d90036;font-family:monospace;font-weight:bold;font-size:15px;display:flex;justify-content:center;align-items:center;border-radius:50%;position:absolute;top:5px;right:5px;transition:.3s;opacity:1;transform:scale(1);will-change:opacity,transform;} .notification::before {content:'';width:28px;height:28px;background:url(1001.svg#bell) no-repeat center center;display:block;} .notification.notify::before {animation:bell 1.2s ease-out;transform-origin:center top;} @keyframes bell { 0% {transform:rotate(35deg);} 12.5% {transform:rotate(-30deg);} 25% {transform:rotate(25deg);} 37.5% {transform:rotate(-20deg);} 50% {transform:rotate(15deg);} 62.5% {transform:rotate(-10deg)} 75% {transform:rotate(5deg)} 100% {transform:rotate(0);} } .user_hbutton {width:44px;height:44px;display:block;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:0.5s;position:relative;} .user_h_avatar {max-height:36px;max-width:36px;} .fto_user {height:44px;width:44px;background:url(1001.svg#user);background-image:url(1001.svg#user);background-size:30px 30px;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:0.5s;} .fto_menu:hover, .header_lang:hover, .h_search_button:hover, .notification:hover, .user_hbutton:hover, .fto_user:hover {background-color:var(--mc-09);transition:0s;color:#FFF;} .reg_button {font-size:15px;font-weight:bold;color:#FFF;display:block;min-width:100px;padding:0 10px;line-height:44px;text-align:center;cursor:pointer;border:none;appearance:none;width:100%;margin:5px 0;} @media only screen and (max-width: 520px) {.fto_user {display:block;}} .lpass {display:block;margin:15px 3px;} .lpasstb {width:100%;margin-top:15px;} #login-content {display:none;z-index:999;position:absolute;padding:15px;top:44px;right:0;width:230px;box-shadow:0px 4px 8px 0px #000;background:linear-gradient(135deg, var(--mc-04) 0%, var(--mc-02) 100%);} #user-menu {display:none;z-index:999;position:absolute;top:44px;right:0;width:222px;box-shadow:0px 4px 8px 0px rgba(0,0,0,0.8);background:linear-gradient(135deg, var(--mc-04) 0%, var(--mc-02) 100%);} [class^="icon-"] {background-repeat:no-repeat;background-image:url('https://gepig.com/upmsprite.svg');margin:0 15px 2px 10px;display:inline-block;vertical-align:middle;width:20px;height:20px;} .icon-pacman {background-position:0 0;} .icon-cart {background-position:0 -40px;} .icon-envelop {background-position:0 -80px;} .icon-display {background-position:0 -120px;} .icon-bubble2 {background-position:0 -160px;} .icon-user {background-position:0 -200px;} .icon-user-check {background-position:0 -240px;} .icon-cog {background-position:0 -280px;} .icon-stats-bars2 {background-position:0 -320px;} .icon-gift {background-position:0 -360px;} .icon-mug {background-position:0 -400px;} .icon-switch {background-position:0 -440px;} .icon-star-half {background-position:0 -480px;} .icon-google-plus2 {background-position:0 -520px;} .icon-facebook2 {background-position:0 -560px;} .icon-twitter {background-position:0 -600px;} .icon-copy {background-position:0 -640px;} .icon-user-plus {background-position:0 -680px;} .icon-trophy {background-position:0 -720px;} .icon-notification {background-position:0 -760px;} .icon-question {background-position:0 -800px;} .icon-info {background-position:0 -840px;} .icon-dice {background-position:0 -880px;} .profilm {position:relative;margin:auto;width:222px;overflow:hidden;} .profilm a {display:block;font-size:13px;font-weight:bold;color:#EEE;line-height:32px;height:auto;width:100%;text-align:left;} .profilm a.active {background:var(--mc-06);color:#fff;} .profilm a:hover {background:var(--mc-09);} /* NAV */ nav {flex:1;flex-wrap:nowrap;display:flex;z-index:1;position:relative;height:44px;margin:0;} nav ul {display:flex;flex-wrap:nowrap;position:relative;padding:0;margin:0;list-style:none;width:100%;} nav li {flex:1 1 auto;list-style:none;white-space:nowrap;} nav li:last-child {margin-right:0;} nav li a {color:#DDD;display:flex;height:100%;font-size:14px;font-weight:bold;margin:0;padding:0 6px;text-align:center;cursor:pointer;text-shadow:0px 1px 4px #000;transition:0s;align-items:center;justify-content:center;} nav li a.current {background:var(--mc-06);color:#FFF;} nav li a > span {color:#DDD;overflow:hidden;vertical-align:top;text-shadow:0px 1px 4px #222;padding-left:5px;} nav li a:hover, a.current:hover, nav li ul li a:hover, nav ul li:hover > a {background:var(--mc-09);color:#FFF;transition:0s;} nav li ul {display:block;visibility:hidden;opacity:0;height:auto;padding:0;margin:0;position:absolute;max-width:170px;z-index:200;background:linear-gradient(135deg, var(--mc-04) 0%, var(--mc-02) 100%);box-shadow:0px 4px 8px 0px #000;border:1px solid #4301b6} nav li:hover ul {visibility:visible;opacity:1;} nav li ul li {flex:0;position:relative;display:block;margin:0;padding:0;max-width:170px;white-space:normal;} nav li ul li a {color:#DDD;display:block;font-size:12px;margin:0;padding:8px 10px 8px 10px;text-align:left;} .nav-search {display:none;text-align:center;} .nav-lang {display:none;} @media only screen and (max-width:1007px) { .sticky-sidebar {position:relative;top:0px;} .sidebar {position:relative;top:0px;} .main-container {padding:30px 15px;} .headline {margin:-30px -15px 30px -15px;} .headline_container {padding:15px 15px 30px 15px;} .profil_sm {display:none;} .side_sub_menu {display:none;} } @media only screen and (max-width:950px) { .headline {margin:-30px -15px 30px -15px;} .headline_container {padding:15px 15px 15px 15px;min-height:inherit;} .main-column {margin:0 0 25px 0;min-height:auto;} .fto_menu {display:block;} .h_search_button, .header_lang {position:relative;width:100%;background-position:left 10px center;content:attr(data-title);text-align:left;} .h_search_button:after, .header_lang:after {content:attr(data-title);position:absolute;width:100%;height:100%;top:0;left:0;padding-left:44px;} #user-menu {position:fixed;max-height:calc(100% - 50px);overflow:hidden;overflow-y:auto;} .profilm {position:relative;overflow:hidden;overflow-y:auto;margin:0;} .profilm a {line-height:38px;} .header_logo {display:flex;justify-content:center;align-items:center;flex:1;} .header_logo img {display:block;height:34px;margin:5px auto;vertical-align:middle;} .h_nav_search {top:auto;} .h_nav_search.active {width:100%;margin-right:0;} .notification[data-count="0"] {display:none;} .nav-open {height:100%;overflow-y:hidden;} .nav-open:before {content:'';background-color:black;display:block;position:fixed;left:0;top:0;width:100%;height:100%;opacity:0.7;z-index:100;overflow-y:hidden;} nav {display:none;box-shadow:0px 3px 8px 2px #000;height:auto;width:245px;background:linear-gradient(135deg, var(--mc-04) 0%, var(--mc-02) 100%);z-index:999;position:fixed;top:44px;left:0;display:none;max-height:calc(100% - 51px);overflow:hidden;overflow-y:auto;padding:5px;} nav ul {display:block;} nav li {margin:0 0 3px 0;} nav li a {height:38px;margin:0;padding:12px 6px 11px 10px;text-align:left;transition:all 400ms ease;justify-content: flex-start;} nav li ul {display:none;visibility:visible;opacity:1;max-width:235px;background:none;box-shadow:none;position:static;border:none;} nav li:last-child ul{margin-left:0;} nav li ul li {position:static;display:block;margin:3px 0 0 0;max-width:235px;} nav li ul li a {display:block;font-size:13px;margin:0;padding:13px 15px 12px 20px;text-align:left;height:38px;} nav ul ul {display:none;} .nav-search {display:block;} } @media only screen and (max-width:600px) {.header_logo img {max-width:200px;}} @media only screen and (max-width:400px) {.header_logo img {max-width:180px;}} /* FOOTER */ footer {position:relative;z-index:1;width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;} @media only screen and (max-width:750px) {.footer-col {display:none;} .footer-col:nth-child(3) {display:block;} footer {margin:0 10px;}} .footer-pcb {width:100%;margin-top:10px;display:flex;align-items:center;} .footer-col {flex:1 0 130px;} .footer-col > a {display:block;padding:7px 7px 7px 0;margin-right:25px;} .footer-sb {width:100%;display:flex;} .footer-sb > a {min-width:24px;margin:12px 20px 12px 0;} .fi_sm_tw {background:url('1001.svg#twitter');} .fi_sm_fb {background:url('1001.svg#facebook');} .fi_sm_st {background:url('1001.svg#steam');} .fi_sm_rs {background:url('1001.svg#rss');} .fi_sm_tw, .fi_sm_fb, .fi_sm_st, .fi_sm_rs {background-size:24px 24px;background-repeat:no-repeat;width:24px;height:24px;display:block;} .back-to-top {text-align:center;position:fixed;bottom:10px;right:14px;color:#888;background-color:rgb(30 0 85 / 60%);font-size:20px;width:40px;height:40px;line-height:40px;display:none;transition:all 0.5s ease;box-shadow:3px 3px 5px 0px rgb(0 0 0 / 75%);} .back-to-top:hover {background-color:rgb(30 0 85 / 80%);color:#DDD;} .pagenav_d {display:flex;align-items:center;justify-content:center;margin:25px 0;font-size:12px;} .pagenav_s, .pagenav_c {color:#CCC;background-color:var(--mc-04);padding:7px 12px;margin:0 3px;} .pagenav_s {padding:7px 16px;} .pagenav_c.active {color:#FFF;background-color:var(--mc-10);font-weight:bold;cursor:default;} .pagenav_td {padding:0 5px;cursor:default;} @media only screen and (max-width: 530px) {.pagenav_c, .pagenav_td {display:none;} .pagenav_c.active {display:block;}} .pagenav_r:hover, .pagenav_s:hover, .pagenav_c:hover {color:#EEE;background-color:var(--mc-10);} .database_header div {display:flex;flex:1 0 100%;} .database_header {display:flex;flex-wrap:wrap;justify-content:space-around;text-align:center;color:#EEE;background-color:var(--mc-04);width:100%;margin:0 0 25px 0;} .database_header a {flex:1 0 7%;font-size:14px;display:block;padding:9px;font-weight:bold;} .database_header a:hover {background-color:var(--mc-10);color:#FFF;} .database_header_a_hl {color:#fff;background-color:var(--mc-10);} @media only screen and (max-width: 1200px) {.database_header a {flex:1 0 7%;}} @media only screen and (max-width: 700px) {.database_header a {flex:1 0 11%;}} /* WELCOME */ .welcome_set_static_sr {color:#EEE;text-align:left;top:40%;left:50%;width:120px;margin-top:-50px;margin-left:-60px;position:fixed;padding:10px;} .welcome_set_static_sr a {font-size:14px;line-height:25px;} .welcome_set_static_sr_img {position:absolute;width:290px;height:auto;top:40%;left:50%;margin-left:-145px;margin-top:-140px;} .welcome_set {position:fixed;top:50%;left:50%;max-width:680px;text-align:center;transform:translate(-50%, -50%);min-width:320px;} .welcome_set img {height:40px;} .welcome_set_a {opacity:1;animation:wthide 0.4s 3.6s forwards;} @keyframes wthide {100% {opacity:0;}} .time-bar {margin:30px 10px;overflow:hidden;} .time-bar div {height:2px;animation:roundtime calc(var(--duration) * 1s) linear forwards;transform-origin:left center;background:linear-gradient(to right, #5000aa, #2800aa);} @keyframes roundtime {to {transform: scaleX(0);}} .neart_block {display:flex;margin:20px 0;padding:10px;} .neart_block:hover {background-color:var(--mc-04);} .neart_block_il {max-width:240px;flex:2;display:flex;align-items:flex-start;} .neart_block_il img {width:100%;height:auto;object-fit:cover;} .neart_block_ir {flex:5;display:block;padding:0 15px;} .neart_block_ir_gc {min-height:112px;display:flex;flex-direction:column;} .neart_block_title {font-size:16px;color:#DDD;line-height:24px;margin:0 0 7px 0;font-weight:bold;} .neart_block_con {font-size:13px;color:#AAA;line-height:18px;margin:7px 0 0 0;} @media only screen and (max-width: 750px) { .neart_block_ir {padding:0 15px;} .neart_block_title {font-size:14px;} } @media only screen and (max-width: 550px) { .neart_block {flex-wrap:wrap;padding:0;} .neart_block_il {width:100%;max-width:100%;flex:1 0 100%;padding:10px 10px 0 10px;} .neart_block_il img {width:100%;height:auto;box-shadow:0 0 12px #000000;} .neart_block_ir {display:block;padding:10px;} } .lc_cont {width:100%;} .lc_panel {display:flex;flex-flow:row wrap;width:100%;margin-bottom:20px;} .lc_panel a {display:flex;flex:1 0 50%;flex-flow:row nowrap;padding:7px;width:50%;min-width:300px;} .lc_panel a:hover {background-color:var(--mc-04);color:#EEE;} .lc_panel_c {margin-bottom:-2px;} .lc_panel_c img {width:auto;height:45px;display:block;box-shadow:1px 1px 3px #000;} .lc_panel_d {flex:1;display:flex;flex-flow:row wrap;margin:0 8px;min-width:0;} .lc_panel_t {font-size:13px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px;width:100%;color:bbb;} .lc_panel_s {font-size:12px;color:#bbb;white-space:nowrap;margin:4px;} @media only screen and (max-width: 700px) { .lc_panel a {width:100%;} .lc_panel a:nth-child(n+11) {display:none;} .lc_panel_s {white-space:normal;} } .side_np {display:flex;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(90deg,#6800dd,#3400dd);} .side_np a {flex:1;color:#FFF;background-color:rgb(0 0 0 / 40%);padding:8px 5px;cursor:pointer;display:block;text-align:center;transition:0.3s;} .side_np a:hover {background-color:rgb(255 255 255 / 20%)} .side_np a.active {background-color:transparent;transition:0s;} .side_np_flex {display:flex;flex-wrap:wrap;justify-content:space-around;margin:3px -3px;overflow:hidden;} .side_np_flex_a {flex:1 0 45%;margin:3px;position:relative;min-width:145px;} .side_np_flex_a:hover > .side_np_flex_img {opacity:1;transition:0s;} .side_np_flex_a img {width:100%;height:auto;vertical-align:middle;} .side_np_flex_img {position:absolute;display:flex;top:0;left:0;width:100%;height:100%;text-align:center;opacity:0;font-size:16px;color:#FFF;transition:1.5s;background-image:linear-gradient(rgb(27 0 136 / 90%), rgb(70 0 136 / 90%));aspect-ratio:200 / 93;align-items:center;justify-content:center;} .side_np_flex_img span {text-align:center;line-height:20px;padding:5px 7px;} .side_np_smaller {font-size:13px;} .side_np_c {display:none;} .side_np_more_row {display:block;background-color:var(--mc-04);text-align:center;padding:7px;} .side_np_more_row:hover {background:var(--mc-05);color:#fff;} .mp_side_np_cc {display:flex;} .mp_side_np_c {flex:1 0 31%;margin-bottom:20px;} .mp_side_np_c + .mp_side_np_c {margin-left:20px;} .mp_side_np_flex {display:flex;justify-content:space-around;width:calc(100% + 10px);margin:15px -5px 5px -5px;flex-wrap:wrap;} .mp_side_np_title {color:#CCC;font-size:15px;font-weight:bold;margin:0;} .mp_side_np_flex_a {flex:1;margin:5px 5px 17px 5px;position:relative;min-width:146px;} .mp_side_np_flex_a:hover > .mp_side_np_flex_img {opacity:1;transition:0s;} .mp_side_np_flex_a img {width:100%;height:auto;vertical-align:middle;box-shadow:0 3px 15px #000;} .mp_side_np_flex_img {position:absolute;display:flex;top:0;left:0;width:100%;text-align:center;opacity:0;font-size:18px;color:#FFF;transition:1.5s;background-image:linear-gradient(rgb(27 0 136 / 90%), rgb(70 0 136 / 90%));aspect-ratio:200 / 93;align-items:center;justify-content:center;} .mp_side_np_flex_img span {text-align:center;line-height:20px;padding:5px 10px;} .mp_side_np_smaller {font-size:13px;} .mp_side_np_infobar {display:flex;justify-content:space-around;font-size:12px;} .mp_side_np_infobar_item {padding:7px;white-space:nowrap;} .mp_side_np_more_row {display:block;background-color:var(--mc-03);text-align:center;padding:10px 15px;} .mp_side_np_more_row:hover {background:var(--mc-05);color:#fff;} @media only screen and (max-width: 600px) { .mp_side_np_cc {flex-wrap:wrap;} .mp_side_np_c {flex:1 0 100%;} .mp_side_np_c + .mp_side_np_c {margin-left:0;} .mp_side_np_flex {display:flex;height:162px;flex-direction:column;overflow-x:auto;scroll-snap-type:x mandatory;} .mp_side_np_flex_a {scroll-snap-align:center;width:200px;flex:0;margin:5px;} .mp_side_np_flex_img {display:none;} } .side_sub_menu {background:linear-gradient(-45deg, var(--mc-05), var(--mc-03));box-shadow:0 1px 3px 0 #000;} .side_sub_menu a {font-size:13px;font-weight:bold;color:#eee;display:block;padding:14px 12px;font-weight:bold;transition:0.3s;text-shadow:1px 1px #000;} .side_sub_menu a:hover{color:#eee;background-color:var(--mc-07);transition:0s;} .side_sub_menu .hl {color:#fff;background-color:var(--mc-05);} /* REC */ .main_nhl_box_cont {clear:both;display:flex;flex-flow:row wrap;justify-content:space-between;margin:0 0 0 -20px;align-items:flex-start;} .main_nhl_box_box {margin:0 0 20px 20px;flex:1 0 23%;min-width:230px;position:relative;z-index:1;} .main_nhl_box_box_nfo {position:relative;overflow:hidden;} .main_nhl_box_box > .main_nhl_box_box_nfo > * {transition:color 1s;} .main_nhl_box_box:hover > .main_nhl_box_box_nfo > * {color:#EEE;transition:color 0s;} .main_nhl_box_box:hover > .main_nhl_box_box_nfo > .main_nhl_box_box_title {color:#FFF;} .main_nhl_box_box_img {position:relative;} .main_nhl_box_box_img img {width:100%;height:auto;aspect-ratio:16 / 9;vertical-align:middle;box-shadow:0 0 10px 0 #000000;} .main_nhl_box_box_title {line-height:22px;text-shadow:1px 1px 0 #000000;font-size:14px;font-weight:bold;display:block;width:100%;min-width:220px;color:#DDD;padding:0 10px;} .main_nhl_box_box_snippet {font-size:13px;color:#BBB;line-height:20px;display:block;width:100%;padding:0 10px 0 10px;margin:0 0 10px 0;} .main_nhl_box_box_i {font-size:11px;color:#BBB;padding:0 10px 10px 10px;position:relative;} @media only screen and (min-width:550px) { .main_nhl_box_box_nfo:after {content:'';display:block;position:absolute;width:135%;height:100%;top:0;right:0;bottom:0;left:0;inset:0 0 0 0;background:linear-gradient(90deg, rgb(28 13 148) 0%, rgb(74 0 142) 100%);z-index:-1;transition:transform 0.5s ease;transform:skewX(-35deg) scaleX(1) translateX(-103%);transform-origin:top left;outline:1px solid transparent;} .main_nhl_box_box:hover > .main_nhl_box_box_nfo:after {transition:transform 0.2s ease;transform:skewX(-35deg) scaleX(1) translateX(0%);} .main_nhl_box_box_title {padding:10px;} } @media only screen and (max-width:550px) { .mnb_fthl .main_nhl_box_box:nth-child(-n+3) {display:block;} .mnb_fthl .main_nhl_box_box:nth-child(-n+3) .main_nhl_box_box_img {width:100%;height:auto;} .mnb_fthl .main_nhl_box_box:nth-child(-n+3) .main_nhl_box_box_title {padding:10px;} .main_nhl_box_box {display:flex;flex:1 1 100%;} .main_nhl_box_box_img {flex:0 0 80px;width:80px;height:45px;} } .mnb_fthl_c .main_nhl_box_box {flex:1;min-width:320px;} @media only screen and (min-width: 700px) { .mnb_fthl_c .main_nhl_box_box {flex-basis:46%;max-width:calc(50% - 20px);} .mnb_fthl_c .main_nhl_box_box .main_nhl_box_box_title {font-size:20px;line-height:28px;} } @media only screen and (min-width:880px) { .mnb_fthl .main_nhl_box_box:nth-child(-n+3) {flex-basis:31%;} .mnb_fthl .main_nhl_box_box:nth-child(-n+3) .main_nhl_box_box_title {font-size:20px;line-height:28px;} } .main_nhl_ib_1:after, .main_nhl_ib_2:after, .main_nhl_ib_3:after {content:attr(data-type);position:absolute;display:flex;align-items:flex-end;bottom:0;left:0;padding:4px 10px 4px 8px;color:#FFF;font-size:11px;text-shadow:1px 1px #000;} .main_nhl_ib_1:after {background-color:rgb(90 0 255 / 70%);} .main_nhl_ib_2:after {background-color:rgb(90 0 255 / 70%);} .main_nhl_ib_3:after {background-color:rgb(90 0 255 / 70%);} @media only screen and (max-width:550px) { .main_nhl_ib_1:after, .main_nhl_ib_2:after, .main_nhl_ib_3:after {display:none;} } /**/ .game_head {position:relative;display:flex;flex-direction:column;flex-wrap:wrap;z-index:2;align-items:flex-start;align-content:flex-start;} .game_head_title {color:#FFF;font-size:28px;font-weight:bold;line-height:34px;width:100%;text-shadow:2px 2px 0 black, 0px 0px 5px black;margin-bottom:10px;} .game_head_details {font-size:15px;color:#EEE;text-shadow:1px 1px 0 black, 0px 0px 5px black;min-width:280px;line-height:25px;max-width:400px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .game_head_cover {position:relative;z-index:2;margin:0 0 10px 0;max-width:230px;} .game_head_cover img {width:100%;height:auto;margin-bottom:-2px;background-size:cover;box-shadow:1px 1px 6px 0 black;} .game_head_mr {display:flex;flex-flow:row nowrap;width:100%;margin-top:10px;justify-content:space-between;align-self:flex-end;align-items:flex-end;gap:10px;} .game_head_mr_left {flex:1 0 auto;} .game_head_mr_right {flex:0 1 auto;display:flex;} @media only screen and (max-width:1050px) { .game_head_mr {flex-flow:row wrap;} .game_head_mr_left {order:2;flex:0 1 100%;} .game_head_mr_right {order:1;flex:0 1 100%;} } @media only screen and (max-width:700px) { .game_head {flex-wrap:wrap;} .game_head_details {order:2;margin:0;} } @media only screen and (max-width:500px) { .game_head_cover {order:1;margin:0 0 10px 0;max-width:100%;} .game_head_cover img {width:100%;height:auto;} } .ghn_menu {display:flex;min-height:38px;width:100%;flex-wrap:wrap;gap:20px;margin-bottom:-4px;} .ghn_menu > a {display:flex;flex-direction:column;justify-content:center;color:#DDD;font-size:15px;padding:5px 15px 4px 15px;min-width:38px;min-height:38px;background-color:rgb(0 0 0 / 60%);font-weight:bold;cursor:pointer;line-height:22px;transition:color .4s;opacity:0.9;transition:0.3s;backdrop-filter:blur(5px);border-radius:2px;} .ghn_menu > a.selected {color:#FFF;} .ghn_menu > a:hover {color:#EEE;background-color:var(--mc-09);opacity:1;} .ghn_menu > a > span {white-space:nowrap;font-size:13px;margin-top:2px;text-transform:uppercase;font-weight:normal;} .gh_menu {display:flex;min-height:38px;width:100%;flex-wrap:wrap;gap:10px 30px;} .gh_menu > a, .ddt {flex:0;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;color:#DDD;font-size:15px;font-weight:bold;padding:5px 0;transition:color .4s;white-space:nowrap;position:relative;text-shadow:2px 2px 0 #000;} .gh_menu > a:after {content:'';position:absolute;bottom:0px;width:90%;height:2px;background-color:transparent;transition:0.3s;} .gh_menu > a.selected {color:#FFF;} .gh_menu > a.selected:after {content:'';position:absolute;bottom:0px;width:110%;height:2px;background-color:var(--mc-12);} .gh_menu > a:hover {color:#EEE;} .gh_menu > a:hover:after {content:'';position:absolute;bottom:0px;width:110%;height:2px;background-color:#fff;transition:0s;} .gh_menu > a > span {background-color:var(--mc-05);white-space:nowrap;margin-left:7px;padding:3px 7px;} .dropdown {position:relative;display:inline-block;} .dropdown_c {display:none;position:absolute;right:0;background-color:var(--mc-05);min-width:160px;box-shadow:2px 2px 5px #000;z-index:1;} .dropdown_c a {font-weight:bold;color:#EEE;padding:12px 16px;text-decoration:none;display:block;} .dropdown_c a:hover {background-color:var(--mc-09)} .dropdown:hover .dropdown_c {display:block;} .add_uuu {display:flex;flex-wrap:wrap;min-height:38px;width:100%;justify-content:flex-end;gap:10px;} .add_ugr, .add_ugl, .add_ugf {display:flex;align-items:center;justify-content:center;text-align:center;color:#DDD;padding:0 15px;min-width:38px;min-height:38px;background-color:rgb(0 0 0 / 60%);cursor:pointer;line-height:28px;transition:color .4s;border-radius:8px;opacity:0.9;transition:0.3s;backdrop-filter:blur(5px);} .add_ugl, .add_ugf {font-size:18px;padding:0 11px} .add_ugr {font-size:15px;position:relative;} .add_ugr_c1, .add_ugr_c2, .add_ugr_c3 {padding-right:80px;position:relative;} .add_ugr_c1 > span, .add_ugr_c2 > span, .add_ugr_c3 > span {border-radius:0 8px 8px 0;padding:5px;margin-left:6px;position:absolute;right:0;top:0;width: 70px;} .add_ugr_c1 > span {background-color:#640000;} .add_ugr_c2 > span {background-color:#994600;} .add_ugr_c3 > span {background-color:#006408;} .add_ugf.checked, .add_ugf.checked:hover, .add_ugl.checked, .add_ugl.checked:hover {background-color:var(--mc-09);} .add_ugr:hover, .add_ugl:hover, .add_ugf:hover {background-color:var(--mc-09);color:#DDD;opacity:1;} @media only screen and (max-width:1050px) { .gh_menu, .add_uuu {width:100%;justify-content:flex-start;} } @media only screen and (max-width:500px) { .game_head_mr {gap:0;} .add_ugr {width:100%;} .gh_menu, .add_uuu {justify-content:center;} .add_ugl, .add_ugf {margin:0 7px;} .gh_menu {flex-wrap:wrap;margin-top:15px;} .ghn_menu {flex-direction:column;margin-top:10px;gap:5px;} .ghn_menu > a {flex:0 1 100%;align-items:center;} } /**/ .ch_bg {position:absolute;top:25px;right:25px;width:50px;height:50px;background-color:#aaff55;opacity:0;transition:0.3s;background:url(1001.svg#globe);background-image:url(1001.svg#globe);background-size:25px 25px;background-repeat:no-repeat;background-position:center;} .headline_container:hover > .ch_bg {opacity:0.7;transition:0.3s;} .profile_head {position:relative;display:flex;flex-direction:column;z-index:2;align-items:flex-start;align-content:flex-start;} .profile_head_mi {display:flex;flex-wrap:nowrap;align-items:flex-start;margin-bottom:10px;} .profile_head_title {display:flex;width:100%;align-items:flex-start;flex-direction:column;font-size:14px;} .profile_head_name {flex:1;color:#EEE;font-size:28px;font-weight:bold;line-height:36px;width:100%;text-shadow:2px 2px 0 #000, 0px 0px 5px #000;word-break:break-word;margin:0;} .profile_head_level {color:#EEE;font-size:18px;font-weight:bold;margin:5px 0;white-space:nowrap;text-shadow:2px 2px 0 #000;} .profile_head_cover {flex:0 0 150px;width:150px;height:150px;display:flex;justify-content:center;align-items:flex-start;margin-right:15px;} .profile_head_cover img {max-width:150px;max-height:150px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(1px 1px 3px #000);} .profile_head_cover img.no_avatar {max-width:100px;max-height:100px;} .profile_head_details {font-size:15px;color:#FFF;text-shadow:1px 1px 0 black, 0px 0px 5px black;align-self:flex-start;line-height:25px;max-width:500px;} .profile_head_details_ach {display:flex;text-shadow:1px 1px #000;flex-flow:row wrap;width:100%;width:215px;align-items:flex-start;} .profile_head_details_info {flex:1;display:flex;flex-flow:row wrap;} .profile_head_details_left {flex:1;display:flex;flex-flow:row wrap;align-self:flex-start;} .profile_head_details_right {flex:1;display:flex;flex-flow:column wrap;max-width:225px;} .profile_head_details_br {display:flex;min-height:38px;width:100%;justify-content:flex-end;} @media only screen and (max-width: 500px) { .profile_head_cover {flex:0 0 100px;width:100px;height:100px;} .profile_head_cover img {max-width:100px;max-height:100px;} .profile_head_name {font-size:28px;line-height:40px;} .profile_head_details_ach {margin:10px 0 0 -115px;width:250px;} } @media only screen and (max-width: 700px) { .ch_bg {display:none;} } .profile_head_mr {display:flex;flex-flow:row nowrap;justify-content:space-between;align-self:flex-end;width:100%;} .profile_head_mr_left {flex:1 0 auto;min-height:38px;} .profile_head_mr_right {flex:0 1 auto;display:flex;min-height:38px;} .dropdown {position:relative;display:inline-block;} .dropdown_c {display:none;position:absolute;right:0;background-color:var(--mc-05);min-width:160px;box-shadow:2px 2px 3px #000;z-index:1;} .dropdown_c a {font-weight:bold;color:#EEE;padding:12px 16px;text-decoration:none;display:block;} .dropdown_c a:hover {background-color:var(--mc-09)} .dropdown:hover .dropdown_c {display:block;} .dropdown:hover .ddt {background-color:var(--mc-09);} @media only screen and (max-width:750px) { .profile_head_mr {flex-flow:row wrap;margin-top:10px;} .profile_head_mr_left {order:2;flex:0 1 100%;} .profile_head_mr_right {order:1;flex:0 1 100%;} } .prfh_lev {background-color:rgb(90 90 90 / 30%);} .prfh_lev_c {margin:5px 5px 0 0;text-align:center;line-height:24px;cursor:default;} .prfh_lev_c span {font-size:13px;color:#DDD;padding:4px 5px 4px 6px;border-radius:4px;text-shadow:1px 1px #000;white-space:nowrap;position:relative;} .prfh_lev {background-color:rgb(31 15 87 / 70%);} /* PROFIL: teljesítmény */ .progress-block {max-width:600px;margin:20px auto;} .progress-row {width:100%;display:flex;flex-flow:row wrap;margin:10px auto;max-width:660px;} .level-num {text-align:center;line-height:34px;min-width:34px;height:34px;font-size:16px;color:#FFF;background-color:var(--mc-07);padding:0 10px;font-weight:bold;} .progress-aalap {flex:1;position:relative;margin:0 5px;} .progress-pn {position:absolute;text-align:center;line-height:34px;font-size:16px;color:#EEE;overflow:hidden;z-index:21;width:100%;font-weight:bold;text-shadow:2px 2px #000;} .progress-meter {height:34px;position:relative;margin:0;z-index:20;} .progress-meter > span {display:block;height:100%;position:relative;overflow:hidden;} .animate > span:after {display:none;} .progress-line {background-color:var(--mc-03);} .progress-line > span {text-align:right;line-height:34px;color:#fff;background-color:var(--mc-10);background-image:linear-gradient(var(--mc-10), var(--mc-07));} .prog_cont {display:flex;flex-flow:row wrap;margin:30px 0;justify-content:space-around;} .prog_block {flex:0 0 320px;margin:25px;width:320px;display:flex;flex-flow:row nowrap;} @media only screen and (max-width:450px) {.prog_block {margin:25px 0;}} .prog_block_left {flex:0;min-width:100px;align-self:center;} .prog_block_right {flex:1;margin-left:30px;} .prog_title {font-size:16px;font-weight:bold;margin-bottom:20px;color:#EEE;} .svg_acc circle {stroke:#444;stroke-width:6px;} .svg_acc_cont {top:0;display:block;height:110px;width:110px;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .prog_ach_img {position:relative;} .prog_ach_img .bar_10 {stroke:var(--mc-12);} .prog_ach_img img {width:90px;margin:0 auto;display:block;} .prog_dr {padding:0 0 3px 0;} .prog_dr_point {margin:10px 0;} .prog_dr_point span {color:#FFF;font-weight:bold;text-shadow:1px 1px #000;} .warn_span {color:#FFF;background-color:#8c0000;padding:4px 8px;font-weight:bold;text-shadow:1px 1px #000;} .prog_lev_c {margin:20px;} .prog_lev_c span {font-size:20px;color:#FFF;padding:6px 10px;font-weight:bold;border-radius:20px;text-shadow:1px 1px #000;} .prog_lev_0 {background-color:#444;color:#CCC;} .prog_lev_1 {background-color:#b30000;border:3px solid #ff0000;} .prog_lev_2 {background-color:#b35900;border:3px solid #ff8000;} .prog_lev_3 {background-color:#969600;border:3px solid #ffff00;} .prog_lev_4 {background-color:#4b9600;border:3px solid #76ea00;} .prog_lev_5 {background-color:#009400;border:3px solid #15ff00;} .prog_lev_6 {background-color:#008a45;border:3px solid #00ff7f;} .prog_lev_7 {background-color:#00908f;border:3px solid #00ffff;} .prog_lev_8 {background-color:#005892;border:3px solid #0080ff;} .prog_lev_9 {background-color:#040492;border:3px solid #1b1bff;} .prog_lev_10 {background-color:#2d00b3;border:3px solid #5f2aff;} .prog_sum_cont {display:flex;flex-flow:column nowrap;margin:30px 0;} .prog_sum_lt {text-align:center;font-size:16px;font-weight:bold;color:#FFF;margin-bottom:20px;} .prog_sum_lnum {text-align:center;display:inline-block;min-width:128px;margin:0 auto 20px auto; color:#FFF;font-size:58px;padding:15px 50px;background:var(--mc-03);background:linear-gradient(0deg, var(--mc-03) 0%, var(--mc-06) 100%);border: 7px outset #23238a;position:relative;overflow:hidden;} .prog_sum_lnum:before {content:'';background-image: url('https://gepig.com/achv/M43.jpg');background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0.4;} .prog_sum_lnum div {position:relative;color:#FFF;font-size:58px;text-shadow: 3px 3px 2px #000, 0px 0px 5px #FFF;} .prog_sum_dr {text-align:center;padding:7px;} /* PROFIL: eszköz */ .device_block {display:flex;flex-flow:row wrap;min-height:75px;margin:25px 0;} .device_block a {flex:1;} .device_block:hover .device_block_details {background-color:var(--mc-06);} .device_block_cover {float:left;width:75px;height:75px;} .device_block_cover img {max-height:75px;max-width:75px;} .device_block_details {overflow:hidden;background-color:var(--mc-03);min-height:75px;padding:7px 10px;} .device_block_name {font-size:14px;margin-bottom:7px;font-weight:bold;color:#EEE;line-height:26px;} .device_block_dblock {width:100%;} .device_block_features {float:left;display:block;color:#DDD;} .device_block_features span {font-size:11px;color:#ffcc66;margin-bottom:5px;} @media only screen and (max-width: 640px) {.device_block {margin:25px 5px;}} .ui-datepicker-calendar {display:none;} .oct_block_cont {display:flex;flex-flow:row wrap;margin:0 -5px;justify-content:center;} .oct_block {display:block;margin:5px;} .oct_block img {width:125px;} .profil_fr_addbox_row {background-color:var(--mc-03);display:flex;flex-flow:row wrap;justify-content:space-between;margin:10px 0;} .profil_fr_addbox_row:hover {background-color:var(--mc-06);} .profil_fr_addbox_l {width:200px;} .profil_fr_addbox_l:hover {background-color:var(--mc-06);} .profil_fr_addbox_m {line-height:50px;text-align:center;padding:0 5px;} .profil_fr_addbox_r {flex:1;line-height:25px;text-align:right;} .profil_fr_addbox_avb {display:inline-block;vertical-align:top;width:50px;height:50px;} .profil_fr_addbox_usb {display:inline-block;line-height:42px;padding-left:15px;} .profil_fr_addbox_usb a {display:block;vertical-align:top;width:100%;color:#FFF;padding:4px;} .profil_fr_addbox_r a {display:inline-block;background-color:var(--mc-04);padding:6px 12px;color:#FFF;margin:6px;} .profil_fr_addbox_r a:hover {background-color:var(--mc-09);} .prf_fr_list_del {margin-top:5px;} .prf_fr_list_del a {color:#555;} .prf_fr_list_del a:hover {color:#AAA;} .mesl_block {display:flex;margin:13px auto;max-width:750px;overflow:hidden;background-color:var(--mc-03);color:#ccc;padding:10px;} .mesl_block:hover {background-color:var(--mc-04);color:#fff;} .mesl_avatar {width:50px;height:50px;display:flex;align-items:center;justify-content:center;} .mesl_avatar img {max-height:50px;max-width:50px;display:block;margin:0 auto;} .mesl_main {flex:1;display:flex;flex-flow:row nowrap;padding:4px 5px 4px 12px;line-height:20px;} .mesl_left {flex:1;} .mesl_name {font-weight:bold;font-size:15px;} .mesl_right {text-align:right;} .mesl_new {color:#aaff55;} .mesl_hl {background-color:var(--mc-05);} .mes_block {display:flex;margin:25px 0;overflow:hidden;padding-bottom:25px;border-bottom:1px solid var(--mc-03);} .mes_avatar {width:75px;height:75px;display:flex;align-items:center;justify-content:center;flex:0 0 75px;} .mes_avatar img {max-height:75px;max-width:75px;display:block;margin:0 auto;} .mes_main {flex:1;padding:3px 15px;} .mes_name {width:100%;color:#888;} .mes_text {width:100%;margin-top:15px;word-break:break-word;} .mes_del {display:block;width:100%;text-align:right;color:#aaa;} .mes_del a {color:#777;font-size:11px;} .mes_reci_mod {justify-content:flex-end;} .mes_reci_mod .mes_avatar {order:2;} .mes_reci_mod .mes_main {order:1;background-color:var(--mc-02);} @media only screen and (max-width:450px) { .mes_avatar {width:35px;height:35px;display:flex;align-items:center;justify-content:center;flex: 0 0 35px;} .mes_avatar img {max-height:35px;max-width:35px;display:block;margin:0 auto;} } .user_oam_list_cont {display:grid;grid-template-columns:repeat(auto-fit, minmax(50px, 1fr));grid-auto-rows:1fr;grid-gap:11px;justify-content:center;} .user_oam_list_cont > * {aspect-ratio: 1/1;} .user_oam_list_cont > *:first-child {grid-row:1 / 1;grid-column:1 / 1;} .user_oam_list_block {justify-self:center;display:flex;align-items:center;justify-content:center;width:56px;height:56px;word-break:break-word;flex-direction:column;text-align:center;border:3px solid transparent;transition:0.3s;} .user_oam_list_block:hover {border:3px solid var(--mc-08);transition:0s;} .user_oam_list_block_img {width:50px;height:50px;display:flex;justify-content:center;align-items:center;} .user_oam_list_block_img img {max-width:50px;max-height:50px;width:50px;height:50px;object-fit:cover;} @media only screen and (max-width: 650px) { .user_oam_list_block:nth-child(n+41) {display:none;} } .user_nsq_list_cont {display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));grid-auto-rows:1fr;grid-gap:12px;justify-content:center;} .user_nsq_list_cont > * {aspect-ratio: 1/1;} .user_nsq_list_cont > *:first-child {grid-row:1 / 1;grid-column:1 / 1;} .user_nsq_list_block {justify-self:center;display:flex;align-items:center;justify-content:center;background-color:var(--mc-03);width:100%;height:100%;max-width:180px;max-height:180px;word-break:break-word;flex-direction:column;text-align:center;padding:10px;} .user_nsq_list_block:hover {background-color:var(--mc-04);color:#FFF;} .user_nsq_list_block_img {width:75px;height:75px;display:flex;justify-content:center;align-items:center;margin-bottom:10px;} .user_nsq_list_block_img img {max-width:75px;max-height:75px;} .user_rb_container {padding:0 25px;} @media only screen and (max-width: 530px) {.user_rb_container {padding:0;}} .user_rb_item {margin:25px 0 125px 0;} .user_rb_separator {margin-top:20px;font-size:10px;} .user_rb_review_block {display:block;} .user_rb_review_block:hover {} .user_rb_review_title {font-size:13px;color:#DDD;font-weight:bold;padding:6px;height:28px;display:block;} .user_rb_review_title span {line-height:16px;float:right;font-weight:normal;} .user_rb_review_snippet {line-height:16px;color:#CCC;padding:5px;display:block;} .user_rb_brief_review {color:#CCC;padding:5px;word-break:break-word;} .user_rb_nr_cont {display:flex;flex-flow:row wrap;justify-content:space-around;} .user_rb_nr_block {flex:1 0 50%;margin:4px 0;} @media only screen and (max-width: 530px) {.user_rb_nr_block {flex:1 0 180px;}} .user_rb_nr_sub {width:180px;margin:0 auto;} .user_rb_nr_block_rtitle {display:inline-block;vertical-align:top;width:100%;color:#CCC;text-align:left;padding:6px 5px;} .user_rb_nr_block_ritems {display:inline-block;vertical-align:top;line-height:20px;text-align:left;} .g_rating_u_ritems span {cursor:default;} .user_rb_nr_block_value {letter-spacing:1px;font-size:15px;color:var(--mc-11);} .user_rb_nr_block_vleft {letter-spacing:1px;font-size:15px;color:var(--mc-04);} .user_rb_nr_rnum {display:inline-block;font-size:13px;color:#DDD;background-color:var(--mc-05);font-weight:bold;line-height:20px;min-width:50px;text-align:center;padding:2px;margin:0 3px 0 5px;} @media only screen and (max-width: 670px) {.user_rb_nr_block_rtitle {width:100%;}} .games_main_box_cont {display:flex;flex-flow:row wrap;justify-content:space-between;margin:0 -10px 30px -10px;} .games_main_box {display:block;flex:1;margin:10px;min-width:211px;} .games_main_box img {width:100%;height:auto;box-shadow: 0 0 10px 0 #000000;} .games_main_box:hover .games_main_box_title {background-color:#300099;transition:background-color 0s;} .games_main_box_title {font-size:14px;text-align:center;min-height:31px;padding:7px 5px;color:#EEE;margin-top:-3px;transition:background-color 1s;} .gr_box {display:flex;margin:30px 0;position:relative;overflow:hidden;padding:7px;box-shadow:0px 1px 4px 1px #000;text-shadow:1px 1px 0 #000;} .gr_box:before {content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;inset:0 0 0 0;background:linear-gradient(90deg, rgb(40 0 170 / 60%) 0%, rgb(80 0 170 / 60%) 100%);transition:transform 1.5s ease;transform:scaleX(0) skewX(-90deg);transform-origin:top left;z-index:3;} .gr_box:hover:before {transition:transform 0.3s ease;transform:scaleX(1) skewX(0deg);transform-origin:top left;} .gr_box > .gr_box_details > div {transition:color 2s;} .gr_box:hover > .gr_box_details > div {color:#EEE;transition:color 0.2s;} .gr_box_th {z-index:4;flex:0;text-align:center;} .gr_box_th img {width:200px;height:93px;margin-bottom:-3px;box-shadow:0px 0px 3px 0 #000;} .gr_box_img {width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;z-index:0;} .gr_box_img:after {z-index:2;content:'';position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient( 90deg, var(--mc-04) 25%, rgb(0, 0, 0, 0.7) 100%);} .gr_box_img img {height:100%;width:100%;object-fit:cover;margin:0;filter:blur(4px) saturate(1.5);z-index:1;} .gr_box_details {z-index:4;flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;overflow:hidden;min-height:84px;padding:0 10px;} .gr_box_details_title {line-height:26px;font-size:15px;color:#DDD;flex:1 0 100%;width:100%;font-weight:bold;position:relative;} .gr_box_details_row {line-height:22px;color:#CCC;font-size:13px;flex:1 1 60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .gr_box_details_rowb {line-height:22px;color:#CCC;font-size:13px;flex:1 1 40%;text-align:right;white-space:nowrap;width:50px;overflow:hidden;text-overflow:ellipsis;} @media only screen and (max-width:680px) { .gr_box_details_row, .gr_box_details_rowb {flex:1 0 100%;text-align:left;} .gr_box_details_row {padding-bottom:0px;} .gr_box_details_rowb {padding-top:0px;} } @media only screen and (max-width:480px) { .gr_box_th {display:none;} } .support_us_cont {display:block;position:relative;background:linear-gradient(300deg, #00ff40, #008c46, #4d4cff, #8600b3, #ff00ff);padding:3px;width:100%;margin:35px auto;} .support_us_box {display:flex;min-height:70px;background-color:rgb(0 0 0 / 80%);align-items:center;justify-content:center;flex-wrap:wrap;transition:0.5s;padding:15px 15px 0 15px} .support_us_box:hover {background-color:rgb(0 0 0 / 60%);transition:0.5s;} .support_us_box:hover .support_us_box_button {background-color:#118c38;transition:0.5s;} .support_us_box_text {font-size:16px;font-weight:bold;color:#EEE;flex:1;padding:0 15px 15px 0;min-width:250px;text-shadow:2px 2px #000;line-height:24px;text-align:center;} .support_us_box_button {font-size:15px;color:#EEE;background-color:#0b5e26;text-align:right;padding:12px 25px;margin-bottom:15px;font-weight:bold;transition:0.5s;text-shadow:1px 1px #000;box-shadow:0px 1px 8px 0px #111;} .video-container {position:relative;width:100%;height:0;margin-bottom:30px;padding-bottom:56.25%;cursor:pointer;} .video-container:hover .vb_play_button {background-color:var(--mc-10);} .vb_play_button {position:absolute;top:50%;left:50%;width:5.5em;height:3.75em;transform:translate(-50%, -50%); background:transparent;background-color:#424242;background-color:rgb(54 0 153 / 85%);border:3px solid var(--mc-10);} .vb_play_button:after {content:'';position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-40%,-50%);border-style:solid;border-color:#fff;border-width:.7em;border-left-width:1.2em;border-top-color:transparent;border-bottom-color:transparent;border-right-width:0;} .video-flex {position:absolute;top:0;left:0;width:100%;height:100%;} .s_block_cont {display:flex;flex-flow:row wrap;justify-content:flex-start;overflow:hidden;} .s_block {flex:0 0 50%;} .s_block a {display:block;font-size:14px;margin:0 10px 0 0;padding:10px;} .s_block a:hover {background-color:var(--mc-05);color:#fff;} .sl_block_cont {display:flex;flex-flow:row wrap;justify-content:flex-start;} .sl_block {flex:1 0 50%;} .sl_block_l {margin:15px 10px 15px 0;min-width:250px;position:relative;} .sl_block_title {margin:0 0 15px 0;font-size:16px;font-weight:bold;color:#DDD;} .sl_block_l a {display:block;padding:7px 0;} .sl_block_l h3 {position:relative;} .sl_block_l .gpu_mlogo {position:absolute;top:5px;right:5px;width:45px;text-align:right;} /**/ .su_tcont {width:100%;transition:0.5s;cursor:default;display:flex;justify-content:space-around;margin:25px 0;flex-wrap:wrap;background-color:var(--mc-03);padding:15px;} .su_t_left {flex:1;min-width:80px;font-size:10px;margin-right:15px;align-self:center;} .su_tam {font-weight:bold;font-size:24px;text-align:center;margin-bottom:7px;} .su_t_right {flex:8;align-self:center;line-height:24px;} @media only screen and (max-width: 600px) { .su_tcont {flex-wrap:wrap;flex-direction:column;} .su_tdiv {flex-basis:100%;} } .su_dev_cont {display:flex;flex-wrap:nowrap;padding:5px;cursor:default;} .su_dev_cont:hover {background-color:var(--mc-03);} .su_dev_cont div:nth-child(odd) {width:150px;} .su_dev_cont div:nth-child(even) {flex:1 1 70%;} .su_dev_t {padding-right:15px;color:#db70ff;} .su_dev_f {padding-right:15px;color:#ffa143;} .su_dev_k {padding-right:15px;color:#26ff5c;} .fb_2s {background-color:var(--mc-03);flex:1 0 47%;margin:0 10px 10px 0;} @media only screen and (max-width: 700px) {.fb_2s {flex:1 0 98%;}} .adv_he_cont {display:flex;flex-wrap:wrap;} .adv_he_item {flex:1;margin:0 20px 20px 0;padding:17px;min-width:300px;background-color:var(--mc-03);line-height:22px;} .adv_he_title {font-size:16px;font-weight:bold;margin-bottom:20px;} .adv_pa_cont {column-count:3;column-gap:15px;text-align:center;line-height:1.6em;} .adv_pa_cont {column-count:3;column-gap:15px;text-align:center;line-height:1.6em;} .about_atv_ww {text-align:right;} .ab_con_cont {display:flex;flex-wrap:wrap;} .ab_con_datas {flex:1 0 25%;display:flex;flex-wrap:wrap;font-weight:bold;padding:20px 10px;} @media only screen and (max-width: 800px) {.ab_con_datas {flex:1 0 33%;}} @media only screen and (max-width: 600px) {.ab_con_datas {flex:1 0 50%;}} .ab_con_datas div {padding:3px;width:100%;text-align:center;} .ab_con_datas div:nth-child(1) {font-size:20px;} .ab_con_datas div:nth-child(2) {font-size:14px;} .ab_imp_cont {display:flex;flex-wrap:wrap;} .ab_imp_item {flex:0 0 50%;text-align:center;padding:20px;} @media only screen and (max-width: 550px) {.ab_imp_item {flex:0 0 100%;}} .ab_imp_name {font-weight:bold;font-size:15px;padding:5px;} .about_us_soc_row {margin:12px 0;display:block;line-height:24px;} .au_sm_wt {float:left;margin-right:10px;} .three_col {column-count:3;} @media only screen and (max-width: 550px) {.three_col {column-count:2;}} .faq_block {padding:15px;} .faq_block summary {cursor:pointer;} .faq_block p {background-color:var(--mc-03);padding:10px;} .con_menu {margin:25px -7px;overflow:hidden;} .con_menu ul {display:flex;align-items:stretch;min-height:32px;margin:0;padding:0;clear:both;list-style:none;flex-wrap:nowrap;} .con_menu li {flex:1;margin:7px;} .con_menu li a span {flex:1;color:#DDD;text-align:center;display:block;} .con_menu li a span .info {color:#AAA;} .con_menu li a {display:block;white-space:nowrap;background:var(--mc-04);color:#DDD;font-size:14px;font-weight:bold;min-width:95px;height:100%;min-height:32px;margin:0;padding:10px 10px;text-align:center;vertical-align:middle;transition:all 400ms ease;cursor:pointer;} .con_menu li a.selected {background:var(--mc-07);color:#FFF;} .con_menu li a:hover {background:var(--mc-10);color:#EEE;transition:0s;} @media only screen and (max-width: 720px) { .con_menu ul {flex-flow:row wrap;} .con_menu li {flex:1 0 150px;} .con_menu li a {min-width:150px;margin:0;} } .na_infos {font-size:14px;color:#DDD;line-height:24px;margin:20px 0 20px 0;} .na_heading_img {width:100%;} .na_heading_img img {width:100%;margin:0 auto;box-shadow:0 0 8px 1px #000;} .na_content {overflow:auto;color:#DDD;padding:0;min-height:50px;margin:25px 25px 35px 25px;clear:both;overflow-wrap:break-word;} @media only screen and (max-width: 550px) { .na_content {margin:20px 5px 35px 0px;} } .na_content a {color:var(--lc-01);} .na_content a:hover {color:var(--lc-02);} .na_content figure {margin:30px auto;display:flex;justify-content:center;flex-wrap:wrap;} .na_content figure img {margin:0 auto;max-width:100%;max-height:900px;box-shadow:0 0 8px 1px #000;} .na_content figure figcaption {padding:5px 7px;caption-side:bottom;font-size:12px;font-style:italic;width:100%;text-align:center;} .na_content p {font-size:16px;color:#DDD;line-height:28px;margin:25px 0;} .na_content p:first-child {margin-top:0;} .na_content p:last-child {margin-bottom:0;} .na_content b {color:#FFF;} .na_content mark {font-weight:bold;padding:2px 5px;background-color:var(--mc-09);color:#EEE;} .na_content blockquote p {quotes:'\201E' '\201D';} .na_content blockquote p:before {content:open-quote;} .na_content blockquote p:after {content:close-quote;} .na_content blockquote {position:relative;background-color:var(--mc-03);padding:10px;box-shadow:0 24px 18px -20px #000;} .na_content blockquote p {margin:10px 30px 10px 10px;font-style:italic;font-size:18px;line-height:28px;} .na_content blockquote:after {font-style:normal;position:absolute;color:var(--mc-10);content:"\275E";font-size:50px;right:5px;top:-10px;} @media only screen and (max-width: 550px) { .na_content blockquote {margin:10px 5px;} .na_content blockquote p {margin:10px 20px 10px 10px;} } .na_content .lead {font-weight:bold;color:#DDD;} .na_content .vwrap {max-width:660px;margin:20px auto;} .na_content .vcont {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0 auto;} .vcont iframe, .vcont object,.vcont embed {position:absolute;top:0;left:0;width:100%;height:100%;} .na_content_lead {font-weight:bold;} .caption {position:relative;text-align:right;width:572px;padding:4px;background:var(--mc-03);color:#fff;opacity:0.85;bottom:31px;margin:0 0 -28px 15px;} .p_features {display:inline-block;vertical-align:top;text-align:left;width:318px;padding:0;background:var(--mc-03);color:#ddd;margin:5px;} .p_features ul, .n_features ul {font-size:12px;padding:10px 10px 10px 20px;margin:0;} .p_features li, .n_features li {font-size:11px;padding:0;list-style:none;margin:0 10px 0 0;} .p_features li:before {font-size:12px;color:#04ba2b;content:"▲ ";} .n_features {display:inline-block;vertical-align:top;text-align:left;width:318px;padding:0;background:var(--mc-03);color:#ddd;margin:5px;} .n_features li:before {font-size:12px;color:#fb0202;content:"▼ ";} .rgb_light {background-image:linear-gradient(to left, #ff26ff, #8000ff, #2626ff, #00ff40, #ffff26, #ffbf00, #ff0000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bold;transition:background-image .25s ease-in-out;} .highlighted {font-weight:bold;padding:2px 5px;background-color:var(--mc-10);color:#EEE;} .custom-list-style-1, .custom-list-style-2, .custom-list-style-3 {list-style:none;padding:0;padding-inline-start:40px;} .custom-list-style-1 li, .custom-list-style-2 li, .custom-list-style-3 li {margin:7px 0;} .custom-list-style-1 li:before {content:"\25BA";display:inline-block;color:var(--mc-12);margin-left:-1.2em;width:1.3em;} .custom-list-style-2 li:before {content:"\25A0";display:inline-block;color:var(--mc-12);margin-left:-1.2em;width:1.3em;} .custom-list-style-3 li:before {content:"\2022";display:inline-block;color:var(--mc-12);margin-left:-1.2em;width:1.3em;} .con_text p + h2, .con_text p + h3, .con_text p + h4, .con_text p + h5 {margin-top:60px;} .con_text {padding:0;overflow-wrap:break-word;} .con_text p {font-size:13px;color:#CCC;line-height:1.8em;margin:20px 0;text-align:left;} .con_text p b {color:#DDD;} .con_text p .lead {font-weight:bold;color:#CCC;} .con_text a {color:#fff;} .con_text a:hover {color:#66ff33;} .tofcontents {margin:10px 25px 35px 25px;} .tofcontents a {display:block;padding:8px;color:#DDD;} .tofcontents a:hover {background-color:var(--mc-04);color:#FFF;} .vote_bar {height:10px;background:linear-gradient(90deg, #81EBF5 0%, #31B1CF 100%);} .vote_r_group{display:flex;flex-wrap:wrap;margin:5px;position:relative;} .vote_r_option{flex:1;padding:12px 12px 12px 15px;width:100%;display:block;text-align:left;color:#ddd;position:relative;z-index:2;transition:color 200ms ease-in;overflow:hidden;background:linear-gradient(to left, var(--mc-06), var(--mc-05));background-repeat:no-repeat;} .vote_r_option.chosen {background:linear-gradient(to left, var(--mc-11), var(--mc-10));background-repeat:no-repeat;} .vote_r_pct {position:relative;min-width:50px;display:block;text-align:center;color:#eee;z-index:2;} .vote_r_pct_num{position:absolute;top:50%;left:50%;font-size:14px;transform:translate(-50%,-50%);width:100%;min-width:50px;display:block;text-align:center;color:#eee;z-index:3;} .vote_box {padding:15px 10px;background:linear-gradient(45deg, var(--mc-03) 0%, var(--mc-04) 100%);color:#DDD;max-width:660px;margin:0 auto;} .vote_title {text-align:center;font-size:16px;padding:4px 0 12px 0;font-weight:bold;} .vote_container {cursor:default;display:flex;flex-wrap:wrap;align-items:center;} .vote_block {flex:1 0 100%;} .vote_footer {display:flex;align-items:center;padding:5px 5px 5px 10px;} .vote_footer_fdiv {flex:1;padding-right:15px;} .vote_footer_right {text-align:right;} .vote_group {display:block;margin:5px;position:relative;} .vote_group label {padding:12px 45px 12px 15px;width:100%;display:block;text-align:left;color:#eee;cursor:pointer;position:relative;z-index:2;transition:color 200ms ease-in;overflow:hidden;} .vote_group label:hover {background-color:var(--mc-07);} .vote_group label:after {width:32px;height:32px;content:'';border:2px solid #777;background-repeat:no-repeat;background-position:1px center;border-radius:50%;z-index:2;position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;transition:all 200ms ease-in;} .vote_group input:checked ~ label {color:#fff;transition:0.2s;} .vote_group input:checked ~ label:after {background-image:url('1001.svg#ch-mark');background-color:var(--mc-10);border-color:#eee;background-size:25px 25px;} .vote_group input {width:32px;height:32px;order:1;z-index:2;position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer;visibility:hidden;} /**/ .forum_breadcrumbs {margin:25px 0;} .breadcrumbs {margin-bottom:10px} .breadcrumbs a+a:before {content:'/';padding:0 10px;} .forum_c_cont {position:relative;display:block;min-height:130px;padding:20px;margin-bottom:25px;box-shadow:1px 1px 3px #000;} .forum_c_bg {position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background-color:var(--mc-07);} .forum_c_bg:after {content:'';position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, rgb(36 0 102 / 100%) 20%, rgb(0 0 0 / 30%) 100%);} .forum_c_cont:hover .forum_c_bg:after {background:linear-gradient(to right, rgb(48 0 136 / 100%) 20%, transparent 100%);} .forum_c_bg img {height:100%;width:100%;object-fit:cover;z-index:-1;} .forum_c {display:block;} .forum_c_name {color:#EEE;font-size:22px;font-weight:bold;width:100%;text-shadow:2px 2px 0 #000, 0px 0px 5px #000;word-break:break-word;} .forum_c_desc, .forum_c_inf {color:#EEE;width:100%;text-shadow:1px 1px 0 #000, 0px 0px 5px #000;word-break:break-word;margin-top:15px;} .forum_c_inf {font-weight:bold;} .forum_th_cont {padding:0 10px 10px 10px;margin:-20px 0 70px 0;} .forum_th_more {padding:12px 20px;background-color:var(--mc-03);text-align:center;display:block;} .forum_th_more:hover {color:#fff;background-color:var(--mc-04);} .forum-tbk-block, .forum-tbk-th {font-size:13px;padding:8px 3px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;} .forum-tbk-block:hover {background-color:var(--mc-04);} .forum-tbk-th {background-color:var(--mc-03);font-weight:bold;border-bottom:none;padding:3px 3px;} .forum-tbk-a {display:flex;flex-flow:row nowrap;flex:1 1 50%;margin-right:10px;} .forum-tbk-b {display:flex;flex-flow:row nowrap;flex:1 0 50%;justify-content:flex-end;} .forum-tbk-icon {padding:8px 8px 3px 8px;width:35px;} .forum-tbk-name {flex:1;color:#CCC;padding:5px;line-height:1.4;font-weight:bold;} .forum-tbk-cmts, .forum-tbk-lc, .forum-tbk-user {color:#BBB;padding:5px;white-space:nowrap;} .forum-tbk-user {text-align:right;text-overflow:ellipsis;overflow:hidden;flex:0 1 auto;} .forum-tbk-cmts {min-width:15%;text-align:center;flex:0 0 auto;} .forum-tbk-lc {min-width:20%;text-align:right;flex:0 0 170px;} @media only screen and (max-width: 700px) { .forum-tbk-a {width:100%;flex:1 0 100%;} .forum-tbk-b {width:100%;flex:1 0 100%;} .forum-tbk-th {flex-flow:row wrap;border-bottom:none;} .forum-tbk-block {flex-flow:row wrap;border-bottom:1px solid rgb(255 255 255 / 10%);} .forum-tbk-lc, .forum-tbk-user {text-align:right;} } .forum_thread_content {background-color:var(--mc-03);table-layout:fixed;font-size:13px;color:#DDD;padding:10px;word-wrap:break-word;margin-bottom:25px;line-height:22px;} /**/ .emoji-popup {margin:10px 0;padding:5px;display:none;letter-spacing:7px;background-color:var(--mc-03);overflow:auto;z-index:100;font-size:20px;max-height:250px;line-height:normal;} .emoji-popup div {display:inline-block;cursor:pointer;width:46px;line-height:39px;text-align:center;} [class^="bbcode-"] {cursor:pointer;padding:3px;margin:0 0 7px 0;background-color:var(--mc-04);background-size:18px 18px;background-repeat:no-repeat;background-position:center center;width:38px;height:32px;box-shadow:1px 1px 0px #000;} [class^="bbcode-"]:hover {background-color:var(--mc-06);} .bbcode-emoji {background-image:url('1001.svg#bb-emoji');} .bbcode-b {background-image:url('1001.svg#bb-b');} .bbcode-i {background-image:url('1001.svg#bb-i');} .bbcode-u {background-image:url('1001.svg#bb-u');} .bbcode-s {background-image:url('1001.svg#bb-s');} .bbcode-url {background-image:url('1001.svg#bb-url');} .bbcode-img {background-image:url('1001.svg#bb-img');} .bbcode-yt {background-image:url('1001.svg#bb-yt');} .bbcode-center {background-image:url('1001.svg#bb-center');} .bbcode-small {background-image:url('1001.svg#bb-small');} .bbcode-code {background-image:url('1001.svg#bb-code');} .bbcode-spoiler {background-image:url('1001.svg#bb-spoiler');} .bbcode-quote {background-image:url('1001.svg#bb-quote');} .comment_cont {margin-top:15px;} .comment_box, .comment_reply_box {padding:10px;display:flex;transition:0.3s;} /*.comment_reply_box:hover, .comment_box:hover {background-color:var(--mc-03);transition:0s;}*/ .comment_box:target, .comment_reply_box:target {background-color:var(--mc-03);} .comment_reply_cont {margin-left:10px;border-left:3px solid var(--mc-04);} .comment_reply_cont.no_mrgn {margin-left:0;border-left:0;} .comment_box + .crh {display:none;} .comment_box:hover + .comment_reply_cont, .comment_reply_box:hover + .comment_reply_cont {border-left:3px solid var(--mc-07);} .comment_box:hover + .comment_reply_cont.no_mrgn, .comment_reply_box:hover + .comment_reply_cont.no_mrgn {border-left:0;} .comm_bb {height:30px;position:relative;} .show_hide_cb {white-space:nowrap;position:absolute;bottom:0;right:35px;display:block;text-align:center;line-height:30px;height:30px;padding:0 5px;cursor:pointer;min-width:52px;} .show_hide_cb:hover {background-color:var(--mc-06);color:#fff;} .show_hide_cb.active {background-color:var(--mc-04);} .comm_m_button, .comm_m_button_um {position:absolute;bottom:0;right:0;display:block;font-size:26px;padding:0 9px;line-height:30px;cursor:pointer;width:30px;height:30px;} .comm_m_button:after, .comm_m_button_um:after {content:'\2807';} .comm_m_button {color:#888;} .comm_m_button_um {color:#FFF;} .comm_m_button:hover {color:#CCC;background-color:var(--mc-06);} .comm_m_button_um:hover {color:#FFF;background-color:var(--mc-06);} .comm_m_button.active, .comm_m_button_um.active {background-color:var(--mc-04);} .comm_avatar {width:75px;} .comm_avatar img {max-height:75px;max-width:75px;display:block;margin:0 auto;} .comm_details {flex:1;min-width:195px;padding-left:10px;} .comm_details_prf {min-width:235px;} .comm_inf {display:flex;align-items:center;flex-wrap:wrap;position:relative;} .comm_u {display:flex;align-items:center;} .comm_u:hover .comm_un {text-decoration:underline;color:#FFF;} .comm_un {flex:0;white-space:nowrap;line-height:25px;height:25px;text-align:left;font-size:12px;padding:0 7px 0 0;color:#DDD;font-weight:bold;} .comm_ul {min-width:24px;text-align:center;font-size:11px;color:#BBB;padding:2px 4px;background-color:var(--mc-04);} .comm_ul_ph {width:25px;height:25px;line-height:25px;color:#EEE;display:block;padding:0;text-align:center;cursor:pointer;background-image:url('1001.svg#heart');background-size:18px 18px;background-repeat:no-repeat;background-position:center;margin-left:5px;} .comm_d {flex:1;order:2;font-size:11px;color:#999;padding:6px 10px;} @media only screen and (max-width: 500px) { .comm_un {padding:0 10px;} .comm_d {order:2;flex:1 1 100%;} .comm_details_prf .comm_d {flex:0 0 100%;} } .comm_r, .comm_r_na {display:flex;font-size:11px;color:#bbb;align-items:center;} .comm_r div, .comm_r_na div {padding:0;margin:9px 15px 9px 15px;cursor:default;line-height:12px;position:relative;} .comm_r_uc {display:inherit;} .comm_r_hidden {display:none;} .comm_r_s1:before, .comm_r_s2:before, .comm_r_s3:before, .comm_r_s4:before {content:'';left:-15px;height:12px;width:12px;position:absolute;background-size:12px 12px;background-repeat:no-repeat;background-position:right center;} .comm_r_s1:before {background-image:url('1001.svg#cra-icon-1');} .comm_r_s2:before {background-image:url('1001.svg#cra-icon-2');} .comm_r_s3:before {background-image:url('1001.svg#cra-icon-3');} .comm_r_s4:before {background-image:url('1001.svg#cra-icon-4');} .comm_ra div:before {left:8px;height:28px;background-size:15px 15px;width:16px;} .comm_ra div {display:inline-block;margin:0 7px 7px 0;background-color:var(--mc-04);cursor:pointer;position:relative;text-align:center;height:30px;border-radius:3px;padding:0px 10px 0px 30px;border:1px solid var(--mc-07);line-height:28px;font-size:13px;} .comm_ra div:hover {background-color:var(--mc-07);} .comm_ra .comm_r_uc {background-color:var(--mc-07);border:1px solid #DDD;} .comm_m {display:none;padding:7px 0 0 0;} .comm_mf {display:flex;} .comm_reply_t {margin-bottom:7px;} .comm_mf_left {flex:1;cursor:default;} .comm_mf_right {flex:1;margin-bottom:7px;display:flex;align-items:flex-start;} @media only screen and (max-width: 500px) { .comm_mf {flex-wrap:wrap;} .comm_mf_left {flex:1 0 100%;} } @media only screen and (max-width: 500px) { .comm_mf_left {display:flex;flex-wrap:wrap;} .comm_mf_right {flex:1;} } .comm_mf_right div, .comm_mf_right a {text-align:center;display:inline-block;min-width:35px;background-color:var(--mc-04);padding:8px 10px;cursor:pointer;} .comm_mf_right div:hover, .comm_mf_right a:hover {background-color:var(--mc-06);color:#fff;} .comm_mf_right a {margin-right:7px;} .comm_text {font-size:13px;color:#CCC;display:inline-block;vertical-align:top;width:100%;padding:5px 0 7px 0;table-layout:fixed;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;position:relative;} .comment_reply_box .comm_avatar {width:50px;margin-left:5px;} .comment_reply_box .comm_avatar img {max-height:50px;max-width:50px;display:block;margin:0 auto;} .comment_reply_box .comm_details {padding-left:10px;min-width:195px;} @media only screen and (max-width: 700px) {.comment_reply_cont {margin-left:7px;}} @media only screen and (max-width: 500px) { .comment_box .comm_inf, .comment_box .comm_inf_own {margin-left:50px;} .comment_reply_box .comm_inf, .comment_reply_box .comm_inf_own {margin-left:55px;} .comm_avatar {position:absolute;} .comment_reply_box .comm_avatar {width:40px;margin-left:5px;} .comment_reply_box .comm_avatar img {max-height:40px;max-width:40px;display:block;margin:0 auto;} .comment_box {clear:both;min-height:55px;} .comment_reply_cont {margin-left:5px;} .comm_avatar {width:50px;} .comm_avatar img {max-height:50px;max-width:50px;display:block;margin:0 auto;} .comm_details {min-width:195px;padding-left:0;} } .comment_edit_b_sm {margin-top:10px;} .comment_edit_b_sm input[type=checkbox] + label {cursor:pointer;} .comment_edit_b_button {flex:0;text-align:right;margin-top:5px;} .comment_edit_b_bb {flex:1;padding-top:5px;display:flex;flex-wrap:wrap;} @media only screen and (max-width: 570px) { .comment_edit_b_button {flex:1;} .comment_edit_b_bb {flex:1 0 100%;} } .cm_check {-webkit-appearance:none;appearance:none;background-color:#555;border:2px solid #aaa;padding:10px 11px;display:inline-block;position:relative;right:0;float:right;} .cm_check:checked {background-color:#DDD;border:2px solid #f00;color:#f00;} .cm_check:checked:after {content:'\2716';font-size:22px;position:absolute;top:-6px;left:2px;color:#f00;} .emb_ytv_container {margin:4px;overflow:hidden;position:relative;display:block;width:360px;} .emb_ytv_content {width:120px;float:left;min-height:64px;position:relative;} .emb_ytv_thumbn {cursor:pointer;margin:-15px 0 -15px 0;opacity:0.6;transition:0.5s;} .emb_ytv_content:hover > .emb_ytv_thumbn, .emb_ytv_content:hover span {opacity:1;} .emb_ytv_content span {background:url('1001.svg#embv_playb') no-repeat center center;background-size:40px 40px;top:0;height:100%;left:0;position:absolute;width:100%;cursor:pointer;opacity:0.8;transition:0.5s;} .emb_ytv_info {text-align:left;width:234px;float:right;padding:3px 0 3px 5px;max-height:70px;word-wrap:break-word;line-height:14px;} .forum-img-wrapper {vertical-align:top;min-width:60px;position:relative;cursor:pointer;display:inline-block;max-width:160px;max-height:90px;height:90px;overflow:hidden;} .forum-img {background:no-repeat 50% 50%;vertical-align:top;margin:0 auto;max-width:160px;max-height:90px;} .fifbox {min-width:100px;position:relative;width:100px;max-width:160px;max-height:90px;} .emb_img_fulls_button {background:url('1001.svg#fullscreen') no-repeat top right;background-size:25px 25px;top:3px;right:3px;opacity:0.7;height:25px;position:absolute;width:25px;cursor:pointer;} .forum-img-wrapper:hover .emb_img_fulls_button {opacity:1;} /**/ .search_wr_big_cont {flex:1;} .search_wr_big {width:100%;color:#DDD;height:32px;} .search_select {flex:0 0 auto;font-size:12px;width:129px;height:30px;} .search_button {flex:0 0 auto;vertical-align:top;background:var(--mc-05) url('1001.svg#search') no-repeat center center;height:32px;width:32px;cursor:pointer;border:none;} .search_button_margin {margin-top:10px;} .search_button:hover {background-color:var(--mc-09);} .search_highlight {background-color:var(--mc-08);color:#FFF;padding-left:0;padding-right:0;} .search_sg_link {margin:5px 15px;white-space:nowrap;text-align:center;} .search_res_items {display:flex;flex-flow:row wrap;} .search_res_items a {white-space:nowrap;min-width:16%;text-align:center;} @media only screen and (max-width: 650px) {.search_res_items a {text-align:left;min-width:33%;}} /**/ .ga_block {display:block;margin:0 0 20px 0;} .ga_block:hover > .ga_block_ir .ga_block_title {background-color:var(--mc-08);} .ga_block:hover > .ga_block_ir {background-color:var(--mc-04);} .ga_block_il {float:left;width:240px;height:auto;} .ga_block_il img {width:240px;height:auto;max-height:135px;} .ga_block_ir {overflow:hidden;background-color:var(--mc-03);} .ga_block_title {font-size:16px;color:#DDD;font-weight:bold;background-color:var(--mc-06);padding:8px 14px;} .ga_block_con {flex-grow:1;position:relative;display:block;font-size:13px;color:#CCC;overflow:hidden;} .nyj_main_box_inf_left {float:left;min-height:77px;line-height:28px;padding:0 10px;} .nyj_main_box_inf_right {float:right;min-height:77px;line-height:28px;text-align:right;padding:0 10px;} .nyj_main_box_inf_sp_block {height:50px;margin-right:-10px;} .nyj_main_box_inf_sp_av {display:inline-block;line-height:50px;width:50px;height:50px;} .nyj_main_box_inf_sp_av_img {max-height:50px;max-width:50px;margin:0 auto;vertical-align:middle;} .nyj_main_box_inf_sp_text {display:inline-block;vertical-align:top;color:#CCC;padding:0 10px;line-height:25px;max-width:222px;} @media only screen and (max-width: 650px) { .ga_block_il {float:left;width:200px;height:auto;} .ga_block_il img {width:200px;height:auto;max-height:135px;} } @media only screen and (max-width: 600px) { .ga_block_il {float:left;width:150px;height:auto;} .ga_block_il img {width:150px;height:auto;max-height:135px;} } @media only screen and (max-width: 550px) { .ga_block_il {float:none;width:100%;height:auto;display:block;} .ga_block_il img {width:100%;height:auto;max-width:520px;max-height:292px;} .ga_block_ir {overflow:visible;height:auto;margin-top:-3px;} .ga_block_title {padding:8px 12px;} } @media only screen and (max-width: 420px) { .nyj_main_box_inf_left {float:none;} .nyj_main_box_inf_right {float:none;text-align:left;} .nyj_main_box_inf_sp_av {float:left;} } /**/ .nyj_entry_box_eb {margin:30px auto;} .nyj_entry_button {display:block;font-size:22px;font-weight:bold;text-align:center;text-shadow:2px 2px 0 #000;color:#FFF;background:#3f7703;min-width:250px;max-width:350px;width:100%;height:60px;line-height:60px;border:0px;cursor:pointer;margin:0 auto;} .nyj_entry_button:hover {background:#519904;} .nyj_r_entry_button {display:block;font-size:15px;font-weight:bold;text-align:center;color:#CCC;background:#4d0000;min-width:250px;max-width:350px;width:100%;height:30px;line-height:30px;border:0px;cursor:pointer;margin:0 auto;} .nyj_r_entry_button:hover {background:#800000;} .nyj_wait_text {font-size:12px;font-weight:bold;text-align:center;color:#DDD;height:60px;padding:5px;} .next_entry {font-family:Arial;font-weight:bold;font-size:18px;line-height:40px;} .nyj_sum_entry {display:block;text-align:center;color:#CCC;min-width:250px;max-width:350px;width:100%;margin:0 auto;} .infobox summary {cursor:pointer;} .infobox {background-color:#1b0055;padding:15px;} .infobox details[open] summary ~ * {animation: sweep .5s ease-in-out;} @keyframes sweep { 0% {opacity: 0; margin-left: -10px} 100% {opacity: 1; margin-left: 0px} } .nyj_winner_wrap {position:relative;padding:8px 0;width:100%;text-align:center;} .unyj_row {display:flex;padding:5px;} .unyj_row:hover {background-color:var(--mc-03);} .unyj_name {flex:1;} .unyj_end {text-align:right;flex:0 0 150px;} .nyj_prf_gntb a {color:#A6BFFF;} .nyj_prf_gntb {color:#EEE;font-size:14px;background-color:var(--mc-03);padding:20px;display:block;min-height:122px;text-align:center;margin-bottom:25px;} .nyj_prf_gkb {background-color:#006619;display:inline-block;padding:15px 25px;font-size:20px;} .nyj_prf_gkb::selection {background-color:rgba(255, 100, 100, 1);} .nyj_prf_gntb button.button {color:#DDD;margin:15px 20px 0 20px;} .nyj_prf_gntb button.button.green {margin:15px 20px 0 20px;} .nyj_prf_gntb button.button.red {margin:15px 20px 0 20px;} .nyj_prf_gntb button.button.green::before {content:'\2714';color:#00e000;padding-right:6px} .nyj_prf_gntb button.button.red::before {content:'\2716';color:#ff2121;padding-right:6px} .nyj_prf_cp_btn {content:'\1F4CB';margin-left:20px;cursor:pointer;} .nyj_prf_cp_btn_ok {color:#ffff00;} /* GPU */ .gpu_compare_formb {margin:15px auto;} .gpu_compare_select {margin:5px;width:270px;height:28px;font-size:14px;} .gpu_compare_box {float:left;font-size:16px;color:#DDD;width:50%;text-align:center;line-height:24px;} .gpu_compare_box a {display:block;padding:12px 8px;background-color:var(--mc-03);margin:5px;} .gpu_compare_box a:hover{color:#FFF;background-color:var(--mc-04);} .hw_bblock {width:50%;} .hw_bblock table {padding:0 15px 0 0;} .hw_bb_rc {padding:5px 5px 5px 0;} .hw_bb_a {width:93px;text-align:right;white-space:nowrap;margin:2px;padding:5px;} .hw_bb_b {width:40px;text-align:right;white-space:nowrap;margin:2px;padding:5px;} @media only screen and (max-width: 600px) { .hw_bblock, .gpu_compare_box {width:100%;} .gpu_compare_select {width:95%;} } .hw_spect_diff {display:block;} .hw_spect_diff .span_p {float:left;display:block;width:50px;color:#04B431;} .hw_spect_diff .span_n {float:left;display:block;width:50px;color:#B43104;} .hw_spect_diff .span_e {float:left;display:block;width:50px;text-align:center;} .hw_spect_diff .span_hl {font-weight:bold;color:#EEE;} .gpu_c_cont > div {display:flex;flex-flow:row wrap;} .gpu_c_cont > div > div {padding:5px 5px 5px 0;} .gpu_null {flex:1;margin:0;padding:0;} .gpu_ttbl_rc {flex:1;} @media only screen and (max-width: 500px) { .gpu_ttbl_rc, .gpu_null {flex:1 0 100%;width:100%;} } .gpuc_norm {flex:1;text-align:right;color:#DDD;} .gpuc_rba {flex:1;color:#DDD;text-align:right;white-space:nowrap;} .gpuc_rhi {flex:1;color:#DDD;background-color:#081d0e;text-align:right;white-space:nowrap;} .gpuc_rno {flex:1;color:#CCC;background-color:#240d0d;text-align:right;white-space:nowrap;} .gpuc_reg {flex:1;color:#CCC;background-color:#231a09;text-align:right;white-space:nowrap;} /* GOTY */ .goty_result_div {flex:1 0 30%;display:block;margin:20px 10px;min-width:240px;font-size:14px;color:#DDD;text-align:center;} .goty_result_div:hover {background-color:var(--mc-03);} .goty_result_div img {width:100%;} .goty_result_first_div {display:block;width:100%;max-width:460px;margin:20px auto;background-color:var(--mc-02);} .goty_result_first_div:hover {background-color:var(--mc-03);} .goty_result_first_div img {width:100%;max-width:460px;} .goty_result_winner {color:#33cc33;font-size:18px;font-weight:bold;padding:15px;text-align:center;} .goty_result_winner_gn {color:#FFF;font-size:15px;font-weight:bold;padding:10px;} .goty_result_nom_gn {color:#DDD;font-size:13px;padding:5px;} .goty_qm_cont {display:flex;flex-wrap:wrap;margin:0 -20px;} .goty_qm_div {flex:1 0 50%;max-width:50%;} .goty_qm_idiv {display:block;margin:0 20px 20px 20px;} .goty_qm_idiv:hover {background-color:var(--mc-03);} .goty_qm_div img {width:100%;min-width:200px} .goty_qm_winner {color:#EEE;font-size:15px;font-weight:bold;padding:10px;text-align:center;} .goty_qm_winner_gn {color:#EEE;font-size:15px;font-weight:bold;padding:10px;overflow:hidden;text-overflow:ellipsis;text-align:center;} .goty_qm_nom_gn {color:#DDD;font-size:13px;padding:5px;} @media only screen and (max-width: 520px) { .goty_qm_div {flex:1 0 100%;max-width:100%;} } .goty_winner_b {display:block;text-align:center;margin:10px auto 30px auto;} .goty_winner_b_link {display:block;} .goty_winner_b_img {max-width:4600px;height:auto;} .goty_winner_b_img img {width:100%;max-width:460px;} .goty_winner_b_name {margin:10px;color:#FFF;font-size:18px;font-weight:bold;text-align:center;} .goty_radio_div_cont {display:flex;flex-flow:row wrap;justify-content:center;margin:0 -10px;} .goty_radio_div {clear:both;display:block;margin:20px 5px;min-width:260px;} .goty_radio_div label {width:220px;background-color:var(--mc-03);font-size:14px;color:#DDD;} .goty_radio_div img {width:260px;} .goty_radio_div input.radio:empty {margin-left:-2000px;} .goty_radio_div input.checkbox:empty {margin-left:-2000px;} .goty_radio_div input.radio:empty ~ label {position:relative;float:left;line-height:30px;margin-top:5px;margin-left:40px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding-left:7px;padding-right:5px;} .goty_radio_div input.radio:empty ~ label:before {position:absolute;font-size:21px;text-indent:6px;display:block;top:0;bottom:0;left:-40px;content:'';width:39px;background:var(--mc-03);} .goty_radio_div input.radio:hover:not(:checked) ~ label:before {content:'\2714';font-size:21px;text-indent:6px;background-color:var(--mc-07);color:#FFF;} .goty_radio_div input.radio:hover:not(:checked) ~ label {color:#DDD;background-color:var(--mc-03);} .goty_radio_div input.radio:checked ~ label:before {content:'\2714';font-size:21px;text-indent:6px;background-color:var(--mc-07);color:#00E600;} .goty_radio_div input.radio:checked ~ label {color:#FFF;} .goty_radio_div input.radio.zero:empty ~ label:before {content:'\00d8';} .goty_radio_div input.radio.zero:checked ~ label:before {content:'\00d8';} .goty_radio_div input.radio.zero:hover:not(:checked) ~ label:before {content:'\00d8';} .goty_radio_div input.checkbox:empty ~ label {position:relative;float:left;line-height:30px;margin-top:5px;margin-left:38px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding-left:8px;padding-right:5px;} .goty_radio_div input.checkbox:empty ~ label:before {position:absolute;color:#888;content:'\2764';font-size:18px;text-indent:12px;display:block;top:0;bottom:0;left:-38px;width:38px;background:var(--mc-03);} .goty_radio_div input.checkbox:hover:not(:checked) ~ label:before {content:'\2764';font-size:18px;text-indent:12px;background-color:var(--mc-07);color:#FFF;} .goty_radio_div input.checkbox:hover:not(:checked) ~ label {color:#DDD;background-color:var(--mc-03);} .goty_radio_div input.checkbox:checked ~ label:before {content:'\2764';font-size:18px;text-indent:12px;color:#00E600;background-color:var(--mc-07);} .goty_radio_div input.checkbox:checked ~ label {color:#FFF;} #usergotych {color:#66ff33;} /* REVIEWS */ .glyphi {letter-spacing:4px;position:relative;top:1px;display:inline-block;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .glyphi-star-empty:before {font-size:24px;color:#333;content:'\2588';} .glyphi-star:before {font-size:24px;color:var(--mc-11);content:'\2588';} .glyphi-star-empty-sum:before {font-size:24px;color:#333;content:'\2588\2588';} .glyphi-star-sum:before {font-size:24px;color:var(--mc-11);content:'\2588\2588';} .g_rating_sum_cont {display:flex;flex-flow:row wrap;justify-content:flex-start;margin-bottom:20px;} .g_rating_sum_block {flex:1 0 290px;display:flex;align-items:center;justify-content:center;margin:10px 0;} .g_rating_sum_block_sub {} .g_rating_sum_ctitle {font-size:13px;color:#CCC;line-height:27px;padding:3px 0 0 36px;position:relative;} .g_rating_sum_ritems {display:inline-block;vertical-align:top;line-height:25px;width:210px;text-align:left;padding:5px;} .g_rating_sum_ritems span {cursor:default;} .g_rating_sum_rnum {display:inline-block;vertical-align:top;font-size:16px;color:#BBB;line-height:28px;width:65px;text-align:center;padding:5px;white-space:nowrap;} .g_rating_value {letter-spacing:6px;font-size:20px;color:var(--mc-11);} .g_rating_left {letter-spacing:6px;font-size:20px;color:#333;} .g_rating_oa_value {font-size:24px;color:var(--mc-11);} .g_rating_oa_left {font-size:24px;color:#333;} .g_rating_block {margin-bottom:45px;background-color:var(--mc-02);} .g_rating_block.your {background-color:var(--mc-03);} .g_rating_u_block {display:inline-block;vertical-align:top;width:257px;} .g_rating_u_usern_block {display:flex;font-size:14px;color:#EEE;font-weight:bold;line-height:40px;} .g_rating_u_usern_block img {max-height:40px;max-width:40px;display:block;margin-right:10px;} .g_rating_u_ctitle {font-size:11px;color:#CCC;text-align:left;padding:5px 3px 3px 5px;} .g_rating_u_ritems {display:inline-block;vertical-align:top;line-height:13px;width:163px;text-align:left;padding:5px;} .g_rating_u_ritems span {cursor:default;} .g_rating_u_rnull {font-size:14px;color:#888;font-weight:bold;margin-right:5px;} .g_rating_u_rnum {display:inline-block;vertical-align:top;font-size:13px;color:#BBB;background-color:var(--mc-05);font-weight:bold;line-height:16px;width:28px;text-align:center;padding:2px;margin:3px;} .gen_rating_block {display:flex;flex-wrap:wrap;align-items:center;min-height:20px;} .gen_rating_sb_left {flex:1;text-align:left;min-width:245px;} .gen_rating_sb_left_text {line-height:29px;text-align:left;color:#DDD;} .gen_rating_sb_right {width:375px;} .gen_rating_sb_right_text {line-height:29px;text-align:right;color:#DDD;} .g_rating_u_ctitle_urate {color:#CCC;text-align:left;padding:5px 3px 3px 5px;} .g_rating_u_block_urate {display:inline-block;vertical-align:top;width:240px;} .g_rating_u_expl {color:#CCC;text-align:left;padding:5px 3px 3px 5px;} .g_rating_u_value {letter-spacing:4px;font-size:17px;color:var(--mc-11);} .g_rating_u_left {letter-spacing:4px;font-size:17px;color:#333;} .g_rating_u_oa_value {font-size:22px;color:var(--mc-11);} .g_rating_u_oa_left {font-size:22px;color:#333;} .g_rating_sum_ctitle:before {content:'';position:absolute;top:3px;left:0;width:25px;height:25px;} .ri_gg:before {background:url('https://gepig.com/rating_icons.png') no-repeat 0 0;} .ri_gh:before {background:url('https://gepig.com/rating_icons.png') no-repeat -25px 0;} .ri_gd:before {background:url('https://gepig.com/rating_icons.png') no-repeat -25px -25px;} .ri_gz:before {background:url('https://gepig.com/rating_icons.png') no-repeat -50px 0;} .ri_gj:before {background:url('https://gepig.com/rating_icons.png') no-repeat -100px 0;} .ri_gu:before {background:url('https://gepig.com/rating_icons.png') no-repeat 0 -25px;} .ri_gl:before {background:url('https://gepig.com/rating_icons.png') no-repeat -50px -25px;} .ri_gs:before {background:url('https://gepig.com/rating_icons.png') no-repeat -100px -25px;} .ri_gn:before {background:url('https://gepig.com/rating_icons.png') no-repeat -75px -25px;} .ri_go:before {background:url('https://gepig.com/rating_icons.png') no-repeat -75px 0;} .slidecontainer {width:100%;max-width:640px;margin:0 auto 40px auto;} .slider_title {margin:25px 0 10px 0;} .slider {-webkit-appearance:none;width:100%;height:22px;background:var(--mc-04);outline:none;opacity:0.8;-webkit-transition:.2s;transition:opacity .2s;margin:5px 0;} .slider:hover {opacity: 1;} .slider::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;width:26px;height:26px;background:var(--mc-11);cursor:pointer;} .slider::-moz-range-thumb {width:26px;height:26px;background:var(--mc-11);cursor:pointer;} /* UPLOAD */ .uc_img_row {display:flex;color:#CCC;max-width:550px;margin:20px auto;padding:15px;background-color:var(--mc-03);} .uci-handle, .ui-sortable-handle {cursor:move;} .ui-sortable > .active > .uc_img_row {border:2px solid #5f82db;padding:0;} .uc_img_inner_i {width:240px;padding:5px 0;margin:0 auto;text-align:center;} .uc_img_inner_ut {} .uc_img_inner_c {text-align:right;color:#DDD;padding:5px;} .uc_img_inner_tbox {width:100%;height:76px;margin:0;} .uc_img_inner_tbox_kis {width:100%;height:51px;margin:0;} .uc_img_inner_delb {margin:5px;height:30px;width:75px;display:inline-block;background-color:var(--mc-05);cursor:pointer;line-height:30px;text-align:center;} .uc_img_inner_delb:hover {background-color:var(--mc-08);} .uc_img_con {max-height:136px;max-width:230px;border:1px dotted var(--mc-08);margin-left:auto;margin-right:auto;} #images {list-style:none;max-width:520px;margin:0 auto;padding:0;} #images ul {width:100%;} #images li {max-width:520px;margin:0;display:block;} @media only screen and (max-width: 620px) { .uc_img_row {flex-wrap:wrap;} .uc_img_inner_i {width:100%;} .uc_img_inner_ut {width:100%;} .uc_img_inner_tbox, .uc_img_inner_tbox_kis {width:100%;} .uc_img_row {max-width:280px;} #images, #images li {max-width:280px;} } .uci-moveup, .uci-movedown, .icu-handle {display:inline-block;} .devimg-gallery {height:78px;width:125px;display:inline-block;vertical-align:top;} .udivp_img {max-height:78px;max-width:125px;margin-left:auto;margin-right:auto;vertical-align:middle;} .udivp_imggpu {margin:0 5px;} .user_cn_gallery {height:124px;width:205px;display:inline-block;vertical-align:top;} .user_cn_divp_img {max-height:118px;max-width:205px;margin:5px auto;vertical-align:middle;} /* SETUPS */ .pc_sg_cont {display:flex;flex-flow:row wrap;justify-content:space-between;} .pc_sg_block {flex:1 0;min-width:180px;margin:10px;text-align:center;} .pc_sg_img {max-width:160px;width:auto;max-height:90px;height:auto;margin:10px;} .pc_sg_nfo {display:block;text-align:center;} /* AJAX LOAD */ .ias-spinner, .ias-trigger {width:100%;text-align:center;margin:10px auto;padding:15px;background-color:var(--mc-03);} .ias-trigger a, .ias-trigger a:visited {padding:8px 70px;background-color:var(--mc-05);color:#FFF;display:inline-block;} .ias-trigger a:hover, .iaa-trigger a:active {background-color:var(--mc-08);} /* GAMES */ .panel_margin {margin-bottom:15px;} .panel_margint {margin-top:15px;} .gsrc_conf {} .gsrc_conf_fcont {display:flex;flex-flow:row wrap;justify-content:flex-start;} .pde_w {max-width:650px;} .gsrc_conf_block_a {flex:1;margin:15px 0 0 0;} .gsrc_conf_block_b {width:180px;margin:15px 0 0 15px;} .gsrc_conf_block_b .button {width:100%;} .gsrc_conf_block_c {flex:1;} .gsrc_conf_block_c1 {min-width:260px;flex:1;margin:15px 0 0 0;} .gsrc_conf_block_c2 {width:170px;margin:15px 0 0 15px;} .gsrc_conf_block_d1, .gsrc_conf_block_d2 {width:180px;margin:15px 0 0 15px;} .gsrc_conf_block_d1 button {width:100%;} .gsrc_conf_cusc_label {display:inline-block;vertical-align:top;width:58px;margin-right:15px;line-height:24px;text-align:right;} .gsrc_conf_cusc_r_out {vertical-align:top;display:inline-block;padding-left:10px;} .gsrc_conf_cusc_1b {width:290px;margin:15px 15px 0 0;} .gsrc_conf_cusc_2b {min-width:230px;flex:1;margin:15px 0 0 0;} .gsrc_conf_button_c {margin:0;} @media only screen and (max-width: 700px) { .gsrc_conf_block_c1 {min-width:220px;flex:1;margin:15px 0 0 0;} } @media only screen and (max-width: 650px) { .gsrc_conf_block_a {width:100%;} .gsrc_conf_block_b {margin:15px 0 0 0;width:100%;} .gsrc_conf_block_c {width:100%;} .gsrc_conf_block_d {width:100%;display:flex;flex-flow:row wrap;} .gsrc_conf_block_d1 {margin:15px 0 0 0;flex:1;} .gsrc_conf_block_d2 {flex:1;} .gsrc_conf_button {width:100%;margin:0;} .gsrc_conf_button_c {width:100%;} } @media only screen and (max-width: 440px) { .gsrc_conf_block_c2 {width:100%;margin:15px 0 0 0;} } .ocb_cont {display:flex;flex-flow:row wrap;margin:0 -5px;} .ocb_cont a {flex:1 0 14%;display:block;margin:5px;} .ocb_cont img {width:100%;height:auto;} @media only screen and (max-width: 650px) {.ocb_cont a {flex:1 0 29%;}} @media only screen and (max-width: 380px) {.ocb_cont a {flex:1 0 29%;}} /* GSR */ .gsr_container {display:flex;flex-wrap:wrap;} @media only screen and (max-width: 520px) {.gsr_container {flex-wrap:wrap;}} .gsr_section {flex:1 0 100%;min-width:290px;margin-bottom:20px;} .gsr_container h2 {font-size:16px;padding:7px 5px;color:#EEE;margin:0;} .gsr_row {display:flex;font-size:14px;} .gsr_row:hover {background-color:var(--mc-04)} .gsr_label {padding:7px 5px;width:47px;} .gsr_text {padding:7px 5px;flex:1;} .gsr_small_info {padding:5px;color:#AAA;font-style:italic;} .scr_block {margin:5px;width:50px;} .sr_no_inf {color:#EEE;background-color:var(--mc-03);padding:40px 20px;text-align:center;position:relative;} .sct_block {width:70px;white-space:nowrap;} .gcr_ok {background:url('https://gepig.com/gcr_icons.png') no-repeat 0px 8px;width:13px;margin:5px;} .gcr_near {background:url('https://gepig.com/gcr_icons.png') no-repeat -13px 8px;width:13px;margin:5px;} .gcr_weak {background:url('https://gepig.com/gcr_icons.png') no-repeat -26px 8px;width:13px;margin:5px;} .gcr_vweak {background:url('https://gepig.com/gcr_icons.png') no-repeat -39px 8px;width:13px;margin:5px;} .tabs-container {display:inline-block;width:100%;} .tabs-menu {clear:both;list-style-type:none;padding:0;margin:0;width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;} .tabs-menu li {min-height:31px;background-color:#081735;flex-grow:1;} .tabs-menu li + li {margin-left:10px;} .tabs-menu li:last-child {flex:0;} .tabs-menu li.current {position:relative;background-color:#112F6A;z-index:5;} .tabs-menu li a {padding:9px;color:#BBB;display:block;text-align:center;} .tabs-menu .current a {color:#fff;} .tabs-menu li:hover {background-color:#112F6A;} .tab {background-color:#0B1F47;width:auto;} .tab-content {width:100%;padding:10px;display:none;line-height:1.5;} #tab-1 {display:block;} /* CYRI */ .srb_tab {display:table;width:100%;background-color:#020711;} .srb_row {display:table-row;} .srbr_tab {display:table;width:100%;margin-bottom:15px;position:relative;overflow:hidden;overflow-x:hidden;overflow-y:hidden;} .srbr_tab_shine:after {content:'';position:absolute;top:-35%;left:-30%;width:60px;height:280px;opacity:0;transform:rotate(35deg);background:rgba(255, 255, 255, 0);background:linear-gradient(to right,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.5) 60%,rgba(255, 255, 255, 0.0) 100%);} .srbr_tab_shine:hover:after {opacity:1;top:-35%;left:120%;transition-property:left, top, opacity;transition-duration:1.0s, 0.7s, 0.15s;transition-timing-function:ease;} .srbr_row {display:table-row;} .srbr_hc {display:table-cell;font-weight:bold;padding:3px;line-height:1.5;} .srbr_hc span {font-size:11px;color:#999;} .srbr_cell {display:table-cell;color:#BBB;padding:3px;line-height:1.5;} .srbr_61 {background-color:#14290F;} .srbr_60 {background-color:#15240E;} .srbr_55 {background-color:#16220E;} .srbr_50 {background-color:#16200E;} .srbr_45 {background-color:#171E0E;} .srbr_40 {background-color:#181C0E;} .srbr_35 {background-color:#191A0E;} .srbr_30 {background-color:#19180E;} .srbr_25 {background-color:#1A160E;} .srbr_20 {background-color:#1C120E;} .srbr_15 {background-color:#1D0E0E;} .srbr_14 {background-color:#1F090E;} .select2-container {box-sizing:border-box;display:inline-block;position:relative;vertical-align:top;} .select2-container .select2-selection--single {box-sizing:border-box;cursor:pointer;display:block;height:32px;-webkit-user-select:none;-ms-user-select:none;user-select:none;} .select2-container .select2-selection--single .select2-selection__rendered {display:block;padding-left:4px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .select2-container .select2-selection--single .select2-selection__clear {position:relative;} .select2-container[dir='rtl'] .select2-selection--single .select2-selection__rendered {padding-right:8px;padding-left:20px;} .select2-container .select2-selection--multiple {box-sizing:border-box;cursor:pointer;display:block;height:30px;-webkit-user-select:none;-ms-user-select:none;user-select:none;} .select2-container .select2-selection--multiple .select2-selection__rendered {display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap;} .select2-container .select2-search--inline {float:left;} .select2-container .select2-search--inline .select2-search__field {box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0;} .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {-webkit-appearance:none;} .select2-dropdown {background-color:var(--mc-03);border:1px solid var(--mc-07);box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051;margin-top:0;} .select2-results {display:block;} .select2-results__options {list-style:none;margin:0;padding:0;} .select2-results__option {padding:6px;-webkit-user-select:none;-ms-user-select:none;user-select:none;} .select2-results__option[aria-selected] {cursor:pointer;} .select2-container--open .select2-dropdown {left:0;} .select2-container--open .select2-dropdown--above {border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;} .select2-container--open .select2-dropdown--below {border-top:none;} .select2-search--dropdown {display:block;padding:4px;} .select2-search--dropdown .select2-search__field {padding:4px;width:100%;box-sizing:border-box;font-size:13px;color:#fff;background-color:var(--mc-01);outline:none;} .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {-webkit-appearance:none;} .select2-search--dropdown.select2-search--hide {display:none;} .select2-close-mask {border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0);} .select2-hidden-accessible {border:0!important;clip:rect(0,0,0,0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;} .select2-container--default .select2-selection--single {font-size:13px;color:#fff;background-color:var(--mc-01);border:1px solid var(--mc-05);outline:none;} .select2-container--default .select2-selection--single .select2-selection__rendered {color:#CCC;padding:7px 18px 7px 7px;} .select2-container--default .select2-selection--single .select2-selection__clear {cursor:pointer;float:right;font-weight:bold;} .select2-container--default .select2-selection--single .select2-selection__placeholder {color:#aaa;} .select2-container--default .select2-selection--single .select2-selection__arrow {height:32px;position:absolute;top:1px;right:1px;width:20px;} .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color:#296ff9 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-3px;margin-top:-2px;position:absolute;top:50%;width:0;} .select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__clear {float:left;} .select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__arrow {left:1px;right:auto;} .select2-container--default.select2-container--disabled .select2-selection--single {background-color:#eee;cursor:default;} .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {display:none;} .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color:transparent transparent #296ff9 transparent;border-width:0 4px 5px 4px;} .select2-container--default .select2-selection--multiple {font-size:13px;color:#fff;background-color:var(--mc-01);border:1px solid var(--mc-05);cursor:text;} .select2-container--default .select2-selection--multiple .select2-selection__rendered {box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%;color:#CCC;line-height:22px;} .select2-container--default .select2-selection--multiple .select2-selection__placeholder {color:#aaa;} .select2-container--default .select2-selection--multiple .select2-selection__clear {cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;} .select2-container--default .select2-selection--multiple .select2-selection__choice {background-color:var(--mc-03);border:1px solid #888;border-radius:2px;cursor:default;float:left;margin-right:5px;margin-top:2px;padding:0 6px;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {color:#DDD;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {color:#FFF;} .select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir='rtl'] .select2-selection--multiple .select2-search--inline {float:right;} .select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice {margin-left:5px;margin-right:auto;} .select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {margin-left:2px;margin-right:auto;} .select2-container--default.select2-container--focus .select2-selection--multiple {border:1px solid var(--mc-11);outline:0;} .select2-container--default.select2-container--disabled .select2-selection--multiple {background-color:#eee;cursor:default;} .select2-container--default.select2-container--disabled .select2-selection__choice__remove {display:none;} .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {border-top-left-radius:0;border-top-right-radius:0;} .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {border-bottom-left-radius:0;border-bottom-right-radius:0;} .select2-container--default .select2-search--dropdown .select2-search__field {border:1px solid var(--mc-05);} .select2-container--default .select2-search--inline .select2-search__field {color:#EEE;font-size:15px;background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield;} .select2-container--default .select2-results > .select2-results__options {max-height:200px;overflow-y:auto;} .select2-container--default .select2-results__option[role=group] {padding:0;} .select2-container--default .select2-results__option[aria-disabled=true] {color:#999;} .select2-container--default .select2-results__option[aria-selected=true] {background-color:var(--mc-07);} .select2-container--default .select2-results__option .select2-results__option {padding-left:1em;} .select2-container--default .select2-results__option .select2-results__option .select2-results__group {padding-left:0;} .select2-container--default .select2-results__option .select2-results__option .select2-results__option {margin-left:-1em;padding-left:2em;} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {margin-left:-2em;padding-left:3em;} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {margin-left:-3em;padding-left:4em;} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {margin-left:-4em;padding-left:5em;} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {margin-left:-5em;padding-left:6em;} .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color:var(--mc-07);color:white;} .select2-container--default .select2-results__group {cursor:default;display:block;padding:6px;}