/* START DEFAULT ELEMENT VALUES */
html, body, div, form, p, center, dir { display: block; }
html { font-size: 75%; }
head { display: none }
table { display: table }
tr { display: table-row }
td { display: table-cell }
body { margin: 8px; }
p, form, dir { margin: 1.12em 0 }
h1, h2, h3, h4, h5, ul { margin: 0; padding: 0; }
button, textarea, input, select { display: inline-block }
table { border-spacing: 2px; }
td, tr { vertical-align: inherit }
center { text-align: center }
:link, :visited { text-decoration: none; }
:focus { outline: 0; }
li { list-style-type: none; }
*[dir=ltr] { direction: ltr; unicode-bidi: embed }
*[dir=rtl] { direction: rtl; unicode-bidi: embed }
bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override }
bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override }
body { width: 100%; margin: 0 auto; padding: 0; position: relative; top: 0px; font-family: Helvetica, Calibri, Arial, Verdana; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10pt; color: rgb(51,51,51); cursor: default; background: rgb(255,255,255); background-color: rgb(255,255,255); line-height: 1.5;}
textarea, input { background-color: #d6d6d6; color: #000000; }
select { color: #5e5d61; }
button { background-color: #404040; border: 0px solid #F0EDE4; color: #ffffff; }
IMG { border: 1px none;}
a { color: rgb(51,51,51); text-decoration: none; }
a:hover { color: rgb(127,0,25); text-decoration: underline; cursor: pointer; }
* html a:hover { visibility:visible }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* ENDED DEFAULT ELEMENT VALUES */
/* START GENERAL FORMATTING OPTIONS */
/* BORDER Format */
.BDL { padding: 4px 4px 4px 4px; text-align: center; border-left: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); }
.BDLR { padding: 4px 4px 4px 4px; text-align: center; border-left: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); }
.BDR { padding: 4px 4px 4px 4px; text-align: center; border-bottom: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); }
.BDTL { padding: 4px 4px 4px 4px; text-align: center; border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); }
.BDTLR { padding: 4px 4px 4px 4px; text-align: center; border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); }
.BDTR { padding: 4px 4px 4px 4px; text-align: center; border-top: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); }
.BDT { padding: 4px 4px 4px 4px; text-align: center; border-top: 1px solid rgb(204, 204, 204); }
.BDB { padding: 4px 4px 4px 4px; text-align: center; border-bottom: 1px solid rgb(204, 204, 204); }
.BDTB { padding: 4px 4px 4px 4px; text-align: center; border-bottom: 1px solid rgb(204, 204, 204); border-top: 1px solid rgb(204, 204, 204);}
.BDBL { border-bottom: 1px solid #f7f7f7; }
.BDCR { border: 1px solid red; } /* ERROR RED */
.BDCB { border: 1px solid rgb(221, 215, 199); } /* MUJI BEIGE */
.BDCG { border: 1px solid rgb(244, 244, 244); } /* MUJI LIGHT GREY */
.BDCN { border: 1px solid transparent; } /* TRANSPARENT */
.BDCGG { border-color: #666; }
.BDCMR { border-color: #7f0019; }
.BDNN { border: none; } /* NONE */
.BDCGHOV img { border: 1px solid #c0c0c0; } /* MUJI RED BORDER HOVER */
:hover.BDCGHOV img { border: 1px solid #7F0019; } /* MUJI RED BORDER HOVER */
:hover.BDCGHOV { color: red; } /* MUJI RED BORDER HOVER */
.BDR3 { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.BDR4 { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.BDR5 { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.BDR3L { border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; }
.BDR3R { border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; }
.BDR3T { border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; }
.BDR3B { border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 0px; -moz-border-radius: 0px 0px 3px 3px; }
.BDR5L { border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; }
.BDR5R { border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; }
.BDR12 { border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }
.BDR12TT { border-radius: 12px 12px 0px 0px; -webkit-border-radius: 12px 12px 0px 0px; -moz-border-radius: 12px 12px 0px 0px; }
.BDR12BB { border-radius: 0px 0px 12px 12px; -webkit-border-radius: 0px 0px 12px 12px; -moz-border-radius: 0px 0px 12px 12px; }
/* BACKGROUND Format */
.BGCB { background: #F5F2E9; background-color: rgb(245, 242, 233); } /* MUJI BEIGE */
.BGCBB { background: rgb(245, 238, 221); } /* MUJI BEIGE Highlight #F5EEDD */
.BGCD { background: #7F0019; background-color: rgb(127, 0, 25); } /* MUJI RED */
.BGCDG { background: #D6D6D6; }
.BGCDHOV { background-color: rgb(127, 0, 25); font-weight: bold; color: #ffffff; }
.BGCE { background: #CCFFCC; } /* GREEN */
.BGCNG { background: #F4F4F4;}
.BGCG { background: #e6e6e6; background-color: rgb(230, 230, 230); } /* MUJI LIGHT GREY */
.BGCGHOV { background-color: rgb(244, 244, 244); font-weight: bold; color: #7F0019; } /* MUJI LIGHT GREY HOVER */
.BGCGHOV:hover { background-color: rgb(127, 0, 25); font-weight: bold; color: #ffffff; cursor: pointer; } /* MUJI LIGHT GREY HOVER */
.BGCGG { background: rgb(218, 217, 213) } /* MUJI MID GREY */
.BGCK { background: rgb(0, 0, 0) } /* BLACK */
.BGCL { background: #F5F2E9; background-color: rgb(245, 242, 233); } /* MUJI BEIGE #F5F2E9 */
.BGCLHOV { background: #F5F2E9; background-color: rgb(245, 242, 233); font-weight: bold; color: #7F0019; } /* MUJI BEIGE #F5F2E9 HOVER */
.BGCLHOV:hover { background: #7F0019; background-color: rgb(127, 0, 25); font-weight: bold; color: #FFFFFF; cursor: pointer; } /* MUJI BEIGE #F5F2E9 HOVER */
.BGCR { background: #7F0019; background-color: rgb(127, 0, 25); } /* LIGHT RED */
.BGCU { background: #B7DEE8; } /* BLUE */
.BGCW { background: #FFFFFF; background-color: rgb(255, 255, 255); } /* WHITE */
.BGCWHOV { background: #FFFFFF; background-color: rgb(255, 255, 255); font-weight: bold; color: #7F0019; } /* WHITE HOVER TO MUJI RED */
.BGCWHOV:hover { background: #7F0019; background-color: rgb(127, 0, 25); font-weight: bold; color: #ffffff; cursor: pointer; } /* WHITE HOVER TO MUJI RED */
.BGCWHOV:hover a { color: rgb(255,255,255); } /* WHITE HOVER TO MUJI RED */
.BGCY { background: #FFFF00; } /* YELLOW */
/* CLEAR Format */
.CLRB { clear: both; }
/* CURSOR Format */
.CSRP { cursor: pointer; }
/* DISPLAY Format */
.DSPB { display: block; }
.DSPN { display: none; }
.DSPI { display: inline-block; }
.DSPL { display: list-item; }
.DSPT { display: table; }
/* FLOAT Format */
.FLTL { float: left; }
.FLTR { float: right; }
/* FONT Format (1em = 10pt ) */
.FNTB { font-weight: bold; }
.FNTU { text-decoration: underline; }
.FNT6 { font-size: 0.6rem; }
.FNT7 { font-size: 0.7rem; }
.FNT8 { font-size: 0.8rem; }
.FNT9 { font-size: 0.9rem; }
.FNT10 { font-size: 1rem; }
.FNT11 { font-size: 1.1rem; }
.FNT12 { font-size: 1.2rem; }
.FNT13 { font-size: 1.3rem; }
.FNT14 { font-size: 1.4rem; }
.FNT15 { font-size: 1.5rem; }
.FNT16 { font-size: 1.6rem; }
.FNT17 { font-size: 1.7rem; }
.FNT18 { font-size: 1.8rem; }
.FNT20 { font-size: 2rem; }
.FNT25 { font-size: 2.5rem; }
.FNT9P { font-size: 90%; }
.LH1 { line-height: 1; }
/* MARGIN Format */
.MRG0 { margin: 0; }
.MRGA { margin: 0 auto; }
.MRG10 { margin: 10px; }
/* OVERFLOW Format */
.OFLH { overflow: hidden; }
/* OPACITY Format */
.OPC1 { opacity: 1; }
/* PADDING Format */
.PAD0 { padding: 0px 0px 0px 0px; }
.PAD1 { padding: 1px 1px 1px 1px; }
.PAD2 { padding: 2px 2px 2px 2px; }
.PAD3 { padding: 3px 3px 3px 3px; }
.PAD4 { padding: 4px 4px 4px 4px; }
.PAD5 { padding: 5px 5px 5px 5px; }
.PAD6 { padding: 6px 6px 6px 6px; }
.PAD10 { padding: 10px 10px 10px 10px; }
.PAD15 { padding: 15px 15px 15px 15px; }
.PADB0 { padding-bottom: 0px; }
/* SPACERS */
.SPCH { height: 2px; }
.SPCW { width: 2px; }
/* TABLE Format */
.TBLF { border: none; text-align: center; vertical-align: top; margin: 0 auto; cursor: default; border-collapse: separate; border-spacing: 0pc; border-collapse: separate; }
/* TEXT COLOUR Format */
.TXCR { color: red; } /* ERROR RED */
.TXCN { color: rgb(0,176,80); } /* OK Green */
.TXCW { color: #ffffff; } /* White */
.TXCB { color: blue; } /* Blue */
.TXCM { color: #8E0018; } /* Slightly Brigther Red */
.TXCD { color: #7F0019; color: rgb(127,0,25); } /* MUJI Red */
.TXCK { color: #000000; } /* Black */
.TXCG { color: rgb(102, 102, 102); } /* MUJI Grey - #666666 */
.TXCY { color: rgb(51,51,51); } /* TEXT Grey */
/* TEXT DECORATION Format */
.TXDL { text-decoration: line-through; }
.TXDU { text-decoration: underline; }
/* TEXT ALIGNMENT Format */
.TXTL { text-align: left; }
.TXTC { text-align: center; }
.TXTR { text-align: right; }
.TXTJ { text-align: justify; }
/* VERTICAL ALIGN Format */
.VALB { vertical-align: bottom; }
.VALM { vertical-align: middle; }
.VALT { vertical-align: top; }
.VBHD { visibility: hidden; }
/* WIDTH PERCENTAGES */
.WDT5 { width: 5%; }
.WDT10 { width: 10%; }
.WDT15 { width: 15%; }
.WDT20 { width: 20%; }
.WDT25 { width: 25%; }
.WDT30 { width: 30%; }
.WDT35 { width: 35%; }
.WDT40 { width: 40%; }
.WDT45 { width: 45%; }
.WDT50 { width: 50%; }
.WDT55 { width: 55%; }
.WDT60 { width: 60%; }
.WDT65 { width: 65%; }
.WDT70 { width: 70%; }
.WDT75 { width: 75%; }
.WDT80 { width: 80%; }
.WDT85 { width: 85%; }
.WDT90 { width: 90%; }
.WDT95 { width: 95%; }
.WDT98 { width: 98%; }
.WDT100 { width: 100%; }
.HGT100 { height: 100%;}
.HGT90 { height: 90%;}
/* ENDED GENERAL FORMATTING OPTIONS */
/* START SPECIFIC ELEMENTS FORMAT */
/* PAGE Top Level Elements */
.PGELFT { width: 250px; float: left; min-height: 700px; margin: 0 auto; vertical-align: top;}
.PGEALL { width: 100%; padding: 0 12px 0 12px; min-height: 700px; margin: 0 auto; vertical-align: top; border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); } /* 220, 218, 210 */
.PGETLE { width: 100%; vertical-align: top; text-align: left; padding: 0; border-bottom: 1px solid #d6d6d6; margin: 0% 0% 1% 0%; font-weight: bold; font-size: 1.5rem; color: rgb(127,0,25); }
.PGESEC { width: 100%; vertical-align: top; text-align: justify; padding: 0; margin: 0; }
.PGEHDR { width: 100%; vertical-align: top; text-align: left; padding: 0; border-bottom: 1px solid #d6d6d6; margin: 0% 0% 1% 0%; font-weight: bold; font-size: 1rem; color: rgb(51,51,51); }
/* HEADER Top Level Elememants */
.HDRKAN { height: 32px; width: 145px;}
.HDRKAN a { background: url("https://www.muji.eu/MUJISPRITE.png") 0 0 no-repeat; height: 32px; width: 145px; display: block; }
.HDRKAN:hover a { background-position: 0 -32px; }
.HDRTXT { font-size: 11pt; position: relative; top: 6px; height: 13px; padding: 0 12px 1px 12px; border-right: 1px solid rgb(204, 204, 204); font-weight: bold; }
.HDRTXT a { color: rgb(51, 51, 51); display: block; }
.HDRTXT:hover a { color: rgb(127, 0, 25); }
.HDRTXTS { font-size: 11pt; position: relative; top: 6px; height: 13px; padding: 0 12px 1px 12px; border-right: 1px solid rgb(204, 204, 204); font-weight: bold; }
.HDRTXTS a { color: rgb(127, 0, 25); display: block; text-decoration: underline; }
.HDRACC { font-size: 9pt; position: relative; top: 6px; height: 13px; padding: 0 12px 1px 12px; font-weight: normal; text-align: right; }
.HDRACC a { color: rgb(51, 51, 51); display: block; }
.HDRACC:hover a { color: rgb(127, 0, 25); }
.HDRACCS { font-size: 9pt; position: relative; top: 6px; height: 13px; padding: 0 12px 1px 12px; font-weight: normal; }
.HDRACCS a { color: rgb(127, 0, 25); display: block; text-decoration: underline; }
.HDRLUK { width: 16px; height: 11px; background: url("https://www.muji.eu/MUJISPRITE.png") 0 -192px no-repeat; position: relative; top: 1px; }
.HDRLFR { width: 16px; height: 11px; background: url("https://www.muji.eu/MUJISPRITE.png") -16px -192px no-repeat; position: relative; top: 1px; }
.HDRLIT { width: 16px; height: 11px; background: url("https://www.muji.eu/MUJISPRITE.png") -32px -192px no-repeat; position: relative; top: 1px; }
.HDRLDE { width: 16px; height: 11px; background: url("https://www.muji.eu/MUJISPRITE.png") -48px -192px no-repeat; position: relative; top: 1px; }
.HDRLES { width: 16px; height: 11px; background: url("https://www.muji.eu/MUJISPRITE.png") -64px -192px no-repeat; position: relative; top: 1px; }
.HDRLSE { width: 16px; height: 11px; background: url("https://www.muji.eu/MUJISPRITE.png") -80px -192px no-repeat; position: relative; top: 1px; }
.HDRLCH { width: 16px; height: 11px; background: url("https://www.muji.eu/MUJISPRITE.png") -96px -192px no-repeat; position: relative; top: 1px; }
.HDRLDK { width: 16px; height: 11px; background: url("https://www.muji.eu/MUJISPRITE.png") -112px -192px no-repeat; position: relative; top: 1px; }
.HDRLFI { width: 16px; height: 11px; background: url("https://www.muji.eu/MUJISPRITE.png") -128px -192px no-repeat; position: relative; top: 1px; }
.HDRENV { width: 13px; height: 10px; background: url("https://www.muji.eu/MUJISPRITE.png") 0 -181px no-repeat; position: relative; top: 1px; }
.HDRHVR:hover .HDRENV { background: url("https://www.muji.eu/MUJISPRITE.png") -13px -181px no-repeat; }
.HDRCRD { width: 15px; height: 10px; background: url("https://www.muji.eu/MUJISPRITE.png") -26px -181px no-repeat; position: relative; top: 1px; }
.HDRHVR:hover .HDRCRD { background: url("https://www.muji.eu/MUJISPRITE.png") -41px -181px no-repeat; }
.HDRFBK { width: 15px; height: 15px; background: url('https://www.muji.eu/MUJISPRITE.png') -2px -361px no-repeat; position: relative; top: -1px; }
.HDRHVR:hover .HDRFBK { background: url("https://www.muji.eu/MUJISPRITE.png") -18px -361px no-repeat; }
.HDRLNEWUK { width: 30px; height: 30px; background: url("https://www.muji.eu/FLAGSPRITE.png") 0px 0px no-repeat; position: relative; top: 1px; }
.HDRLNEWFR { width: 30px; height: 30px; background: url("https://www.muji.eu/FLAGSPRITE.png") 0px -33px no-repeat; position: relative; top: 1px; }
.HDRLNEWDE { width: 30px; height: 30px; background: url("https://www.muji.eu/FLAGSPRITE.png") 0px -66px no-repeat; position: relative; top: 1px; }
.HDRLNEWES { width: 30px; height: 30px; background: url("https://www.muji.eu/FLAGSPRITE.png") 0px -99px no-repeat; position: relative; top: 1px; }
.HDRLNEWIT { width: 30px; height: 30px; background: url("https://www.muji.eu/FLAGSPRITE.png") 0px -231px no-repeat; position: relative; top: 1px; }
.HDRLNEWSE { width: 30px; height: 30px; background: url("https://www.muji.eu/FLAGSPRITE.png") 0px -198px no-repeat; position: relative; top: 1px; }
.HDRLNEWCH { width: 30px; height: 30px; background: url("https://www.muji.eu/FLAGSPRITE.png") 0px -132px no-repeat; position: relative; top: 1px; }
.HDRLNEWDK { width: 30px; height: 30px; background: url("https://www.muji.eu/FLAGSPRITE.png") 0px -165px no-repeat; position: relative; top: 1px; }
.HDRLNEWFI { width: 30px; height: 30px; background: url("https://www.muji.eu/FLAGSPRITE.png") 0px -264px no-repeat; position: relative; top: 1px; }
.HDRFBW { width: 15px; height: 15px; background: url('https://www.muji.eu/MUJISPRITE.png') -1px -489px no-repeat; position: relative; top: -1px; }
.HDRFBB:hover .HDRFBW { background: url("https://www.muji.eu/MUJISPRITE.png") -17px -489px no-repeat; }
.HDRINW { width: 15px; height: 15px; background: url('https://www.muji.eu/MUJISPRITE.png') -82px -489px no-repeat; position: relative; top: -1px; }
.HDRINP:hover .HDRINW { background: url("https://www.muji.eu/MUJISPRITE.png") -66px -489px no-repeat; }
.HDRTWW { width: 15px; height: 15px; background: url('https://www.muji.eu/MUJISPRITE.png') -132px -489px no-repeat; position: relative; top: -1px; }
.HDRTWB:hover .HDRTWW { background: url("https://www.muji.eu/MUJISPRITE.png") -98px -489px no-repeat; }
.HDRFBG { width: 15px; height: 15px; background: url('https://www.muji.eu/MUJISPRITE.png') -33px -489px no-repeat; position: relative; top: -1px; }
.HDRFBB:hover .HDRFBG { background: url("https://www.muji.eu/MUJISPRITE.png") -17px -489px no-repeat; }
.HDRING { width: 15px; height: 15px; background: url('https://www.muji.eu/MUJISPRITE.png') -50px -489px no-repeat; position: relative; top: -1px; }
.HDRINP:hover .HDRING { background: url("https://www.muji.eu/MUJISPRITE.png") -66px -489px no-repeat; }
.HDRTWG { width: 15px; height: 15px; background: url('https://www.muji.eu/MUJISPRITE.png') -114px -489px no-repeat; position: relative; top: -1px; }
.HDRTWB:hover .HDRTWG { background: url("https://www.muji.eu/MUJISPRITE.png") -98px -489px no-repeat; }
.ICNP { width: 23px; height: 22px; background: url('https://www.muji.eu/IMG/ICN/ICN_P.png') center no-repeat; position: relative; top: -1px; }
.ICNP:hover { background: url("https://www.muji.eu/IMG/ICN/ICN_P_ACT.png") center no-repeat; }
.ICNS { width: 23px; height: 22px; background: url('https://www.muji.eu/IMG/ICN/ICN_S.png') center no-repeat; position: relative; top: -1px; }
.ICNS:hover { background: url("https://www.muji.eu/IMG/ICN/ICN_S_ACT.png") center no-repeat; }
.ICNN { width: 23px; height: 22px; background: url('https://www.muji.eu/IMG/ICN/ICN_N.png') center no-repeat; position: relative; top: -1px; }
.ICNN:hover { background: url("https://www.muji.eu/IMG/ICN/ICN_N_ACT.png") center no-repeat; }
.ICNA { width: 23px; height: 22px; background: url('https://www.muji.eu/IMG/ICN/ICN_A.png') center no-repeat; position: relative; top: -1px; }
.ICNA:hover { background: url("https://www.muji.eu/IMG/ICN/ICN_A_ACT.png") center no-repeat; }
.ICNPB { width: 23px; height: 22px; background: url('https://www.muji.eu/IMG/ICN/ICN_P_B.png') center no-repeat; position: relative; top: -1px; }
.ICNPB:hover { background: url("https://www.muji.eu/IMG/ICN/ICN_P_ACT.png") center no-repeat; }
.ICNSB { width: 23px; height: 22px; background: url('https://www.muji.eu/IMG/ICN/ICN_S_B.png') center no-repeat; position: relative; top: -1px; }
.ICNSB:hover { background: url("https://www.muji.eu/IMG/ICN/ICN_S_ACT.png") center no-repeat; }
.ICNNB { width: 23px; height: 22px; background: url('https://www.muji.eu/IMG/ICN/ICN_N_B.png') center no-repeat; position: relative; top: -1px; }
.ICNNB:hover { background: url("https://www.muji.eu/IMG/ICN/ICN_N_ACT.png") center no-repeat; }
.ICNAB { width: 23px; height: 22px; background: url('https://www.muji.eu/IMG/ICN/ICN_A_B.png') center no-repeat; position: relative; top: -1px; }
.ICNAB:hover { background: url("https://www.muji.eu/IMG/ICN/ICN_A_ACT.png") center no-repeat; }
.NEWICNP { width: 23px; height: 22px; background: url('https://www.muji.eu/MUJISPRITE.png') -3px -533px no-repeat; position: relative; top: -1px; }
.NEWICNP:hover { background: url("https://www.muji.eu/MUJISPRITE.png") -25px -533px no-repeat; }
.NEWICNS { width: 23px; height: 22px; background: url('https://www.muji.eu/MUJISPRITE.png') -72px -511px no-repeat; position: relative; top: -1px; }
.NEWICNS:hover { background: url("https://www.muji.eu/MUJISPRITE.png") -96px -511px no-repeat; }
.NEWICNN { width: 23px; height: 22px; background: url('https://www.muji.eu/MUJISPRITE.png') -3px -511px no-repeat; position: relative; top: -1px; }
.NEWICNN:hover { background: url("https://www.muji.eu/MUJISPRITE.png") -25px -511px no-repeat; }
.NEWICNA { width: 23px; height: 22px; background: url('https://www.muji.eu/MUJISPRITE.png') -72px -533px no-repeat; position: relative; top: -1px; }
.NEWICNA:hover { background: url("https://www.muji.eu/MUJISPRITE.png") -96px -533px no-repeat; }
.NEWICNPB { width: 23px; height: 22px; background: url('https://www.muji.eu/MUJISPRITE.png') -48px -533px no-repeat; position: relative; top: -1px; }
.NEWICNPB:hover { background: url("https://www.muji.eu/MUJISPRITE.png") -25px -533px no-repeat; }
.NEWICNSB { width: 23px; height: 22px; background: url('https://www.muji.eu/MUJISPRITE.png') -121px -511px no-repeat; position: relative; top: -1px; }
.NEWICNSB:hover { background: url("https://www.muji.eu/MUJISPRITE.png") -96px -511px no-repeat; }
.NEWICNNB { width: 23px; height: 22px; background: url('https://www.muji.eu/MUJISPRITE.png') -49px -511px no-repeat; position: relative; top: -1px; }
.NEWICNNB:hover { background: url("https://www.muji.eu/MUJISPRITE.png") -25px -511px no-repeat; }
.NEWICNAB { width: 23px; height: 22px; background: url('https://www.muji.eu/MUJISPRITE.png') -120px -533px no-repeat; position: relative; top: -1px; }
.NEWICNAB:hover { background: url("https://www.muji.eu/MUJISPRITE.png") -96px -533px no-repeat; }
.HDRBX { box-sizing: border-box; }
.HDRFXD { z-index: 15000; opacity: 1; padding-bottom: 0; }
.HDRDOC { width: 16px; height: 16px; background: url("https://www.muji.eu/MUJISPRITE.png") -33px -361px no-repeat; position: relative; top: 0px; }
.HDRXLS { width: 16px; height: 16px; background: url("https://www.muji.eu/MUJISPRITE.png") -50px -361px no-repeat; position: relative; top: 0px; }
.HDRJPG { width: 16px; height: 16px; background: url("https://www.muji.eu/MUJISPRITE.png") -66px -361px no-repeat; position: relative; top: 0px; }
.HDRPDF { width: 16px; height: 16px; background: url("https://www.muji.eu/MUJISPRITE.png") -82px -361px no-repeat; position: relative; top: 0px; }
.ICNADD { width: 12px; height: 12px; background: url("https://www.muji.eu/MUJISPRITE.png") -180px -204px no-repeat; position: relative; top: 1px; display: inline-block; }
.ICNTEL { width: 12px; height: 12px; background: url("https://www.muji.eu/MUJISPRITE.png") -167px -204px no-repeat; position: relative; top: 3px; display: inline-block; }
.ICNEML { width: 12px; height: 12px; background: url("https://www.muji.eu/MUJISPRITE.png") -154px -204px no-repeat; position: relative; top: 3px; display: inline-block; }
.ICNMAP { width: 12px; height: 12px; background: url("https://www.muji.eu/MUJISPRITE.png") -141px -204px no-repeat; position: relative; top: 3px; display: inline-block; }
.ICNTME { width: 12px; height: 12px; background: url("https://www.muji.eu/MUJISPRITE.png") -128px -204px no-repeat; position: relative; top: 3px; display: inline-block; }
.ICNNOT { width: 12px; height: 12px; background: url("https://www.muji.eu/MUJISPRITE.png") -115px -204px no-repeat; position: relative; top: 3px; display: inline-block; }
.PAYVIS { width: 79px; height: 50px; background: url("https://www.muji.eu/MUJISPRITE.png") -1px -438px no-repeat; position: relative; top: 3px; display: inline-block; }
.PAYMAS { width: 79px; height: 50px; background: url("https://www.muji.eu/MUJISPRITE.png") -81px -438px no-repeat; position: relative; top: 3px; display: inline-block; }
.WDT952 { width: 95%; }
.HGT31 { height: 31px; }
.HGT32 { height: 32px; }
.HGT45 { height: 45px; }
.MRR24 { margin-right: 24px; }
.POSR { position: relative; }
.POSF { position: fixed; }
.POSA { position: absolute; }
.TOP1 { top: 1px; }
.TOP6 { top: 6px; }
.TOP8 { top: 8px; }
.TOP14 { margin-top: 14px; }
.BDRBLB { border-bottom: 1px solid rgb(221, 215, 199); } /* BORDER BOTTOM LIGHT BEIGE */
.BDRALB { border: 1px solid rgb(221, 215, 199); } /* BORDER ALL LIGHT BEIGE */
.PADR8 { padding-right: 8px; }
.PADL0 { padding-left: 0; }
/* HEADER Shopcart Button Elements */
.CRTBOX { position: relative; top: 0px; right: 0; z-index: 2; }
.CRTBOX .CRTREF { cursor: pointer; border: 0px solid rgb(220, 218, 210); color: rgb(102, 102, 102); overflow: hidden; text-decoration: none; border-radius: 2px; }
.CRTBOX .CRTREF:hover { color: rgb(102, 102, 102); }
.CRTTLE { width: 100%; line-height: 1px; color: #000; }
.CRTBOX .CRTREF:hover .CRTTLE { color: rgb(131, 5, 23); }
.CRTIMG { width: 15px; height: 12px; background: url("https://www.muji.eu/MUJISPRITE.png") 0 -204px no-repeat; position: relative; top: 3px; }
.CRTBOX .CRTREF:hover .CRTIMG { background-position: -15px -204px; }
.CRTTXT { width: 53px; height: 13px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); margin: 0 auto; border: 1px solid rgb(0, 0, 0); text-align: center; padding: 0px; border-radius: 2px; }
.CRTBOX .CRTREF:hover .CRTTXT { background: rgb(127, 0, 25); color: rgb(255,255,255); border: 1px solid rgb(206, 156, 165); cursor: pointer; text-decoration: none; }
.CRTBTN { position: relative; top: 7px; width: 58px; height: 17px; }
.CRTTAB { display: none; cursor: default; color: rgb(51,51,51); background: rgb(255,255,255); text-align: left; }
.CRTTAB a:hover { text-decoration: none; }
.CRTTAB a:hover ul.CRTITM { border-color: rgb(192,192,192); color: rgb(51,51,51) }
.CRTBOX:hover .CRTTAB { display: block; position: absolute; left: -111px; width: 303px; margin-top: -1px; z-index: 100; text-decoration: none; }
.CRTBOX a:hover {text-decoration: none!important;}
ul.CRTHDR { margin: 0; padding: 4px; border-radius: 2px; text-align: left;}
li.CRTHDR { margin: 0; padding: 4px; display: inline-block; font-weight: bold; vertical-align: middle; }
ul.CRTITM { margin: 2px 0 0 0; padding: 4px; border-radius: 2px; text-align: left; background: #FFF;}
li.CRTITM { margin: 0; padding: 2px; display: inline-block; vertical-align: middle; background: #FFF; }
li.CRTBDR { margin: 0; padding: 0; display: inline-block; vertical-align: middle; background: rgb(192, 192, 192); width: 1px; height: 22px; }
/* NAVIGATION Banners for Promos & Subs & Products Elements */
.NAVBAN { background: rgb(0,0,0); display: inline-block; margin: 7px; padding: 0; vertical-align: top; }
.NAVBAN a { height: 100%; width: 100%; display: block; }
.NAVBAN a img { vertical-align: bottom; }
.NAVBAN span { background: rgb(241, 241, 241); padding: 4px; display: block; text-align: left; font-size: 0.8rem }
.NAVBAN a:hover { color: rgb(127,0,25); text-decoration: none; }
.NAVBAN a:hover img { opacity: 0.8; filter:alpha(opacity=80); -moz-opacity: 0.8; }
.NAVBAN a:hover span { text-decoration: none; }
/* NAVIGATION Banners for Promos & Subs & Products Elements */
.NAVHOVBAN { background: transparent; margin: 0px; padding: 0; vertical-align: top;}
.NAVHOVBAN a { width: 100%; display: block; }
.NAVHOVBAN a img { vertical-align: bottom;}
.NAVHOVBAN a:hover { color: rgb(127,0,25); text-decoration: none; }
.NAVHOVBAN a:hover span { text-decoration: none;}
.NAVHOV { margin-top: 10px; }
.NAVHOV:hover { -webkit-box-shadow: 0px 1px 10px 3px rgba(192,192,192,0.75); -moz-box-shadow: 0px 1px 10px 3px rgba(192,192,192,0.75); box-shadow: 0px 1px 10px 3px rgba(192,192,192,0.75); }
.NAVHOVDARK:hover { -webkit-box-shadow: 0px 1px 5px 3px rgba(128,128,128,0.35); -moz-box-shadow: 0px 1px 5px 3px rgba(128,128,128,0.35); box-shadow: 0px 1px 5px 3px rgba(128,128,128,0.35);}
/* NAVIGATION Banners for Promos & Subs & Products Elements Hover Whole Block */
.NAVIMGBAN { background: rgb(0,0,0); display: inline-block; margin: 7px; padding: 0; vertical-align: top; }
.NAVIMGBAN a { height: 100%; width: 100%; display: block; }
.NAVIMGBAN a img { vertical-align: bottom; }
.NAVIMGBAN span { background: rgb(241, 241, 241); padding: 4px; display: block; text-align: left; font-size: 0.8rem }
.NAVIMGBAN a:hover { color: rgb(127,0,25); text-decoration: none; }
.NAVIMGBAN a:hover img { opacity: 0.8; filter:alpha(opacity=80); -moz-opacity: 0.8; }
.NAVIMGBAN a:hover span { text-decoration: none; opacity: 0.8; filter:alpha(opacity=80); -moz-opacity: 0.8; }
/* NAVIGATION View Selections for Products Elements */
.NAVSEL { width: 100%; height: 31px; background: rgb(241, 241, 241); border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(204, 204, 204); text-align: left;}
.NAVSEL span { display: inline-block; color: rgb(0, 0, 0); margin: 0 4px; border-bottom: 1px solid rgb(204,204,204); position: relative; }
.NAVSEL span:hover { color: rgb(127,0,25); border-bottom: 2px solid rgb(127,0,25); cursor: pointer; }
.NAVGRI { background: url("https://www.muji.eu/MUJISPRITE.png") no-repeat -57px -161px; height: 19px; width: 19px; border: none; margin: 2px 5px 0px 5px; display: inline-block; }
.NAVGRI:hover { background-position: -76px -161px; }
.NAVDET { background: url("https://www.muji.eu/MUJISPRITE.png") no-repeat -0px -161px; height: 19px; width: 19px; border: none; margin: 2px 5px 0px 5px; display: inline-block; }
.NAVDET:hover { background-position: -19px -161px; }
/* NAVIGATION Where am I Elements */
.NAVTOP { overflow: hidden; text-align: left; }
.NAVTOP:after { background-color: #d6d6d6; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 100%; left: 0.5rem; margin-right: -50%; }
.NAVWAI { height: 19px; display: inline-block; background: rgb(255,255,255); }
.NAVWAI a { height: 19px; display: block; padding-right: 5px; }
.NAVWAITXT { height: 19px; display: inline-block; background: rgb(221,221,221); padding: 0 5px 0 5px; border-radius: 2px 0px 0px 2px; text-decoration: none; line-height: 19px; font-size: 10px; }
.NAVWAIIMG { height: 19px; display: inline-block; background: url("https://www.muji.eu/MUJISPRITE.png") no-repeat -53px -219px; width: 7px; }
.NAVWAI:hover .NAVWAITXT { background: rgb(202,202,202); }
.NAVWAI:hover .NAVWAIIMG { background: url("https://www.muji.eu/MUJISPRITE.png") no-repeat -61px -219px; }
/* NAVIGATION Search Bar Elements */
.NAVSRC { display: inline-block; border-width: 1px 0px 1px 1px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 4px 0px 0px 4px; position: relative; top: 0;}
.NAVBUT { vertical-align: top; display: inline-block; }
.NAVBUT a { background: url("https://www.muji.eu/MUJISPRITE.png") no-repeat -2px -218px rgb(81, 81, 81); border-radius: 0px 3px 3px 0px; width: 20px; height: 20px; display: block; }
.NAVBUT a:hover { background: url("https://www.muji.eu/MUJISPRITE.png") no-repeat -2px -218px rgb(127, 0, 25); }
/* NAVIGATION LFT Bar Sec/Sub Elements */
.NAVSEC { font-weight: bold; width: 100%; height: 30px; text-align: left; vertical-align: middle; border-top: 1px solid #d6d6d6; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; }
.NAVSEC:hover { color: #830517; text-decoration: none; cursor: pointer; -webkit-box-shadow: 0px 1px 5px 3px rgba(128,128,128,0.35); -moz-box-shadow: 0px 1px 5px 3px rgba(128,128,128,0.35); box-shadow: 0px 1px 5px 3px rgba(128,128,128,0.35); }
.NAVSEC:hover a { text-decoration: none; }
.NAVSUB { width: 98%; height: 20px; text-align: left; padding-left: 2%; }
.NAVSUB:hover { color: #830517; cursor: pointer; -webkit-box-shadow: 0px 1px 5px 3px rgba(128,128,128,0.35); -moz-box-shadow: 0px 1px 5px 3px rgba(128,128,128,0.35); box-shadow: 0px 1px 5px 3px rgba(128,128,128,0.35); text-decoration: underline; }
.NAVSUB a { position: relative; top: 2px; text-decoration: none; }
.NAVSUB:hover span { text-decoration: underline; }
/* BULLETS All Pages Bullet Elements */
.BULRED { display: inline-block; height: 8px; width: 8px; background: rgb(127,0,25); margin-right: 3px; }
.BULARR { display: inline-block; height: 7px; width: 7px; background: url("https://www.muji.eu/MUJISPRITE.png") no-repeat -104px -224px; margin-right: 3px; }
.BULGRY { display: block; width: 100%; height: 1px; background: rgb(214,214,214); }
.BULCOL { display: block; background: url("https://www.muji.eu/MUJISPRITE.png") no-repeat -1px -259px; width: 113px; height: 30px; float: right; }
.BULPDF { background: url("https://www.muji.eu/MUJISPRITE.png") no-repeat -1px -290px; width: 27px; height: 30px; display: inline-block; }
.BULDOC { background: url("https://www.muji.eu/MUJISPRITE.png") no-repeat -28px -290px; width: 31px; height: 30px; display: inline-block; }
/* BUTTON Quartanery Style Button Elements */
.BUTSTYA a { background: rgb(255,255,255); color: rgb(0,0,0); font-weight: bold; text-align: center; border: 1px solid rgb(204,204,204); font-size: 10pt; margin: 3px; padding: 0; display: inline-block; }
.BUTSTYA a:hover { border: 1px solid rgb(127,0,25); color: rgb(0,0,0); cursor: pointer; text-decoration: none; }
.BUTSTY a { background: rgb(255,255,255); color: rgb(0,0,0); font-weight: bold; text-align: center; border: 1px solid rgb(204,204,204); border-radius: 2px; font-size: 10pt; margin: 3px; padding: 0; display: inline-block; width: 35px; }
.BUTSTY a:hover { border: 1px solid rgb(127,0,25); color: rgb(0,0,0); cursor: pointer; text-decoration: none; }
.BUTSIZ a { background: rgb(255,255,255); color: rgb(51,51,51); font-weight: bold; text-align: center; border: 2px solid rgb(204,204,204); border-radius: 2px; font-size: 10pt; margin: 3px; padding: 2px; display: inline-block; }
.BUTSIZ a:hover { border: 2px solid rgb(127,0,25); cursor: pointer; text-decoration: none; }
.BUTSIZ a:visited:hover { text-decoration: none; }
/* BUTTON All Pages Link Elements */
.BUTICN { height: 17px; width: 17px; border-radius: 50%; background-color: rgb(127,0,25); color: white; font-size: 1.1rem; display: inline-block; text-align: center; }
.BUTDEL { background: url("https://www.muji.eu/MUJISPRITE.png") no-repeat -1px -241px; width: 17px; height: 17px; display: block; float: right; }
.BUTDEL:hover { background-position: -18px -241px; cursor: pointer; }
.BUTINF { background: url("https://www.muji.eu/MUJISPRITE.png") no-repeat -35px -241px; width: 17px; height: 17px; display: block; float: right; }
.BUTINF:hover { background-position: -52px -241px; cursor: pointer; }
.BUTQRY { background: url("https://www.muji.eu/MUJISPRITE.png") no-repeat -69px -241px; width: 17px; height: 17px; display: block; float: right; }
.BUTQRY:hover { background-position: -86px -241px; cursor: pointer; }
.BUTSTK { margin: 0 auto; text-align: center; width: 80px; display: inline-block; }
.BUTSTK a { margin: 0 auto; text-align: center; font-size: 10pt; }
.BUTSTK:hover a { color: rgb(127,0,25); cursor: pointer; text-decoration: none; }
.BUTSTKSPA { text-align: center; display: inline-block; background: url("https://www.muji.eu/MUJISPRITE.png") no-repeat -1px -397px; width: 40px; height: 40px; position: relative; top: 2px; }
.BUTSTKSPB { text-align: center; display: inline-block; width: 80px; } .BUTSTK:hover .BUTSTKSPA { background-position: -41px -397px; cursor: pointer; } .BUTATC { background: url("https://www.muji.eu/MUJISPRITE.png") no-repeat -30px -204px; width: 15px; height: 12px; position: relative; top: 2px; }
.ABUTSTK { display: block; float: right; }
.ABUTSTK:hover { cursor: pointer; }
.ABUTSTK span { background: url("https://www.muji.eu/MUJISPRITE.png") no-repeat -1px -397px; width: 40px; height: 40px; }
.ABUTSTK:hover span { background-position: -41px -397px; cursor: pointer; }
.BUTBLK a { background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 1.1em; margin: 0 auto; border: 1px solid rgb(0, 0, 0); text-align: center; padding: 3px 7px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.BUTBLK a:hover { background: rgb(127, 0, 25); color: rgb(255,255,255); border: 1px solid rgb(206, 156, 165); cursor: pointer; text-decoration: none; }
.BUTBLK input { background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 9pt; margin: 0 auto; border: 1px solid rgb(0, 0, 0); text-align: center; padding: 1px 7px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-family: Calibri, Arial, Verdana; font-weight: normal; cursor: pointer; }
.BUTBLK input:hover { background: rgb(127, 0, 25); color: rgb(255,255,255); border: 1px solid rgb(206, 156, 165); cursor: pointer; text-decoration: none; }
.BUTRED a { background: rgb(127,0,25); color: rgb(255, 255, 255); font-size: 10pt; margin: 0 auto; border: 1px solid rgb(165, 82, 99); text-align: center; padding: 1px 7px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.BUTRED a:hover { background: rgb(159, 63, 82); color: rgb(255, 255, 255); border: 1px solid rgb(206, 156, 165); cursor: pointer; text-decoration: none; }
.BUTRHD a { background: rgb(127,0,25); color: rgb(255, 255, 255); font-size: 8pt; margin: 0 auto; border: 1px solid rgb(165, 82, 99); text-align: center; padding: 1px 7px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.BUTRHD a:hover { background: rgb(159, 63, 82); color: rgb(255, 255, 255); border: 1px solid rgb(206, 156, 165); cursor: pointer; text-decoration: none; }
.BUTPGE a { background: rgb(243,243,243); font-size: 8pt; margin: 0 auto; text-align: center; padding: 4px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.BUTPGE a:hover { background: rgb(127,0,25); color: rgb(255, 255, 255); cursor: pointer; text-decoration: none; }
.BUTGRY a { color: #f4f4f4; background: #333; font-size: 1em; border: 1px solid #444; text-align: center; padding: 6px 10px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
.BUTGRY a:hover { color: #f4f4f4; background: #333; border: 1px solid rgb(127, 0, 25); cursor: pointer; text-decoration: none; }
.BUTGRY input { color: #f4f4f4; background: #333; font-size: 9pt; border: 1px solid #444; text-align: center; padding: 6px 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-family: Helvetica, Calibri, Arial, Verdana; font-weight: normal; cursor: pointer; }
.BUTGRY input:hover { color: #f4f4f4; background: #333; border: 1px solid rgb(127, 0, 25); cursor: pointer; text-decoration: none; }
.BUTBIG a { background: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 10pt; margin: 0 auto; border: 1px solid rgb(0, 0, 0); text-align: center; padding: 1px 7px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.BUTBIG a:hover { background: rgb(159, 63, 82); color: rgb(255, 255, 255); border: 1px solid rgb(206, 156, 165); cursor: pointer; text-decoration: none; }
.BUTPAY a { background: rgb(127,0,25); color: rgb(255, 255, 255); font-size: 12pt; margin: 0 auto; border: 1px solid rgb(165, 82, 99); text-align: center; padding: 3px 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.BUTPAY a:hover { background: rgb(159, 63, 82); color: rgb(255, 255, 255); border: 1px solid rgb(206, 156, 165); cursor: pointer; text-decoration: none; }
.BUTPAY input { background: rgb(127,0,25); color: rgb(255, 255, 255); font-size: 12pt; margin: 0 auto; border: 1px solid rgb(165, 82, 99); text-align: center; padding: 1px 7px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.BUTPAY input:hover { background: rgb(159, 63, 82); color: rgb(255, 255, 255); border: 1px solid rgb(206, 156, 165); cursor: pointer; text-decoration: none; }
/* CHECKOUT Navigation Page Title Elements */
.SHPC { width: 20%; padding: 5px; font-weight: bold; border-bottom: 1px solid #C1CCD9; border-left: 1px solid #C1CCD9; color: #C1CCD9; }
.SHPD { width: 20%; padding: 5px; font-weight: bold; border-bottom: 1px solid #830517; border-left: 1px solid #830517; color: #000000; }
.SHPCMOB { width: 100%; padding: 5px; font-weight: bold; border-bottom: 1px solid #C1CCD9; border-left: 1px solid #C1CCD9; color: #C1CCD9; }
.SHPDMOB { width: 100%; padding: 5px; font-weight: bold; border-bottom: 1px solid #830517; border-left: 1px solid #830517; color: #000000; }
/* GRID SECONDARY PAGE */
.SECWRP { display: grid; grid-gap: 10px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) ) ; background-color: #fff; color: #444; margin-bottom: 200px; }
.SECCNT { color: #fff; border-radius: 5px; padding: 10px; }
/* INPUT Field for CKT_CHK & Shopcart Elements */
.INTLR { border: 1px solid #C1CCD9; padding: 2px; background: #F4F4F4; background-color: rgb(244, 244, 244); }
.INPFOC { border: 1px solid #C1CCD9; padding: 2px; background: #F4F4F4; background-color: rgb(244, 244, 244); }
.INPFOC:focus { border: 1px solid #7F0019; background-color: rgb(255, 255, 255); }
.INPFNB { border: 1px solid rgb(204, 204, 204); padding: 2px; box-shadow: 0px 0px 0px -200px rgba(0,0,0,0); }
.INPFNB:focus { border: 1px solid #7F0019; background-color: rgb(255, 255, 255); }
@media only screen and (min-width: 1440px) { /** Extra Large Screens **/
.PGECNT { width: 70%; padding: 150px 20%!important;}
.CNTCTBL { width: 95%;}
}
@media only screen and (max-width: 1439px) and (min-width: 860px) { /** Laptops **/
.PGECNT { width: 80%; padding: 150px 10%!important;}
.CNTCTBL { width: 95%;}
}
@media only screen and (max-width: 859px) and (min-width: 426px) { /** Tablet **/
.PGECNT { width: 80%; padding: 180px 10%!important;}
}
@media only screen and (max-width: 425px) { /** Mobile **/
.CNTCTBL { width: 95%;}
.PGECNT { padding-top: 40px!important;}
}
@media only screen and (max-width: 900px) {
input, button, textarea, optgroup, select, option { font-size: 16px !important; }
.SDENAV .MENSHHD { margin: 55px auto 0 !important; }
.PGEFTR { width: 100%; float: left; font-size: 8pt;}
.PTWOH { overflow-x: hidden }
.IDXPRML { width: 97%; }
.IDXPRMS { width: 47%; margin: 5px; }
.IDXPRME { display: none; }
.PCONLY { display: none!important; }
.DSPIPC { display: block;}
.SUBWDT { width: 45%; margin: 5px; font-size: 0.8em;}
.sidenav a:hover, .offcanvas a:focus { color: rgb(51, 51, 51); font-weight: normal;}
.WDTADDINF { width: 100%; }
.modal-content, .modalTWO-content { width: 90% ;}
.CHKWDT { width: 100%; }
.QUAVID { width: 100%; margin-top: 10px; }
.MOBALIGN { text-align: center; }
.VIDWDT { width: 100%; }
.UNSWDT { width: 95%}
}
@media only screen and (min-width: 900px) {
.HDRMOB { display: none !important; }
.m-common__tag-select--mobile { display: none !important; }
.SEMO { display: none !important; }
.selectbox-mobile { display: none !important; }
.search__detail__confirm--mobile { display: none !important; }
.HDRPC > .HDRMOBLG { width: 230px; margin-left: 30px;}
.m-common__header__selectbox--PC { left: 252px; }
.PGEFTR { width: 100%; padding-left: 230px; font-size: 14pt;}
.PTWOH { overflow: hidden; }
.IDXPRML { width: 24.5%; }
.IDXPRMS { display: none; }
.IDXPRME { width: 15%; margin: 0 0 7px 2%; }
.DSPIPC { display: inline-block; }
.PCMRG { margin: 20px 10px 20px 10px; }
.MOBONLY { display: none !important; }
.VIDWDT { width: 70%; max-height: 600px; }
.SUBWDT { width: 17%; margin: 10px; font-size: 0.8em;}
.sidenav a:hover, .offcanvas a:focus{ color: #7F0019; font-weight: bold; }
.TABONLY { display: none!important; }
.WDTADDINF { width: 57.5%; margin-right: 41.3%; }
.modal-content, .modalTWO-content { width: 50% ;}
.NEWWDT { width: 60%!important ;}
.QUAVID { width: 100%; margin-top: 50px; margin-right: 1%; max-height: 40vw; }
.MOBALIGN { text-align: left; }
.UNSWDT { width: 40%}
}
@media only screen and (max-width:940px) and (min-width:700px) {
.TABONLY { display: inline-block !important; }
.NOTAB { display: none !important; }
.ANDTAB { display: inline-block !important; }
}
@media only screen and (max-width:699px) {
.TABONLY { display: none !important; }
}
.HDRMOB { display: -webkit-box; -webkit-box-pack: justify; -webkit-justify-content: space-between; margin: 15px 10px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-box-align: center; }
.HDRMOB > .HDRMOBLG { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-box-ordinal-group: 1; order: 1;}
.HDRMOB > .HDRCRT { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-box-ordinal-group: 2; order: 2;}
.HDRMOB > .HDRICN { order: 0; text-decoration: none; font-size: 1.2rem; line-height: 1; color: #333;}
.HDRPC { margin: 10px 5px; position: relative; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.HDRPC > .HDRICN > li > a { display: block; text-align: center; font-size: 10px;}
.HDRPC > .HDRICN > li > a > span { white-space: nowrap; display: block; font-size: 10px; line-height: 1;}
.HDRPC > .HDRICN > li > ul { position: absolute; top: 43px; right: 0; z-index: 3000; background: #FFF; -webkit-transition: .2s ease; transition: .2s ease; visibility: hidden; opacity: 0; border-radius: 5px; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);}
.HDRPC > .HDRICN > li > ul > li:first-child a { border-radius: 5px 5px 0 0; }
.HDRPC > .HDRICN > li > ul > li:last-child a { border-radius: 0 0 5px 5px; }
.HDRPC > .HDRICN > li > ul > li > a { text-decoration: none; color: #333; text-align: center; padding: 15px 25px; font-size: 12px; display: block; white-space: nowrap;}
.HDRPC > .HDRICN > li > ul > li > a:hover { background: #ccc; color: #7f0019; }
.HDRPC > .HDRICN > li:hover > ul { visibility: visible; opacity: 1; }
.HDRPC > .HDRICN > li { overflow: visible; }
.HDRPC > a { white-space: nowrap; color: #333; position: relative;}
.HDRPC > a:hover { color: #000;}
.PCSRC { position: relative; margin-right: 20px; width: 100%; overflow: hidden; border: 1px solid #cccccc; border-radius: 5px;}
.HDRNW .HDRMOB .HDRMOBLG { width: 160px; position: relative; display: block; margin: 0 auto; text-align: center;}
.HDRNW .HDRMOB .HDRMOBLG > img { display: inline-block;}
.HDRNW .HDRMOB .HDRCRT { position: absolute; right: 0;}
.MENSHHD { position: fixed; background-color: #FFF; top: 0; left: -9999px; width: 100%; height: 0; visibility: hidden; opacity: 0; z-index: -1; transition: opacity .35s, visibility .35s, height .35s; -webkit-transition: opacity .35s, visibility .35s, height .35s; padding: 0 0 40px; background: #FFF; margin: 75px auto 0 !important; transform: translateZ(0);}
.HDRMOBLG:hover { text-decoration: none; }
@media only screen and (min-width: 900px) {
.MENSHHD { margin: 130px auto 0; left: 0; width: 230px; visibility: visible; opacity: 1; z-index: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding-bottom: 0; border-right: 1px solid #f6f6f6;}
.MENSHHD::-webkit-scrollbar { width: 5px; }
.MENSHHD::-webkit-scrollbar-button { width: 5px; height: 5px; background: #666; }
.MENSHHD::-webkit-scrollbar-thumb { background: #888; }
.SDMNWR { max-width: 1440px; margin: 0 auto; background: #fff; }
.SDMNWR > ul > li h2 { display: none; }
}
.MNUICN { display: inline-block; cursor: pointer;}
.pinne1, .pinne2, .pinne3 { width: 30px; height: 2px; background-color: #555; margin: 6px 0; transition: 0.4s;}
.iconChange .pinne1 { -webkit-transform: rotate(-45deg) translate(-5px, 3px); transform: rotate(-45deg) translate(-5px, 3px);}
.iconChange .pinne2 { opacity: 0;}
.iconChange .pinne3 { -webkit-transform: rotate(45deg) translate(-8px, -7px); transform: rotate(45deg) translate(-8px, -7px);}
#main { transition: margin-left .5s; padding: 0px; }
@media screen and (max-height: 450px) {
.sidenav {padding: 15px;}
.sidenav a {font-size: 18px;}
}
.BBOH { background: rgb(0,0,0); }
.NBDB { border-bottom: 0px; }
.TOPRES { width: 24%; }
@media screen and (min-width: 1025px) {
.TOPRES { width: 10%; }
.CHKWDT { width: 40%; }
.RVWWDT { width: 55%; }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.TOPRES { width: 8%; }
.CHKWDT { width: 60%; }
.RVWWDT { width: 100%; }
}
i { border: solid rgb(51,51,51); border-width: 0 1px 1px 0; padding: 6px; float: right; margin-right: 10px; vertical-align: middle; margin-top: 5px;}
.close { transform: rotate(45deg); -webkit-transform: rotate(45deg); transition:.5s ease;}
.open { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transition: .5s ease; }
.openP { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transition: .5s ease; }
.closeP { transform: rotate(45deg); -webkit-transform: rotate(45deg); transition:.5s ease;}
.openN { transform: rotate(-225deg); -webkit-transform: rotate(-225deg); transition: .5s ease; }
#scroller { overflow-x: scroll; margin: 0 auto; }
#scrollerTop { overflow-x: scroll; margin: 0 auto; }
#inner-scroller { width: 100%; }
@media screen and (min-width: 760px) and (max-width: 780px) {
.TABLAND { width: 90%; }
}
@media screen and (min-width: 781px) and (max-width: 900px) {
.TABLAND { width: 70%; }
}
@media screen and (min-width: 1441px) {
.LANSEL { width: 4%; }
.PCWDT { width: 28%; }
.LGWDT { width: 65%; height: 65%}
.PCMINHGT { min-height: 400px;}
.CLRHGT { min-height: 300px;}
.SIZHGT { min-height: 400px;}
.BOTHHGT { min-height: 200px;}
.MRGPC { margin-right: 300px;}
.WDTLPC { width: 75%;}
.PCLRGWDT { width: 25%; }
.BILWDT { width: 32%;}
.DELWDT { width: 35%;}
.LAPS { display: none!important;}
.FSHHGT { min-height: 37.6vw; }
.CRTBOX { width: 11%; }
}
@media screen and (min-width: 1400px) and (max-width: 1440px) {
.LANSEL { width: 6%; }
.LGTXT { display: none;}
.PCWDT { width: 28%; }
.LGWDT { width: 70%; height: 70%}
.PCMINHGT { min-height: 240px;}
.CLRHGT { min-height: 140px;}
.SIZHGT { min-height: 100px;}
.BOTHHGT { min-height: 150px;}
.WDTLPC { width: 85%;}
.PCLRGWDT { width: 20%; }
.BILWDT { width: 32%;}
.DELWDT { width: 30%;}
.LAPS { display: none!important;}
.FSHHGT { min-height: 36.1vw; }
.CRTBOX { width: 17%; }
}
@media screen and (max-width: 1399px) and (min-width: 700px) {
.LANSEL { width: 12%; }
.LGTXT { display: none;}
.PCWDT { width: 40%; }
.LGWDT { width: 90%; height: 90%;}
.PCMINHGT { min-height: 150px;}
.CLRHGT { min-height: 150px;}
.SIZHGT { min-height: 100px;}
.BOTHHGT { min-height: 100px;}
.modal-content, .modalTWO-content { width: 80% ;}
.WDTADDINF { width: 99%; margin-right: 0%; }
.LRGPC { display: none;}
.WDTLPC { width: 100%;}
.PCLRGWDT { width: 10%; }
.BILWDT { width: 20%;}
.DELWDT { width: 30%;}
.LAPL { display: none!important; }
.FSHHGT { min-height: 33vw; }
.CRTBOX { width: 21%; }
}
@media screen and (max-width: 750px) {
.PCWDT { width: 100%;}
.LGTXT { display: none; }
.CLRHGT { min-height: 250px;}
.SIZHGT { min-height: 250px;}
.BOTHHGT { min-height: 250px;}
.PCMINHGT { min-height: 250px;}
}
/* START CHANGE OF PRI, SEC & INDEX into Grid */
@media screen and (max-width: 769px) {
.SECPRV { display: -ms-grid; display: grid; grid-gap: 5px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 1px 1px; margin-bottom: 40px; }
.SECPRVCNT { color: #fff; padding: 20px;}
.PRIBNK { display: -ms-grid; display: grid; grid-gap: 5px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 1px 1px; margin-bottom: 40px; }
.PRIBNKCNT { color: #fff; padding: 20px;}
.TOPIDX { display: -ms-grid; display: grid; grid-gap: 5px; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 1px 1px; margin-bottom: 10px; overflow: scroll;}
.TOPIDXCNT { color: #fff; padding: 5px; width: 200px; }
.IDXPTW { display: -ms-grid; display: grid; grid-gap: 4px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;}
.IDXPTWCNT { color: #fff; border-radius: 5px;}
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
.SECPRV { display: -ms-grid; display: grid; grid-gap: 10px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1px 1px; margin-bottom: 40px; }
.SECPRVCNT { color: #fff; padding: 30px;}
.PRIBNK { display: -ms-grid; display: grid; grid-gap: 10px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1px 1px; margin-bottom: 40px; }
.PRIBNKCNT { color: #fff; padding: 30px;}
.TOPIDX { display: -ms-grid; display: grid; grid-gap: 10px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1px 1px; margin-bottom: 40px; }
.TOPIDXCNT { color: #fff; padding: 30px;}
.IDXPTW { display: -ms-grid; display: grid; grid-gap: 4px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;}
.IDXPTWCNT { color: #fff; border-radius: 5px; padding: 10px; }
}
@media screen and (min-width: 1201px) {
.SECPRV { display: -ms-grid; display: grid; grid-gap: 10px; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 1px 1px; margin-bottom: 50px; }
.SECPRVCNT { color: #fff; padding: 30px;}
.PRIBNK { display: -ms-grid; display: grid; grid-gap: 10px; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 1px 1px; margin-bottom: 50px; }
.PRIBNKCNT { color: #fff; padding: 30px;}
.TOPIDX { display: -ms-grid; display: grid; grid-gap: 10px; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 1px 1px; margin-bottom: 50px; }
.TOPIDXCNT { color: #fff; padding: 30px;}
.IDXPTW { display: -ms-grid; display: grid; grid-gap: 4px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;}
.IDXPTWCNT { color: #fff; border-radius: 5px; padding: 10px; }
}
.SECPRVCNT:Hover { border: 0px none;}
.PRICLR { display: -ms-grid; display: grid; grid-gap: 4px; -ms-grid-columns: repeat(auto-fill, minmax(30px, 1fr) ); grid-template-columns: repeat(auto-fill, minmax(30px, 1fr) ) ; background-color: #fff; color: #444; }
.PRICLRIMG { color: #fff; border-radius: 5px; }
.BNKCLR { display: -ms-grid; display: grid; grid-gap: 4px; -ms-grid-columns: repeat(auto-fill, minmax(20px, 1fr) ); grid-template-columns: repeat(auto-fill, minmax(20px, 1fr) ) ; background-color: #fff; color: #444; }
.BNKCLRIMG { color: #fff; border-radius: 5px; }
.IDXBAN { display: -ms-grid; display: grid; grid-gap: 5px; -ms-grid-columns: repeat(auto-fill, minmax(300px, 1fr) ); grid-template-columns: repeat(auto-fill, minmax(300px, 1fr) ) ; grid-gap: 1px 1px; margin-bottom: 10px;}
.IDXBANCNT { color: #fff; padding: 0px;}
/* END CHANGE OF PRI.asp into Grid */
.dropdown { display: inline-block; }
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 100px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 100000; right: 0; border-radius: 8px; }
.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; }
.dropdown a:hover {background-color: #bdbcbc; color: #7f0019;}
.dropdown:hover .dropdown-content { display: block; }
.modal { display: none; position: fixed; z-index: 20000; padding-top: 4%; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6); }
.modal-content { background-color: #fefefe; margin: auto; padding: 10px; border: 1px solid #888; }
.modalTWO { display: none; position: fixed; z-index: 20000; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.3); }
.modalTWO-content { background-color: #fefefe; margin: auto; padding: 10px; border: 1px solid #888; }
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer;}
#breadcrumbs { z-index: 300000; }
#breadcrumbs.sticky { position:fixed; background: #fff; width: 100%; top:0; margin:0 0; transition-delay: .2s;}
/* MODAL Specific CSS */
.MDLPOP { padding-top: 2%; font-size: 9pt; }
.PDB20 { padding-bottom: 20px; }
.MDLDIV { border: 2px solid #ccc; color: #ccc; border-radius: 50%; cursor: pointer; }
/* START Index CSS Block */
mark { color: #7F0019; background: transparent;}
.BBOH { background: rgb(0,0,0); }
.NBDB { border-bottom: 0px; }
.TOPWDT { width: 25%; margin: 0.3% 1%; position: relative;}
.BANDIV { overflow-x: scroll; white-space:nowrap; margin: 100px 0px;}
.BANCRD { position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, -50%); background-color: white; font-size: 2em; padding: 10px 20px 10px 20px; border-radius: 10px;}
#scroller { overflow-x: scroll; margin: 0 auto; }
#scrollerTop { overflow-x: scroll; margin: 0 auto; }
#inner-scroller { width: 100%; }
.POTWGRID { width: 100%; display: grid; grid-template-columns: 30% 1fr 1fr 1fr; grid-template-rows: auto auto; grid-column-gap: 10px; grid-row-gap: 10px;}
.BREAK { height: 300px; margin-top: 0; display: grid; grid-template-columns: 1fr 1fr 1fr; justify-content: center; align-content: center; background-color: #f2f2f2;}
.STORLINE { padding-top: 50px; height: auto; width: 100%; margin-top: 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 10px;}
.BRKIMG {width: 80px;}
.PADTOP50 {padding-top: 100px;}
.TOPGRID { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 30%; grid-template-rows: auto auto; grid-column-gap: 10px; grid-row-gap: 10px; margin-top: 150px;}
.POTWWDT { width: 100%; margin: 1% 2% 1% 2%;}
.mcs-caption { display: block; position: absolute; background-color: white; color: #000000; font-size: 14pt; line-height: 14pt; padding: 10px 25px; z-index: 100000; bottom: 12%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; text-align: center; border-radius: 10px;}
@media only screen and (min-width: 1440px) { /** Extra Large Screens **/
.TXTDIV { padding: 0px 15%;}
.MAINSTORY { width: 50%;}
.PCWDT80 { width: 80%;}
.TOPTITLE { grid-area: 1 / 1 / 2 / 4; text-align: right;}
.MAINIMG { grid-area: 1 / 1 / 3 / 2; }
.ITEM0 { grid-area: 2 / 2 / 3 / 3; }
.ITEM1 { grid-area: 2 / 3 / 3 / 4; }
.ITEM2 { grid-area: 2 / 4 / 3 / 5; }
.TITLE { grid-area: 1 / 2 / 2 / 5; }
.TOPMAINIMG { grid-area: 1 / 4 / 3 / 5; }
.TOPITEM3 { grid-area: 2 / 1 / 3 / 2; }
.TOPITEM4 { grid-area: 2 / 2 / 3 / 3; }
.TOPITEM5 { grid-area: 2 / 3 / 3 / 4; }
.TABWDT { width: 100%;}
.LFTWDT { width: 1%;}
.RGTWDT { width: 2%;}
.MOBFLXCNT { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: center; align-content: center;}
.MOBFLX { width: 90%;}
.MGZSCRHGT { height: 360px;}
.NEWSCRHGT { height: 550px;}
.mcs-item { padding: 10px;}
}
@media only screen and (max-width: 1439px) and (min-width: 860px) { /** Laptops **/
.POSTAB { position: absolute;}
.PADTOP50 {padding-top: 50px;}
.NEWWDT { width: 100%;}
.NEWSPN { width: 12%; margin: 0.3% 2%; }
.TXTDIV { padding: 0px 30px;}
.TOPWDT { width: 30%;}
.MAINSTORY { width: 50%;}
.PCWDT80 { width: 80%;}
.TOPTITLE { grid-area: 1 / 1 / 2 / 4; text-align: right;}
.MAINIMG { grid-area: 1 / 1 / 3 / 2; }
.ITEM0 { grid-area: 2 / 2 / 3 / 3; }
.ITEM1 { grid-area: 2 / 3 / 3 / 4; }
.ITEM2 { grid-area: 2 / 4 / 3 / 5; }
.TITLE { grid-area: 1 / 2 / 2 / 5; }
.TOPMAINIMG { grid-area: 1 / 4 / 3 / 5; }
.TOPITEM3 { grid-area: 2 / 1 / 3 / 2; }
.TOPITEM4 { grid-area: 2 / 2 / 3 / 3; }
.TOPITEM5 { grid-area: 2 / 3 / 3 / 4; }
.TABWDT { width: 100%;}
.LFTWDT { width: 1%;}
.RGTWDT { width: 2%;}
.MOBFLXCNT { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: center; align-content: center;}
.MOBFLX { width: 90%;}
.MGZSCRHGT { height: 550px;}
.NEWSCRHGT { height: 350px;}
.mcs-item { width: 27%!important; padding: 10px;}
.mcs-caption { bottom: 20%;}
}
@media only screen and (max-width: 859px) and (min-width: 426px) { /** Tablet **/
.POTWWDT { margin: 1%;}
.TABSCROLL { overflow-x: scroll; white-space:nowrap;}
.NEWWDT { width: 90%; overflow-x: scroll; white-space:nowrap;}
.NEWSPN { width: 35%; margin: 0.625% 20px 0.625% 10px;}
.TOPWDT { width: 45%; margin: 10px;}
.BANCRD { font-size: 13pt;}
.BREAK { height: auto; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr; height: auto;}
.STORLINE { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; height: auto;}
.BRKCNT { padding-top: 20px; padding-bottom: 20px;}
.BDBN { border-bottom: 1px solid rgb(204, 204, 204); }
.MAINSTORY { width: 100%;}
.PADTOP50 {padding-top: 20px;}
.PCWDT80 { width: 80%;}
/** .POTWGRID { width: 100%; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto auto auto; grid-column-gap: 10px; grid-row-gap: 10px;} **/
.POTWGRID { display: grid; grid-template: repeat(3, [row] minmax(120px, 1fr)) / repeat(4, [col] 1fr); grid-gap: 20px; }
.MAINIMG, .IMG0 { align-items: center; justify-items: center;}
.TITLE { grid-column: col 1 / span 4; grid-row: row 1 / span 1; z-index: 1; color: #fff; padding-top: 30px;}
.IMG0 { grid-column: col 1 / span 4; grid-row: row 2 / span 4; border-radius: 10px;}
.TOPGRID { width: 100%; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto auto auto; grid-column-gap: 10px; grid-row-gap: 10px; margin-top: 150px;}
.MOBCRD { -webkit-box-shadow: 0px 1px 10px 3px rgba(192,192,192,0.35); -moz-box-shadow: 0px 1px 10px 3px rgba(192,192,192,0.35); box-shadow: 0px 1px 10px 3px rgba(192,192,192,0.35);}
.TABWDT { width: 100%;}
.LFTWDT { width: 20px;}
.RGTWDT { width: 20px;}
.MOBFLX { width: 300px;}
.MOBFLXCNT { overflow-x: scroll; white-space:nowrap;}
.MOBPADRED { padding: 20px 10px!important;}
.MGZSCRHGT { height: 350px;}
.NEWSCRHGT { height: 280px;}
.mcs-item { width: 40%!important; padding: 10px;}
}
@media only screen and (max-width: 425px) { /** Mobile **/
.POTWWDT { margin: 1%;}
.TABSCROLL { overflow-x: scroll; white-space:nowrap;}
.NEWWDT { width: 90%; overflow-x: scroll; white-space:nowrap;}
.NEWSPN { width: 35%; margin: 0.625% 20px 0.625% 10px;}
.TOPWDT { width: 55%; margin: 10px;}
.BANCRD { font-size: 11pt;}
.BREAK { height: auto; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr; height: auto;}
.STORLINE { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; height: auto;}
.BRKCNT { padding-top: 20px; padding-bottom: 20px;}
.BDBN { border-bottom: 1px solid rgb(204, 204, 204); }
.MAINSTORY { width: 100%;}
.PADTOP50 {padding-top: 20px;}
/** .POTWGRID { width: 100%; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto auto auto; grid-column-gap: 10px; grid-row-gap: 10px;} **/
.POTWGRID { display: grid; grid-template: repeat(3, [row] minmax(120px, 1fr)) / repeat(4, [col] 1fr); grid-gap: 20px; }
.MAINIMG, .IMG0 { align-items: center; justify-items: center;}
.TITLE { grid-column: col 1 / span 4; grid-row: row 1 / span 1; z-index: 1; color: #fff; padding-top: 30px;}
.IMG0 { grid-column: col 1 / span 4; grid-row: row 2 / span 4; border-radius: 10px;}
.TOPGRID { width: 100%; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto auto auto; grid-column-gap: 10px; grid-row-gap: 10px; margin-top: 150px;}
.MOBCRD { -webkit-box-shadow: 0px 1px 10px 3px rgba(192,192,192,0.35); -moz-box-shadow: 0px 1px 10px 3px rgba(192,192,192,0.35); box-shadow: 0px 1px 10px 3px rgba(192,192,192,0.35);}
.TABWDT { width: 100%;}
.LFTWDT { width: 20px;}
.RGTWDT { width: 20px;}
.MOBFLX { width: 300px;}
.MOBFLXCNT { overflow-x: scroll; white-space:nowrap;}
.MOBPADRED { padding: 20px 10px!important;}
.MGZSCRHGT { height: 600px;}
.NEWSCRHGT { height: 240px;}
.mcs-item { width: 70%!important; padding: 10px;}
.mcs-caption { bottom: 20%; padding: 5px 15px;}
}
@media only screen and (min-width: 1350px) and (max-width: 2000px) { /** medium laptopn to large screen addition **/
.NEWSCRHGT { height: 450px;}
}
.BANDIV::-webkit-scrollbar { height: 7px!important; }
.BANDIV::-webkit-scrollbar-track { background-color: #f5f5f5!important; }
.BANDIV::-webkit-scrollbar-thumb { background-color: #c4c4c4; height: 7px!important; }
.MagicSlideshow.mss-arrows-slide .mss-arrows-pair { opacity: 0.8; transition: transform .3s linear; -webkit-transition: -webkit-transform .3s linear; }
.mss-horizontal .mss-slider .mss-arrow-prev:before, .mss-selectors-horizontal .mss-selectors .mss-arrow-prev:before, .mss-horizontal .mss-slider .mss-arrow-next:before, .mss-selectors-horizontal .mss-selectors .mss-arrow-next:before, .mss-vertical .mss-slider .mss-arrow-prev:before, .mss-selectors-vertical .mss-selectors .mss-arrow-prev:before, .mss-vertical .mss-slider .mss-arrow-next:before, .mss-selectors-vertical .mss-selectors .mss-arrow-next:before { /*border-color: white;*/ border-color: rgba(0, 0, 0, 1) !important; opacity: 0.9!important; }
.BOXFLX { display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: center; padding: 0; margin-top: 50px;}
.IMGTXTA { justify-content: flex-start; text-align: left; } /** TOP LEFT **/
.IMGTXTB { align-items: flex-start; justify-content: center; } /** TOP CENTER **/
.IMGTXTC { justify-content: flex-end; } /** TOP RIGHT **/
.IMGTXTD { align-items: center; justify-content: flex-start; text-align: left; } /** CENTER LEFT **/
.IMGTXTE { align-items: center; } /** CENTER CENTER **/
.IMGTXTF { align-items: center; justify-content: flex-end;} /** CENTER RIGHT **/
.IMGTXTG { align-items: flex-end; justify-content: flex-start; text-align: left; } /** BOTTOM LEFT **/
.IMGTXTH { align-items: flex-end; } /** BOTTOM CENTER **/
.IMGTXTI { align-items: flex-end; justify-content: flex-end; } /** BOTTOM RIGHT **/
.BOXCAP { position: absolute; max-width: auto; margin: 0; padding: 0px 5px 5px 5px; word-break: break-word; }
@media only screen and (max-width: 425px) { /** Mobile **/
.BOXFLX { display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: center; padding: 0; margin-top: 0px;}
.IMGTXTA { justify-content: flex-start; text-align: left; } /** TOP LEFT **/
.IMGTXTB { align-items: flex-start; justify-content: center; } /** TOP CENTER **/
.IMGTXTC { justify-content: flex-end; } /** TOP RIGHT **/
.IMGTXTD { align-items: center; justify-content: flex-start; text-align: left; } /** CENTER LEFT **/
.IMGTXTE { align-items: center; } /** CENTER CENTER **/
.IMGTXTF { align-items: center; justify-content: flex-end;} /** CENTER RIGHT **/
.IMGTXTG { align-items: flex-end; justify-content: flex-start; text-align: left; } /** BOTTOM LEFT **/
.IMGTXTH { align-items: flex-end; } /** BOTTOM CENTER **/
.IMGTXTI { align-items: flex-end; justify-content: flex-end; } /** BOTTOM RIGHT **/
.BOXCAP { position: absolute; max-width: auto; margin: 0; padding: 5px; word-break: break-word; }
.mcs-caption {font-size: 10pt!important;}
}
/* ENDED Index CSS Block */
/* START Header CSS Block */
.MUJILOGO { margin-top: 10px; width: 200px; }
.HDRNEW { position: fixed; top: 0; z-index: 3000; background: #fff; left: 0%; right: 0%; width: 100%; transition: top 0.3s; }
.GRYBAR { height: auto; background-color: #f6f6f6; width: 100%; }
.MAINBAR { background-color: #fff; height: auto; width: 100%; padding: 10px 30px; }
.BARCNT { margin: 5px 1%; padding: 5px 10px; }
.LOGDIV { display: inline-block; height: auto; width: 15%; margin-left: 30px; }
.SDEICN { width: 10%; display: inline-block; height: auto;}
.SRCBAR { height: auto; margin-left: 30px; margin-top: 10px; width: 55%; }
.ICNBAR { display: inline-block; width: 20%; margin-left: 10px; float: right; }
.ICNCNT { width: 30%; display: inline-block; }
.PGEMID { width: 100%; padding: 30px 0px; }
.PGEBDY { width: 100%; padding: 0; margin: 0 auto; vertical-align: top; text-align: center; }
.MENICN { margin: 10px 15px; width: 25px; }
.CATBAR { width: 100%; padding: 10px 0px 10px 0px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 0px; margin: 0; }
.CATCNT { padding-top: 10px; padding-bottom: 10px; display: flex; justify-content: space-between; }
.BGCNG { background: #F4F4F4; }
.FNTSPC { line-height: 32px; letter-spacing: .02em; }
.HDRLSMLUK { width: 20px; height: 20px; background: url("https://www.muji.eu/FLAGSPRITE_MOA.png") 0px 0px no-repeat; position: relative; top: 1px; }
.HDRLSMLFR { width: 20px; height: 20px; background: url("https://www.muji.eu/FLAGSPRITE_MOA.png") 0px -22px no-repeat; position: relative; top: 1px; }
.HDRLSMLDE { width: 20px; height: 20px; background: url("https://www.muji.eu/FLAGSPRITE_MOA.png") 0px -44px no-repeat; position: relative; top: 1px; }
.HDRLSMLES { width: 20px; height: 20px; background: url("https://www.muji.eu/FLAGSPRITE_MOA.png") 0px -66px no-repeat; position: relative; top: 1px; }
.HDRLSMLCH { width: 20px; height: 20px; background: url("https://www.muji.eu/FLAGSPRITE_MOA.png") 0px -88px no-repeat; position: relative; top: 1px; }
.HDRLSMLDK { width: 20px; height: 20px; background: url("https://www.muji.eu/FLAGSPRITE_MOA.png") 0px -110px no-repeat; position: relative; top: 1px; }
.HDRLSMLSE { width: 20px; height: 20px; background: url("https://www.muji.eu/FLAGSPRITE_MOA.png") 0px -132px no-repeat; position: relative; top: 1px; }
.HDRLSMLIT { width: 20px; height: 20px; background: url("https://www.muji.eu/FLAGSPRITE_MOA.png") 0px -154px no-repeat; position: relative; top: 1px; }
.HDRLSMLFI { width: 20px; height: 20px; background: url("https://www.muji.eu/FLAGSPRITE_MOA.png") 0px -176px no-repeat; position: relative; top: 1px; }
.PAYMalipay { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -1px -1px no-repeat; position: relative; }
.PAYMamex { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -59px -1px no-repeat; position: relative; }
.PAYMapplepay { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -118px -1px no-repeat; position: relative; }
.PAYMcb { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -176px -1px no-repeat; position: relative; }
.PAYMdiners { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -234px -1px no-repeat; position: relative; }
.PAYMdiscover { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -292px -1px no-repeat; position: relative; }
.PAYMentercash { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -1px -35px no-repeat; position: relative; }
.PAYMgiropay { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -59px -35px no-repeat; position: relative; }
.PAYMideal { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -118px -35px no-repeat; position: relative; }
.PAYMjcb { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -176px -35px no-repeat; position: relative; }
.PAYMklarna { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -234px -35px no-repeat; position: relative; }
.PAYMmc { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -292px -35px no-repeat; position: relative; }
.PAYMmobilepay { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -1px -69px no-repeat; position: relative; }
.PAYMmultibanko { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -59px -69px no-repeat; position: relative; }
.PAYMpaypal { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -118px -69px no-repeat; position: relative; }
.PAYMsepa { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -176px -69px no-repeat; position: relative; }
.PAYMsofort { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -234px -69px no-repeat; position: relative; }
.PAYMtrustly { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -292px -69px no-repeat; position: relative; }
.PAYMwechat { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -1px -104px no-repeat; position: relative; }
.PAYMvisa { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -59px -104px no-repeat; position: relative; }
.PAYMunionpay { width: 56px; height: 33px; background: url("https://www.muji.eu/SPRITE_PAYMENT.png") -118px -104px no-repeat; position: relative; }
input { background: #fff; border: 1px solid #c6c6c6; padding: 8px; border-radius: 3px;}
.frmSearch { margin: 0px 10px;}
.SRCDROP { float: left; list-style: none; margin-top: 40px; width: 55%; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); position: absolute;}
.SDEDIV { width: 30%;}
.PRDDIV { width: 70%;}
.country-list { border-right: 1px solid #f4f4f4;}
.country-list li { padding: 10px 20px 10px 10px; background: #fff; border-bottom: 1px solid #f4f4f4;}
.country-list li:hover{ background:#f4f4f4; cursor: pointer;}
.GRIDSRC { margin-top: 0px; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr auto; grid-column-gap: 10px; grid-row-gap: 0px;}
#suggesstion-box {background-color: #fff;}
.SRCINP { border: 1px solid #cccccc; border: #c4c4c4 1px solid; width: 90%;}
.MENHOV { font-size: 1.4em;}
.MENHOV:Hover { color: #7f0019; cursor: pointer;}
.CATITM { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 10px;}
.MENHOVSEL { color: #7f0019;}
.SMOD { display: none; position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.SMODCON { position: relative; overflow-y: auto; float: right; background-color: #fefefe; margin: auto; padding: 25px; padding-right: 5px; width: 550px; height: 100%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s }
@-webkit-keyframes animatetop { from {right:-30%; opacity:0} to {right:0; opacity:1} }
@keyframes animatetop { from {right:-30%; opacity:0} to {right:0; opacity:1} }
.CARTFX { position: absolute; bottom: 15px; right: 20px; width: 95%; padding: 10px; background-color: #FFF; text-align: center;}
.CARTBUT { width: 97%; padding: 10px; background-color: #7f0019; font-size: 1.3em; text-align: center; border: 1px solid black;}
.CARTBUT:hover { -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.8); box-shadow: 0 0px 5px rgba(0, 0, 0, 0.8); background-color: rgba(127,0,25,0.8)}
.CARTBUT:hover a { color: white!important; text-decoration: none; }
.QTYD { background-color: #7f0019; color: white; position: absolute; border-radius: 15px; padding-left: 2px; width: auto; font-size: 7pt; text-align: center; top: 10px; right: 0px;}
.SDEMEN { float: left; width: 150px; margin-right: 30px; margin-top: 90px; height: 100%; opacity: 0; transition: 0.7s; width: 0; position: fixed; z-index: 5000; top: 0; left: 0; background-color: #fff; overflow-x: auto; overflow-y: auto; padding-top: 5px; margin-bottom: 10px; }
.SDEMEN a { display: block; transition: opacity 1s; padding: 5px; text-decoration: none; font-size: 1.3em; display: block; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; transition: 0.3s}
.PGEMID { }
@media only screen and (min-width: 1440px) { /** Extra Large Screens **/
.TOPMVE { top: -110px}
.XLSSZE {display: none;}
.MAINBAR, .PGEMID, .CATCNT, .PADBDYFIT { padding-left: 13%; padding-right: 13%;}
.LOGDIV { margin-left: 0px;}
.LSTICN { margin: 10px 5px 10px 15px;}
}
@media only screen and (max-width: 1439px) and (min-width: 860px) { /** Laptops **/
.TOPMVE { top: -110px}
.LAPSZE {display: none;}
.MAINBAR, .PGEMID, .CATCNT, .PADBDYFIT { padding-left: 3%; padding-right: 3%;}
.LOGDIV { margin-left: 0px;}
.MENHOV { font-size: 1.3em;}
.QTYD { right: 10px;}
}
@media only screen and (max-width: 859px) and (min-width: 426px) { /** Tablet **/
.TOPMVE { top: -155px}
.TABSZE {display: none;}
.MUJILOGO { margin-top: 10px; width: 70%; padding-left: 10px;}
.MAINBAR, .PGEMID, .CATCNT, .PADBDYFIT { padding-left: 3%; padding-right: 3%;}
.LOGDIV { margin-left: 0px; width: 45%;}
.MENHOV { font-size: 1.3em;}
.SMODCON { width: 90%;}
.BARCNT { margin: 0px; padding: 5px 5px;}
.SRCINP { width: 100%; margin: 0;}
.SRCBAR { width: 100%; margin-top: 10px; margin-bottom: 20px;}
.ICNBAR { width: 35%;}
.HDRNEW { -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.5);}
.SRCDROP { width: 90%;}
.SDEDIV { width: 100%;}
.PRDDIV { width: 100%;}
.PGEMID { width: 100%; padding: 200px 10px;}
}
@media only screen and (max-width: 425px) { /** Mobile **/
.TOPMVE { top: -155px}
.MOBSZE {display: none;}
.MUJILOGO { margin-top: 10px; width: 100%; padding-left: 5px;}
.MAINBAR, .PGEMID, .CATCNT, .PADBDYFIT { padding-left: 3%; padding-right: 3%;}
.LOGDIV { margin-left: 0px; width: 45%;}
.MENHOV { font-size: 1.3em;}
.SMODCON { width: 100%;}
.BARCNT { margin: 0px; padding: 5px 5px;}
.SRCINP { width: 100%; margin: 0;}
.SRCBAR { width: 100%; margin-top: 10px; margin-bottom: 20px;}
.ICNBAR { width: 35%;}
.HDRNEW { -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.5);}
.SRCDROP { width: 90%;}
.SDEDIV { width: 100%;}
.PRDDIV { width: 100%;}
.PGEMID { width: 100%; padding: 200px 10px;}
}
/* ENDED Header CSS Block */
/* START Footer CSS Block */
.PGEFTR { width: 100%; padding: 0px; float: left; font-size: 8pt;}
.BUTSUB input { background: rgb(127,0,25); color: rgb(255, 255, 255); font-size: 12pt; margin: 0 auto; border: 1px solid rgb(165, 82, 99); text-align: center; padding: 10px 7px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.BUTSUB input:hover { background: rgb(159, 63, 82); color: rgb(255, 255, 255); border: 1px solid rgb(206, 156, 165); cursor: pointer; text-decoration: none; }
.FTRLNK { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 10PX; padding-bottom: 20px;}
.FTRLNKCNT { width: 80%;}
.FTRTTL { padding-bottom: 5px; font-weight: 400; letter-spacing: .02em;}
.INPMMB { width: 30%;}
.PAD0L { padding-left: 0px!important;}
.FNTL LRGMOB { font-weight: 100; letter-spacing: .02em;}
.TXCDG { color: #585858!important;}
.FTRFBG { background-image: url("https://www.muji.eu/IMG/MENU/FB_Logo_BW.png"); height: 23px; width: 23px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.FTRFBB:hover .FTRFBG { background-image: url("https://www.muji.eu/IMG/MENU/FB_Logo_C.png"); height: 23px; width: 23px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.FTRING { background-image: url("https://www.muji.eu/IMG/MENU/IG_Logo_BW.png"); height: 23px; width: 24px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.FTRINP:hover .FTRING { background-image: url("https://www.muji.eu/IMG/MENU/IG_Logo_C.png"); height: 23px; width: 24px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.FTRTWG { background-image: url("https://www.muji.eu/IMG/MENU/TW_Logo_BW.png"); height: 23px; width: 28px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.FTRTWB:hover .FTRTWG { background-image: url("https://www.muji.eu/IMG/MENU/TW_Logo_C.png"); height: 23px; width: 28px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
@media only screen and (min-width: 1440px) { /** Extra Large Screens **/ }
@media only screen and (max-width: 1439px) and (min-width: 860px) { /** Laptops **/ }
@media only screen and (max-width: 859px) and (min-width: 426px) { /** Tablet **/
.FTRLNK {grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; padding-top: 40px!important;}
.FTRLNKCNT { padding-top: 20px; width: 100%; text-align: center;}
.FTRTTL { font-size: 16pt; text-align: center; text-align: center;}
.LRGMOB { font-size: 14pt; text-align: center; text-align: center;}
.INPMMB { width: 50%;}
}
@media only screen and (max-width: 425px) { /** Mobile **/
.FTRLNK {grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; padding-top: 40px!important;}
.FTRLNKCNT { padding-top: 20px; width: 100%; text-align: center;}
.FTRTTL { font-size: 16pt; text-align: center; text-align: center;}
.LRGMOB { font-size: 14pt; text-align: center; text-align: center;}
.INPMMB { width: 50%;}
}
/* ENDED Footer CSS Block */
/* START Content CSS Block */
.LNKButton > a {text-align: center; width: auto; margin: 12px 0 30px; padding: 5px 10px; border: 1px solid #999999; border-radius: 40px; -webkit-border-radius: 40px; cursor: pointer;}
.PRDLSTGRID { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 30px; grid-row-gap: 40px;}
.TWOGROUP { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 0px;}
.THRGROUP { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 0px;}
.FORGROUP { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 0px;}
.PRDLSTDSP { background: transparent; margin: 0px; padding: 0; vertical-align: top;}
.PRDLSTDSP a { width: 100%; display: block; }
.PRDLSTDSP a:Hover { text-decoration: none;}
.PRDLSTDSP a img { vertical-align: bottom;}
.PRDTTL { font-size: 13pt; padding: 5px;}
@media only screen and (min-width: 1440px) { /** Extra Large Screens **/
.CNTPGEWDT { width: 70%; }
.PRDLSTGRID { grid-template-columns: 1fr 1fr 1fr 1fr;}
.PAD10MOB {padding: 10px;}
.CNTMB {display: none;}
}
@media only screen and (max-width: 1439px) and (min-width: 860px) { /** Laptops **/
.CNTPGEWDT { width: 90%; }
.PRDLSTGRID { grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 30px;}
.PAD10MOB {padding: 10px;}
.CNTMB {display: none;}
}
@media only screen and (max-width: 859px) and (min-width: 426px) { /** Tablet **/
.CNTPGEWDT { width: 100%; }
.PRDLSTGRID { grid-template-columns: 1fr 1fr; grid-column-gap: 10px; grid-row-gap: 30px;}
.PRDTTL { font-size: 13pt;}
.PAD10MOB {padding: 2px;}
.CNTMB {display: none;}
}
@media only screen and (max-width: 425px) { /** Mobile **/
.CNTPGEWDT { width: 100%; }
.PRDLSTGRID { grid-template-columns: 1fr 1fr; grid-column-gap: 5px; grid-row-gap: 20px;}
.TWOGROUP, .THRGROUP, .FORGROUP { grid-template-columns: 1fr; grid-column-gap: 5px;}
.PRDTTL { font-size: 10pt; padding: 0;}
.PAD10MOB {padding: 0px;}
.CNTPC { display: none;}
}
.BUTBLKNEW a { color: rgb(255, 255, 255); font-size: 9pt; margin-right: 10px; text-align: center; padding: 8px; border-radius: 50%; }
.BUTBLKNEW a:hover {color: #ffffff; cursor: pointer; text-decoration: none; }
.BUTBLKNEW input { color: rgb(255, 255, 255); font-size: 9pt; margin: 10px; text-align: center; padding: 8px; border-radius: 50%; }
.BUTBLKNEW input:hover { color: #ffffff; cursor: pointer; text-decoration: none; }
.BUTBLKNEW a span { display: none; font-size: 7pt; color: #000000; text-align: center; text-decoration: none; border-radius: 50%; }
.BUTBLKNEW a:hover span { display: block; position: absolute; padding: 15px; z-index: 100; }
/* ENDED Content CSS Block */