"); } [type="checkbox"], [type="radio"] { width: 1.6rem; height: 1.6rem; } .button, [type="button"], [type="reset"], [type="submit"], button { padding: 1rem 2.5rem; color: var(--c-darkGrey); background: var(--c-lightGrey); border-radius: 4px; border: 1px solid transparent; font-size: var(--font-size); line-height: 1; text-align: center; transition: opacity 0.2s ease; text-decoration: none; transform: scale(1); display: inline-block; cursor: pointer; } .grouped {display: flex;} .grouped > *:not(:last-child) { margin-right: 16px;} .grouped.gapless > * { margin: 0 0 0 -1px; border-radius:0 ; } .grouped.gapless > *:first-child { margin: 0 ; border-radius:4px 0 0 4px ;} .grouped.gapless > *:last-child { border-radius:0 4px 4px 0 ; } .button + .button {margin-left: 1rem;} .button:hover, [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover, button:hover {opacity: 0.8; } .button:active, [type="button"]:active, [type="reset"]:active, [type="submit"]:active, button:active {transform: scale(0.98); } input:disabled, button:disabled, input:disabled:hover, button:disabled:hover { opacity: 0.4; cursor: not-allowed; } .button.primary, .button.secondary, .button.dark, .button.error, .button.success, [type="submit"] {z-index: 1;color:#fff} .button.primary {background: var(--c-primary)} .button.secondary { background-color: var(--c-grey);} .button.dark { background-color: var(--c-darkGrey);} .button.error { background-color:#d43939;} .button.success { background-color:#28bd14;} .button.outline { background-color: transparent; border-color: var(--c-lightGrey);} .button.outline.primary { border-color: var(--c-primary); color: var(--c-primary);} .button.outline.secondary { border-color: var(--c-grey); color: var(--c-grey);} .button.outline.dark { border-color: var(--c-darkGrey); color: var(--c-darkGrey);} .button.clear { background-color: transparent; border-color: transparent; color: var(--c-primary);} .button.icon { display: inline-flex; align-items: center;} .button.icon > img { margin-left: 2px;} .button.icon-only { padding: 1rem;} ::placeholder { color: #bdbfc4;} .nav {display: flex; min-height: 5rem; align-items: stretch;} .nav>.container {display: flex;} .nav-center, .nav-left, .nav-right {display: flex; flex: 1;} .nav-left {justify-content: flex-start;} .nav-right {justify-content: flex-end;} .nav-center {justify-content: center;} @media screen and (max-width: 480px) { .nav, .nav>.container { flex-direction: column; } .nav-center, .nav-left, .nav-right {flex-wrap: wrap;justify-content: center;} } .nav a, .nav .brand { text-decoration: none; display: flex; align-items: center; padding: 1rem 2rem; color: var(--c-darkGrey);} .nav [aria-current="page"]:not(.button), .nav .active:not(.button) { color: #000; /* fallback */ color: var(--c-primary); } .nav .brand {font-size: 1.75em;padding-top: 0;padding-bottom: 0;} .nav .brand img {padding-right: 1rem;} .nav .button {margin: auto 1rem;} .card { padding: 1rem 2rem; border-radius: 4px; background: var(--bg-color); box-shadow: 0 1px 3px var(--c-grey);}.card p:last-child { margin: 0;} .card header > * { margin-top: 0; margin-bottom: 1rem;} .tabs {display: flex;} .tabs a {text-decoration: none;} .tabs > .dropdown > summary, .tabs > a { padding: 1rem 2rem; flex: 0 1 auto; color: var(--c-darkGrey); border-bottom: 2px solid var(--c-lightGrey); text-align: center; } .tabs > a[aria-current="page"], .tabs > a.active, .tabs > a:hover {opacity: 1;border-bottom: 2px solid var(--c-darkGrey);} .tabs > a[aria-current="page"], .tabs > a.active { border-color: var(--c-primary);} .tabs.is-full a { flex: 1 1 auto;} details.dropdown { position: relative; display: inline-block;} details.dropdown > :last-child { position: absolute; left: 0; white-space: nowrap;} .text-left { text-align: left;} .text-right { text-align: right;} .text-justify { text-align: justify;} .is-full-screen {width: 100%;min-height: 100vh;} .is-full-width {width: 100%} .is-center {display: flex;align-items: center;justify-content: center;} .is-right {display: flex;align-items: center;justify-content: flex-end;} .is-left {display: flex;align-items: center;justify-content: flex-start;} .clearfix {content: "";display: table;clear: both;} .center-screen{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);} .hidden {display: none ;} @media screen and (max-width: 599px) {.hidden-xs {display: none ;}} @media screen and (min-width: 600px) and (max-width: 899px) {.hidden-sm {display: none ;}} @media screen and (min-width: 900px) and (max-width: 1199px) {.hidden-md {display: none ;}} @media screen and (min-width: 1200px) {.hidden-lg {display: none ;}} @media print {.hidden-pr {display: none ;}} .w3amp{} .priceinlist{display: inline-block; color: #ffffff; padding: 0.5rem; letter-spacing: 1.5px;border-radius:5px;margin-top:-1rem;z-index:25;position:absolute;right:25px;top:2em;background:#55555590} .menu-active{font-weight:bold} .buynowbtn{border: 1px solid var(--c-grey); color: var(--c-darkGrey); float:right;border-radius:0px 0px 5px 5px;} /* header nav*/ .header {background-color: var(--bg-nav); box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1); position: fixed; width: 100%; z-index: 30;} .header ul { margin: 0; padding: 0; list-style: none; overflow: hidden} .header li a { display: block; padding: 5px 5px; border-right: 0px solid var(--bg-nav-hover); text-decoration: none;margin-top:10px;color:var(--bg-nav-hover)} .header li a:hover, .header .menu-btn:hover { background-color: var(--bg-nav-hover);color:#ffffff} .header .logo { display: block; float: left; font-size: 2em; padding: 10px 20px; text-decoration: none;color:indigo} /* menu */ .header .menu { clear: both; max-height: 0; transition: max-height .2s ease-out;} /* menu icon */ .header .menu-icon { cursor: pointer; display: inline-block; float: right; padding: 28px 20px; position: relative; user-select: none;} .header .menu-icon .navicon { background: #333333; display: block; height: 2px; position: relative; transition: background .2s ease-out; width: 18px;} .header .menu-icon .navicon:before, .header .menu-icon .navicon:after { background: #333333; content: ""; display: block; height: 100%; position: absolute; transition: all .2s ease-out; width: 100%;} .header .menu-icon .navicon:before { top: 5px;} .header .menu-icon .navicon:after { top: -5px;} /* menu btn */ .header .menu-btn { display: none;} .header .menu-btn:checked ~ .menu { max-height: 350px;} .header .menu-btn:checked ~ .menu-icon .navicon { background: transparent;} .header .menu-btn:checked ~ .menu-icon .navicon:before { transform: rotate(-45deg);} .header .menu-btn:checked ~ .menu-icon .navicon:after { transform: rotate(45deg);} .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after { top: 0;} .menu-active{font-size:105%;color:red} /* 48em = 768px */ @media (min-width: 48em) { .header li {float: left;} .header li a {padding: 10px 10px;} .header .menu { clear: none; float: right; max-height: none; } .header .menu-icon { display: none; } } i{font-family:Roboto serif} .flag {padding-top:0;background-image: url(https://place.htm.wiki/allflagssprite.png);background-repeat: no-repeat;height: 12px;width: 20px;} #AFG {background-position: 0px 0px;} #ALB {background-position: -20px 0px;} #DZA {background-position: -40px 0px;} #ASM {background-position: -60px 0px;} #AND {background-position: -80px 0px;} #AGO {background-position: -100px 0px;} #AIA {background-position: -120px 0px;} #ATG {background-position: -140px 0px;} #ARG {background-position: -160px 0px;} #ARM {background-position: -180px 0px;} #ABW {background-position: 0px -12px;} #AUS,#AUS2,#AUS3,#HMD {background-position: -20px -12px;} #AUT,#AUT2 {background-position: -40px -12px;} #AZE {background-position: -60px -12px;} #BHS {background-position: -80px -12px;} #BHR {background-position: -100px -12px;} #BGD,#BGD2 {background-position: -120px -12px;} #BRB {background-position: -140px -12px;} #BLR {background-position: -160px -12px;} #BEL,#BEL2 {background-position: -180px -12px;} #BLZ {background-position: 0px -24px;} #BEN {background-position: -20px -24px;} #BMU {background-position: -40px -24px;} #BTN {background-position: -60px -24px;} #BOL {background-position: -80px -24px;} #BIH {background-position: -100px -24px;} #BWA {background-position: -120px -24px;} #BRA,#BRA2 {background-position: -140px -24px;} #VGB {background-position: -160px -24px;} #BRN {background-position: -180px -24px;} #BGR {background-position: 0px -36px;} #BFA {background-position: -20px -36px;} #BDI {background-position: -40px -36px;} #KHM {background-position: -60px -36px;} #CMR {background-position: -80px -36px;} #CAN,#CAN2 {background-position: -100px -36px;} #CPV {background-position: -120px -36px;} #CYM {background-position: -140px -36px;} #CAF {background-position: -160px -36px;} #TCD {background-position: -180px -36px;} #CHL {background-position: 0px -48px;} #CHN,#CHN2,#CHN3,#CHN4,#CHN5,#CHN6 {background-position: -20px -48px;} #COL,#COL2 {background-position: -40px -48px;} #COM {background-position: -60px -48px;} #COD {background-position: -80px -48px;} #COG {background-position: -100px -48px;} #COK {background-position: -120px -48px;} #CRI {background-position: -140px -48px;} #CIV, #CIV2 {background-position: -160px -48px;} #HRV {background-position: -180px -48px;} #CUB {background-position: 0px -60px;} #CYP,#CYP2 {background-position: -20px -60px;} #CZE,#CZE2 {background-position: -40px -60px;} #DNK,#DNK2 {background-position: -60px -60px;} #DJI {background-position: -80px -60px;} #DMA {background-position: -100px -60px;} #DOM {background-position: -120px -60px;} #TLS {background-position: -140px -60px;} #ECU {background-position: -160px -60px;} #EGY {background-position: -180px -60px;} #SLV {background-position: 0px -72px;} #GNQ {background-position: -20px -72px;} #ERI {background-position: -40px -72px;} #EST,#EST2 {background-position: -60px -72px;} #ETH {background-position: -80px -72px;} #FLK {background-position: -100px -72px;} #FRO {background-position: -120px -72px;} #FJI {background-position: -140px -72px;} #FIN,#FIN2 {background-position: -160px -72px;} #FRA,#FRA2,#REU,#GUF,#ATF,#GLP,#NCL,#MYT,#MAF, #PYF {background-position: -180px -72px;} #PYF {background-position: 0px -84px;} #GAB {background-position: -20px -84px;} #GMB {background-position: -40px -84px;} #GEO {background-position: -60px -84px;} #DEU,#DEU2 {background-position: -80px -84px;} #GHA {background-position: -100px -84px;} #GIB {background-position: -120px -84px;} #GRC,#GRC2 {background-position: -140px -84px;} #GRL {background-position: -160px -84px;} #GRD {background-position: -180px -84px;} #GUM {background-position: 0px -96px;} #GTM {background-position: -20px -96px;} #GIN {background-position: -40px -96px;} #GNB {background-position: -60px -96px;} #GUY {background-position: -80px -96px;} #HTI {background-position: -100px -96px;} #HND {background-position: -120px -96px;} #HKG {background-position: -140px -96px;} #HUN,#HUN2 {background-position: -160px -96px;} #ISL,#ISL2 {background-position: -180px -96px;} #IND,#IND2 {background-position: 0px -108px;} #IDN,#IDN2 {background-position: -20px -108px;} #IRN {background-position: -40px -108px;} #IRQ {background-position: -60px -108px;} #IRL,#IRL2 {background-position: -80px -108px;} #ISR,#ISR2 {background-position: -100px -108px;} #ITA,#ITA2 {background-position: -120px -108px;} #JAM {background-position: -140px -108px;} #JPN,#JPN2 {background-position: -160px -108px;} #JOR {background-position: -180px -108px;} #KAZ {background-position: 0px -120px;} #KEN {background-position: -20px -120px;} #KIR {background-position: -40px -120px;} #PRK {background-position: -80px -120px;} #KOR,#KOR2 {background-position: -100px -120px;} #KWT {background-position: -120px -120px;} #KGZ {background-position: -140px -120px;} #LAO {background-position: -160px -120px;} #LVA {background-position: -180px -120px;} #LBN {background-position: 0px -132px;} #LSO {background-position: -20px -132px;} #LBR {background-position: -40px -132px;} #LBY {background-position: -60px -132px;} #LIE {background-position: -80px -132px;} #LTU,#LTU2 {background-position: -100px -132px;} #LUX,#LUX2 {background-position: -120px -132px;} #MAC {background-position: -140px -132px;} #MKD {background-position: -160px -132px;} #MDG {background-position: -180px -132px;} #MWI {background-position: 0px -144px;} #MYS,#MYS2 {background-position: -20px -144px;} #MDV {background-position: -40px -144px;} #MLI {background-position: -60px -144px;} #MLT {background-position: -80px -144px;} #MHL {background-position: -100px -144px;} #MTQ {background-position: -120px -144px;} #MRT {background-position: -140px -144px;} #MUS {background-position: -160px -144px;} #MEX {background-position: -180px -144px;} #FSM {background-position: 0px -156px;} #MDA {background-position: -20px -156px;} #MCO {background-position: -40px -156px;} #MNG {background-position: -60px -156px;} #MNE {background-position: -80px -156px;} #MSR {background-position: -100px -156px;} #MAR {background-position: -120px -156px;} #MOZ {background-position: -140px -156px;} #MMR {background-position: -160px -156px;} #MMR2 {background-position: -160px -156px;} #NAM {background-position: -180px -156px;} #NRU {background-position: 0px -168px;} #NPL {background-position: -20px -168px;} #NLD,#NLD2,#ANT {background-position: -40px -168px;} #NZL {background-position: -60px -168px;} #NIC {background-position: -80px -168px;} #NER {background-position: -100px -168px;} #NGA {background-position: -120px -168px;} #NIU {background-position: -140px -168px;} #MNP {background-position: -180px -168px;} #NOR,#NOR2,#SJM,#BVT {background-position: 0px -180px;} #OMN {background-position: -20px -180px;} #PAK {background-position: -40px -180px;} #PLW {background-position: -60px -180px;} #PSE {background-position: -80px -180px;} #PAN {background-position: -100px -180px;} #PNG {background-position: -120px -180px;} #PRY {background-position: -140px -180px;} #PER {background-position: -160px -180px;} #PHL {background-position: -180px -180px;} #PCN {background-position: 0px -192px;} #POL,#POL2 {background-position: -20px -192px;} #PRT {background-position: -40px -192px;} #PRI {background-position: -60px -192px;} #QAT {background-position: -80px -192px;} #ROU {background-position: -100px -192px;} #RUS, #RUS2, #RUS3 {background-position: -120px -192px;} #RWA {background-position: -140px -192px;} #SHN {background-position: -160px -192px;} #TDC {background-position: -160px -192px;} #KNA {background-position: -180px -192px;} #LCA {background-position: 0px -204px;} #SPM {background-position: -20px -204px;} #VCT {background-position: -40px -204px;} #WSM {background-position: -60px -204px;} #SMR {background-position: -80px -204px;} #STP {background-position: -100px -204px;} #SAU {background-position: -120px -204px;} #SEN {background-position: -160px -204px;} #SRB {background-position: -180px -204px;} #SYC {background-position: 0px -216px;} #SLE {background-position: -20px -216px;} #SGP {background-position: -40px -216px;} #SVK,#SVK2 {background-position: -60px -216px;} #SVN,#SVN2 {background-position: -80px -216px;} #SLB {background-position: -100px -216px;} #SOM {background-position: -120px -216px;} #ZAF {background-position: -140px -216px;} #SSD {background-position: -160px -216px;} #ESP,#ESP2 {background-position: -180px -216px;} #LKA {background-position: 0px -228px;} #SDN {background-position: -20px -228px;} #SUR {background-position: -40px -228px;} #SWZ {background-position: -60px -228px;} #SWE,#SWE2 {background-position: -80px -228px;} #CHE,#CHE2 {background-position: -100px -228px;} #SYR {background-position: -120px -228px;} #TWN {background-position: -140px -228px;} #TJK {background-position: -160px -228px;} #TZA {background-position: -180px -228px;} #THA {background-position: 0px -240px;} #TIBET {background-position: -20px -240px;} #TLS {background-position: -40px -240px;} #TLS2 {background-position: -40px -240px;} #TGO {background-position: -60px -240px;} #TKL {background-position: -80px -240px;} #TON {background-position: -100px -240px;} #TTO {background-position: -120px -240px;} #TUN {background-position: -140px -240px;} #TUR {background-position: -160px -240px;} #TKM {background-position: -180px -240px;} #TCA {background-position: 0px -252px;} #TUV {background-position: -20px -252px;} #UGA {background-position: -40px -252px;} #UKR {background-position: -60px -252px;} #ARE {background-position: -80px -252px;} #GBR,#GBR2,#GBR3,#GBR4,#GBR5,#ACI {background-position: -100px -252px;} #USA,#USA2,#USA3,#USA4,#USA5,#USA6,#USA7,#USA8,#USA9,#USA10,#USA11,#USA12,#USA13,#USA14,#USA15,#USA16 {background-position: -120px -252px;} #UMI {background-position: -120px -252px;} #URY {background-position: -140px -252px;} #UZB {background-position: -160px -252px;} #VUT {background-position: -180px -252px;} #VAT {background-position: 0px -264px;} #VA {background-position: 0px -264px;} #VEN {background-position: -20px -264px;} #VNM {background-position: -40px -264px;} #VIR {background-position: -60px -264px;} #WLF {background-position: -80px -264px;} #ESH {background-position: -100px -264px;} #YEM {background-position: -120px -264px;} #ZMB {background-position: -140px -264px;} #ZWE {background-position: -160px -264px;} #IOT {background-position: -180px -264px;} #CXR {background-position: 0px -276px;} #CCK {background-position: -20px -276px;} #GGY {background-position: -40px -276px;} #IMN {background-position: -60px -276px;} #JEY {background-position: -80px -276px;} #NFK {background-position: -100px -276px;} #BLM {background-position: -120px -276px;} #SGS {background-position: -140px -276px;} #KOS {background-position: -160px -276px;} #EUR,#EUR2 {background-position: -180px -276px;} .badge,.tag{display: inline-block; border: 1px solid var(--c-lightGrey); color: var(--c-grey); padding: 0.5rem; line-height: 1; letter-spacing: 0.5px;} .badge{border-radius:5px} .tag+.tag { margin-left: 1rem;} .table,.table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table} .table-all{border:1px solid #ccc} .bordered tr,.table-all tr{border-bottom:1px solid #ddd} .striped tbody tr:nth-child(even){background-color:#f1f1f1} .table-all tr:nth-child(odd){background-color:#fff} .table-all tr:nth-child(even){background-color:#f1f1f1} .hoverable tbody tr:hover,.ul.hoverable li:hover{background-color:#ccc} .centered tr th,.centered tr td{text-align:center} .table td,.table th,.table-all td,.table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top} .table th:first-child,.table td:first-child,.table-all th:first-child,.table-all td:first-child{padding-left:16px} amp-selector[role=tablist].tabs-with-flex {display: flex;flex-wrap: wrap;} amp-selector[role=tablist].tabs-with-flex [role=tab] {flex-grow: 1;text-align: center;padding:0.5rem;} amp-selector[role=tablist].tabs-with-flex [role=tab][selected] {outline: none;border-bottom: 2px solid var(--c-primary);} amp-selector[role=tablist].tabs-with-flex [role=tabpanel] {display: none;width: 100%;order: 1;padding:2rem;} amp-selector[role=tablist].tabs-with-flex [role=tab][selected] + [role=tabpanel] {display: block;} amp-selector[role=tablist].tabs-with-selector {display: flex;} amp-selector[role=tablist].tabs-with-selector [role=tab][selected] {outline: none;border-bottom: 2px solid var(--c-primary);} amp-selector[role=tablist].tabs-with-selector {display: flex;} amp-selector[role=tablist].tabs-with-selector [role=tab] {width: 100%;text-align: center;padding:0.5rem;} amp-selector.tabpanels [role=tabpanel] {display: none;padding:2rem;} amp-selector.tabpanels [role=tabpanel][selected] {outline: none;display: block;} ol.breadcrumb { padding: 0px; list-style: none;} ol.breadcrumb li { display: inline;font-size: 1.11em;} ol.breadcrumb li+li:before {padding: 2px; content: "/\00a0";} ol.breadcrumb li a {text-decoration: none;} ol.breadcrumb li a:hover {text-decoration: underline;}