#catalog h1 {max-width: 760px;width:760px;height: 26px;font-size: 20px;} #catalog ul.breadcrumb {max-width: 760px;margin: -10px 0 10px 0;} #catalog #catalog-search {margin: 15px 0 20px;height: 32px;background-color: #F1F1F1;border: 0.05rem solid #e5e5e5;border-radius: 2px;padding: 12px;display: flex;justify-content: space-between;} #catalog #catalog-search button {width: 110px;margin: 0px 10px;padding:4px 6px;font-size: 12px;} #catalog #catalog-search .btn-blue {border: none;background-color: #3B7BEA;fill: #fff;width: 34px;} #catalog #catalog-search .showfilters {color:#666666;fill:currentColor;} #catalog #catalog-search .showfilters svg {vertical-align: middle;} #catalog #catalog-search .showfilters span {line-height: 19px;} #catalog #search {width: 60%;} #catalog .separator {height: 15px;} #catalog .gallery-switcher {display: flex;justify-content: space-between;margin: -6px 0 -10px;} #catalog .gallery-switcher .breadcrumb {max-width: 360px; margin: -5px 0 3px 0px;} #catalog .gallery-switcher div.switcher {display: flex; align-items: center;} #catalog .gallery-switcher div.switcher a {height: 38px;padding: 0px 12px;border-radius: 2px;display: flex;align-items: center;justify-content: center;fill: #999; color: #666666; font-size: 13px;text-decoration: none;white-space: nowrap;} #catalog .gallery-switcher div.switcher a.active {background: #F1F1F1;height: 30px;color: #3B7BEA;fill: #3B7BEA;} #catalog .results {height: 30px;margin: -10px 0;padding-bottom: 4px;line-height: 30px;} #catalog .results img {height:25px;margin: 2px 10px 4px 16px;} #catalog #sort-filter {fill: #666;font-size: 12px;width: 184px;text-align: left;padding: 4px 10px;line-height: 20px;margin-top: -4px;} #catalog #sort-filter-dialog {fill: #666;width:184px;} #catalog #sort-filter-dialog a.list-link {line-height: 18px;height: 24px;} #catalog .widerightCol header {display: flex;align-items: center;margin-top: 20px;justify-content: space-between;} #catalog .widerightCol header h2 {max-width: 570px;margin: 10px 0;font-size: 16px;font-weight: normal;color: #3B3B3B;display: flex;align-items: center;} #catalog .widerightCol header label {display: flex;align-items: center;justify-content: center; margin-top: 5px;} #catalog .widerightCol header label a {background: #F1F1F1;min-width: 34px;min-height: 34px;border-radius: 50%; display: flex;align-items: center;justify-content: center;padding: 2px;fill: #999; margin: 0 3px;} #catalog .widerightCol header img.flg {vertical-align: bottom;width: 26px;} #catalog .widerightCol span.separator-1 {color: #ccc;font-size: 13px;margin: 0 10px;position: relative;top: -2px;} #catalog .widerightCol .period-hint {margin: -6px 0 4px 36px;text-transform: capitalize;font-style: italic;font-family: Arial, Helvatica;font-size: 13px;color: #868686;} #catalog .hor-switcher a {font-size:13px;} #catalog .hor-switcher a small {margin:0 2px;font-size:11px;} #catalog .catalog-tree { margin-top: 5px;font-size: 13px;} #catalog #country-tree { margin-top: 5px;} #catalog #catalog-index .stat {margin: 18px 0 5px;height: 28px;display: block;border-bottom: 1px solid #E5E5E5;max-width: 760px;} #catalog #catalog-index ul { padding: 0; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } #catalog #catalog-index ul li {margin: 2px 5px;} #catalog #catalog-index ul li a {border-bottom: 1px solid #E3EAF6;color: #3B3B3B;display: inline-block;font-size: 13px;margin: 1px 0;height: 24px;width:230px;} #catalog #catalog-index ul li a span.wrap {padding: 0 6px;max-width: 168px;display: block;} #catalog #catalog-index img.icon {width: 22px;vertical-align: top;margin: 0 10px 0 0;} #catalog #catalog-index span.separator-1 {top: 0;} #catalog #catalog-index a.sbj {margin: 18px 0 5px;height: 28px;display: block;} #catalog #catalog-index table.coin-block {border-bottom: 1px solid #E5E5E5;} #catalog #catalog-index td.coin-block-cell {padding-bottom: 10px;} #catalog #catalog-index table.coin-block .coin-img {width:120px;height:120px;} #catalog #catalog-index table.coin-block .value {text-align: center;display: block;line-height: 1.4;} #catalog #catalog-index table.coin-block .flg {width: 20px;vertical-align: text-bottom;margin: 0px 6px 0 0px;} #catalog #catalog-list table.coin {width:100%;border-top: 0.05rem solid #eee;} #catalog #catalog-list table.coin tr {vertical-align: top;} #catalog #catalog-list td.coin-img {width:140px;padding: 14px 0 8px 2px;} #catalog #catalog-list td.coin-img a {display:block;text-align: center;width:140px;height:140px;} #catalog #catalog-list td.coin-img img {width: 136px;height: 136px;border-radius:6px;} #catalog #catalog-list td.coin-info {padding: 16px 0;vertical-align: top;position: relative; padding-inline-start: 20px;} #catalog .rtl #catalog-list td.coin-info {padding: 6px 16px 6px 0;} #catalog #catalog-list td.coin-info .value {font-size: 16px;text-decoration: none;color: #3B7BEA;} #catalog #catalog-list td.coin-info .subject {color:#3F3F3F;font-size: 14px;margin: 4px 0px;} #catalog #catalog-list td.coin-info .info {color: #868686;font-size: 12px;margin: 6px 0px;line-height: 16px;} #catalog #catalog-list td.coin-info .info span {display: inline-flex;width: 24px;height: 18px;justify-content: center;align-items: center;border-radius:4px;margin-inline-end: 6px;font-size: 12px;color: #FFF;} #catalog #catalog-list td.coin-info .info span.Ag {background-color:#ACACAC;} #catalog #catalog-list td.coin-info .info span.Au {background-color:#EDA800;} #catalog #catalog-list .detail {padding-left: 10px;} #catalog #catalog-list .detail-block {overflow-x: hidden;max-height: 410px;margin-bottom: 10px;} #catalog #catalog-list .detail-block table {width:100%;} #catalog #catalog-list .detail-block tr {cursor: pointer;} #catalog #catalog-list .detail-block tr:hover {background-color: #E3EAF6;} #catalog #catalog-list .detail-block td {vertical-align: middle;white-space: nowrap;height: 28px;} #catalog #catalog-euro header h2 { font-size: 17px; margin: 10px 0 15px;} #catalog #catalog-euro ul.hor-switcher {font-size: 15px;margin-bottom: 20px;} #catalog #catalog-euro ul.hor-switcher a {font-size: 15px;} #catalog #catalog-euro .years {display: grid;grid-template-columns: repeat(6, minmax(10px, 115px));clear: both;margin-bottom: 20px;grid-column-gap: 10px;} #catalog #catalog-euro .years a {border-bottom: 1px solid #E3EAF6;color: #3B3B3B;font-size: 13px;margin: 0 10px;line-height: 24px;padding:2px 5px;} #catalog #catalog-euro .years a.active {border: 1px solid #3B7BEA;margin: 0 5px;padding: 2px 10px; border-radius: 2px;} #catalog #catalog-euro .years a.active .left {color: #3B7BEA;} #catalog #catalog-euro table.coin-block {margin-bottom: 10px;clear: both;height: 250px;} #catalog #catalog-euro td.coin-block-cell {width: 246px;border: 1px solid #EEE;vertical-align: top;} #catalog #catalog-euro td.coin-img {width: 244px;position: relative;} #catalog #catalog-euro td.coin-img img.flag {width: 28px;height: 20px;position:absolute;top: 8px;left: 8px;} #catalog #catalog-euro td.coin-img a {display: block;text-align: center;} #catalog #catalog-euro td.coin-img a img {width:140px;height:140px;margin-top: 4px;border-radius: 8px;} #catalog #catalog-euro td.coin-value {padding: 4px 6px 2px;} #catalog #catalog-euro td.coin-value a {font-size: 15px;display:flex;justify-content: space-between;color: #3F3F3F;text-transform: uppercase;} #catalog #catalog-euro td.coin-info {padding: 4px 6px;position: relative;vertical-align: top;height: 90px;} #catalog #catalog-euro td.coin-info .value {max-width: 140px;font-size: 16px;} #catalog #catalog-euro td.coin-info .subject {color:#3F3F3F;font-size: 14px;margin-bottom:4px;max-width:234px;} #catalog #catalog-euro td.coin-info .info {color: #868686;font-size: 11px;line-height: 16px;} #catalog #catalog-euro td.coin-info .info .wrap {max-width: 234px;} #catalog #catalog-euro td.coin-info .coin-stat {top: 72px;width: 234px;} #catalog #catalog-euro td.coin-info .coin-stat label {min-width: 28%;} #catalog #catalog-euro td.coin-info .coin-stat div.act {min-width: 40%;} #catalog #catalog-euro td.coin-info .coin-stat div.price {text-align: end;font-family: Arial, Helvatica;} #catalog #catalog-grid table.coin-block {margin-bottom: 10px;clear: both;height: 250px;} #catalog #catalog-grid td.coin-block-cell {width: 246px;border: 1px solid #EEE;vertical-align: top;} #catalog #catalog-grid td.coin-img {width: 120px;} #catalog #catalog-grid td.coin-img a {display: block;text-align: center;width: 120px;height: 120px;} #catalog #catalog-grid td.coin-img img {width: 120px;height: 120px;} #catalog #catalog-grid td.coin-value {padding: 4px 6px 2px;} #catalog #catalog-grid td.coin-info {padding: 4px 6px;position: relative;vertical-align: top;height: 90px;} #catalog #catalog-grid td.coin-info .value {max-width: 140px;font-size: 16px;} #catalog #catalog-grid td.coin-info .subject {color:#3F3F3F;font-size: 14px;margin-bottom:4px;max-width:234px;} #catalog #catalog-grid td.coin-info .info {color: #868686;font-size: 11px;line-height: 16px;} #catalog #catalog-grid td.coin-info .info .wrap {max-width: 234px;} #catalog #catalog-grid td.coin-info .coin-stat {top: 68px;width: 234px;} #catalog #catalog-grid td.coin-info .coin-stat label {min-width: 30%;} #catalog #catalog-grid td.coin-info .coin-stat div.act {min-width: 40%;} #catalog #catalog-grid td.coin-info .coin-stat div.price {text-align: end;font-family: Arial, Helvatica;} #catalog td.coin-info .coin-stat {position: absolute;top: 128px;width:100%;color: #323232;display: flex; align-items: center;overflow: hidden;justify-content: space-between;} #catalog td.coin-info .coin-stat label {min-width: 40%;display: flex;margin:0;font-size: 15px;color: #666;padding: 2px 0;align-items: center;height: 15px;font-weight: 400;background-color: #F1F1F1;border-radius: 6px;justify-content: center;font-family: Arial,Helvetica,sans-serif; cursor: pointer;} #catalog td.coin-info .coin-stat label.have {background-color: #BEF2A0;} #catalog td.coin-info .coin-stat label.need {background-color: #FFF3F1;border: 1px solid #FFD2CC;height: 14px;} #catalog td.coin-info .coin-stat label span {color: #3B7BEA;font-weight: 500;} #catalog td.coin-info .coin-stat label b {font-weight:450;color: #2B2B2B;} #catalog td.coin-info .coin-stat label small {padding: 0 2px;color: #666;font-size: 12px;} #catalog td.coin-info .coin-stat div.price {min-width: 30%;font-size: 16px;color: #2B2B2B;white-space: nowrap;} #catalog td.coin-info .coin-stat div.price small {font-size:12px;color:#868686;} #catalog td.coin-info .coin-stat div.act {fill: #3B7BEA;width: 30%;display:flex;} #catalog td.coin-info .coin-stat div.act label {width: 54px;font-weight:450;color: #2B2B2B;margin: 0 5px;} #catalog ul.hor-switcher {margin: 0 0 15px;} #catalog .hor-switcher a {display: block;padding: 6px 10px 7px;text-decoration: none;fill: #666;} #catalog .hor-switcher a.active, #catalog .hor-switcher a:hover {color:#3B7BEA;border-bottom:solid 3px #3B7BEA;padding: 6px 10px 5px;} #catalog .catalog-tree-container {/* position: sticky;top: 0; */ margin: -2px 0 20px 0;} #catalog .catalog-tree-container .hor-switcher {clear: both;margin: 0;} #catalog .catalog-tree-container .hor-switcher a {font-size:12px;width:70px;text-align:center;cursor:pointer;} #catalog #filters {padding-top:10px;} #catalog #filters .filter-container {margin: 0 0px 10px 0;} #catalog #filters .filter-dialog {min-width:178px;width: auto; border-radius: 2px;} #catalog #filters .filter-box {padding: 6px 8px 6px;width: 162px;display: table; border-radius: 2px;} #catalog #filters .filter-val .hint {max-width:146px;color:#3B7BEA;} #catalog #filters .filter-box .close {padding: 6px;margin: -8px;font-size: 15px;} #catalog #filters .filter-dialog .list-link span.wrap {color:#3b3b3b;font-size:13px;} #catalog #filters .text-container {text-align:justify;} #catalog #filters .text-container .fvalue {height: 18px;width: 154px;font-size: 13px;border: 1px solid #e1e1e1;border-radius: 0;box-shadow: unset;padding: 5px 12px;} #catalog #filters .text-container .close {position: absolute;top: 6px;right: 10px;cursor: pointer;color: #666666;font-size: 13px;} #catalog .rtl #filters .text-container .close {left: 10px;right: unset;} #catalog #filters .btn-blue {margin:10px 0;background-color: #3B7BEA;width: 178px;} #catalog #filters #period-filter span.wrap {color:#3b3b3b;font-size:12px;max-width:146px;text-align: left;} #catalog #filters .filter-dialog input[type="text"] {background-image: url('https://i.ucoin.net/bg/search.png');background-position: 97% center;background-repeat: no-repeat;} #catalog .rtl #filters .filter-dialog input[type="text"] {background-position: 3% center;} #catalog #filters .list-link .flag {margin: 0 6px 0 0;} #catalog .rtl #filters .list-link .flag {margin: 0 0 0 6px;} #catalog .widerightCol {padding: 10px 0 0 25px;width: 755px;} #catalog .rtl .widerightCol {padding: 10px 25px 0 0;width: 755px;} #catalog .no-result {font-size: 18px;color: #666666;margin: 20px 10px 4px;} #catalog .related {margin:10px 0 50px;} #catalog .related a {text-decoration: none;display: flex;justify-content: space-between;width: min-content;white-space: nowrap;background: #EFEFEF;margin:10px;border-radius: 8px;padding: 12px 0;} #catalog .related a span {padding: 0 20px;color: #202020;font-size:14px;} #catalog .pages {margin: 40px 0;} #catalog #tooltip { width:auto; position: absolute; z-index: 3000; border: none; background-color: #3F3F3F; padding: 8px; color:#000000; text-align:center; box-shadow: none; border-radius: 3px; margin-left:-30px; margin-top:10px; } #catalog #tooltip h3 { color: #FAFAFA; font-size: 13px; margin: 0; font-weight: normal; } .rtl #catalog .widerightCol {padding: 10px 20px 0 0;width: 760px;} .rtl #catalog .filter-container {margin: 0 0 10px 10px;} .rtl #button-search {margin: 0 50px 0 0;} .rtl .cntry .flag {margin: 0 0 0 5px;} .rtl #list-search {background-position: 3% center;} .rtl ul.region-list li {float: right;} .rtl #catalog .coin-desc {margin: 4px 6px 4px 0;} .rtl #catalog .coin-desc a:hover span {text-decoration: underline;} .rtl #catalog .coin-desc a .flag {margin: 2px 0 0 6px;}