/* Minification failed. Returning unminified contents. (17,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,93): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,112): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,134): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,156): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,187): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,207): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,227): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,245): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,265): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,290): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,314): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,338): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,362): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,386): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,410): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,434): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,458): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,482): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,506): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,535): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,558): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,586): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,611): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,640): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,663): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,691): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,711): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,734): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,756): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,777): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,797): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,827): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,860): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,889): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,916): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,945): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,973): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,1002): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,1027): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,1056): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,1079): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,1110): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,1141): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,1355): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,1456): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,1547): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,1597): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,1624): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,1652): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,1680): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,1706): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (79,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-family' (79,76): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size' (79,115): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-weight' (79,156): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-line-height' (79,191): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (79,225): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-text-align' (79,270): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (145,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (151,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace' (305,141): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (305,182): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (327,8): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (327,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (327,109): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y' (327,155): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (327,200): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (329,87): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (329,132): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (329,170): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y' (395,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (397,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (399,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (401,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (403,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (405,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (407,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (409,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (411,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (413,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (415,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (417,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (486,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (488,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (490,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (492,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (494,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (496,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (498,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (500,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (502,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (504,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (506,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (508,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (578,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (580,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (582,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (584,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (586,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (588,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (590,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (592,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (594,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (596,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (598,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (600,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (670,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (672,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (674,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (676,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (678,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (680,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (682,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (684,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (686,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (688,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (690,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (692,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (762,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (764,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (766,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (768,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (770,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (772,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (774,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (776,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (778,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (780,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (782,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (784,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (854,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (856,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (858,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (860,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (862,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (864,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (866,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (868,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (870,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (872,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (874,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (876,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (879,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (879,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (879,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (879,108): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (879,152): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (879,186): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (879,228): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (879,261): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (881,83): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg' (881,160): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-accent-bg' (901,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (901,114): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-color' (903,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (903,78): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-active-color' (905,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (905,99): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-hover-color' (907,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (907,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (907,74): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (907,106): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (907,137): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (907,168): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (907,198): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (909,20): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (909,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (909,76): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (909,108): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (909,139): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (909,170): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (909,200): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (911,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (911,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (911,74): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (911,106): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (911,137): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (911,168): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (911,198): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (913,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (913,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (913,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (913,103): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (913,134): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (913,165): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (913,195): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (915,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (915,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (915,74): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (915,106): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (915,137): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (915,168): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (915,198): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (917,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (917,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (917,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (917,105): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (917,136): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (917,167): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (917,197): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (919,16): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (919,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (919,72): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (919,104): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (919,135): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (919,166): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (919,196): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (921,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (921,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (921,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (921,103): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (921,134): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (921,165): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (921,195): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1063,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1063,89): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1069,77): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1069,110): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1103,112): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1113,83): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1183,98): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (1189,81): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (1191,97): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (1195,79): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (1199,95): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (1201,89): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (1203,113): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (1207,126): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (1215,100): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1221,85): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1223,101): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1227,83): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1231,99): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1233,93): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1235,117): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1239,130): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1259,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1259,85): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1261,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-dark' (1261,100): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-dark' (1263,95): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-dark' (1263,133): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-dark' (1265,191): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-dark' (1265,229): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-dark' (1269,88): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-light' (1269,127): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-light' (1283,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (1283,85): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (1285,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-dark' (1285,100): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-dark' (1287,95): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-dark' (1287,133): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-dark' (1289,191): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-dark' (1289,229): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-dark' (1293,88): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-light' (1293,127): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-light' (1295,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-blue' (1295,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-info' (1295,89): run-time error CSS1039: Token not allowed after unary operator: '-bs-info' (1297,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-info' (1297,80): run-time error CSS1039: Token not allowed after unary operator: '-bs-blue' (1297,121): run-time error CSS1039: Token not allowed after unary operator: '-bs-blue' (1299,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-info' (1299,110): run-time error CSS1039: Token not allowed after unary operator: '-bs-blue' (1299,151): run-time error CSS1039: Token not allowed after unary operator: '-bs-blue' (1301,152): run-time error CSS1039: Token not allowed after unary operator: '-bs-info' (1301,197): run-time error CSS1039: Token not allowed after unary operator: '-bs-blue' (1301,238): run-time error CSS1039: Token not allowed after unary operator: '-bs-blue' (1319,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (1319,83): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (1329,86): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1329,119): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1355,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1355,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1357,70): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1357,103): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1361,228): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1361,261): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1365,80): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1379,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (1379,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (1381,70): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (1381,114): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (1385,228): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (1385,261): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (1389,80): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (1415,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1415,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1417,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1417,102): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1421,223): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1421,256): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1425,78): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1451,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1495,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1499,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1504,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1508,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1514,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1518,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1524,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1528,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1534,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1538,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1544,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1548,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1585,111): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1601,132): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1649,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1673,101): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1713,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-scroll-height' (2013,116): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider' (2019,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2031,81): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2031,114): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2032,70): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2032,103): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2111,176): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2145,79): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2145,112): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2443,92): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif' (2477,116): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif' (2675,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2683,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (2695,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2709,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-aspect-ratio' (2713,14): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2715,14): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2717,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2719,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2883,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2887,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (2893,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (3223,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace' (3283,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3283,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (3283,78): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (3285,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3285,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb' (3285,82): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (3287,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3287,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb' (3287,78): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (3289,14): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3289,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb' (3289,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (3291,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3291,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb' (3291,78): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (3293,16): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3293,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (3293,76): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (3295,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3295,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb' (3295,74): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (3297,14): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3297,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb' (3297,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (3299,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3299,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb' (3299,74): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (3301,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3301,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb' (3301,74): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (3303,14): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3303,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (3303,78): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (3305,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3307,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3309,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3311,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3313,20): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3315,20): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3317,20): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3319,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3321,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3321,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (3321,85): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (3323,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3323,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb' (3323,89): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (3325,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3325,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb' (3325,85): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (3327,12): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3327,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb' (3327,79): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (3329,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3329,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb' (3329,85): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (3331,14): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3331,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (3331,83): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (3333,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3333,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb' (3333,81): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (3335,12): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3335,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb' (3335,79): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (3337,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3337,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb' (3337,81): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (3339,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3339,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb' (3339,81): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (3341,12): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3341,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-rgb' (3341,82): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (3343,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3345,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3347,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3349,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3351,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3353,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3355,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-gradient' (7499,185): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (7613,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (7613,95): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (7617,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (7617,113): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (7627,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (7627,101): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (7629,167): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (7629,200): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (7635,118): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (7685,124): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (7815,231): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (7817,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (7817,96): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (7831,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (7869,99): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (7925,93): run-time error CSS1039: Token not allowed after unary operator: '-bs-orange' (8011,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (8053,90): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (8083,97): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (8143,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-yellow' (8149,78): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (8151,1111): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (8225,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (8422,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-500' (8587,323): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (8625,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (8625,101): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (8733,129): run-time error CSS1038: Expected hex color, found '#ff' (8893,157): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (9377,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (9399,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (9403,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (9403,89): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (9437,180): run-time error CSS1039: Token not allowed after unary operator: '-bs-red' (9549,109): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (9561,77): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (9563,76): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (9601,129): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (9633,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-red' (9639,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-green' (9729,192): run-time error CSS1039: Token not allowed after unary operator: '-bs-orange' (9857,77): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (9857,123): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (9881,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (9897,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (9965,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (9989,172): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10009,164): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10067,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10091,145): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10143,135): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10245,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10279,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10287,120): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10301,92): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10311,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10415,70): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (10417,74): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (10419,73): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10443,113): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10525,75): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10525,108): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10537,132): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10631,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10643,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10689,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10737,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10827,214): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10979,103): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (10987,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-info' (10989,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-blue' (10999,81): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (11025,85): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (11033,63): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (11051,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (11123,225): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (11157,137): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (11179,194): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (11187,218): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (11187,255): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (11538,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11609,93): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (11801,81): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (13293,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (13297,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (13301,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-info' (13305,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning' (13306,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-blue' */ /********************************************************************************* Template Name: Hema Multipurpose eCommerce Bootstrap 5 Template Description: A perfect template to build beautiful and unique Glasses websites. It comes with nice and clean design. Version: 1.0 **********************************************************************************/ /*------------------------------------------ 1. Bootstrap v5.1.3 -------------------------------------------*/ /*! * Bootstrap v5.1.3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-blue: #4A90E2; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: var(--bs-success); --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary-light: #ffc98d; --bs-primary: #f27a1a; --bs-primary-dark: #a96112; --bs-secondary: #6c757d; --bs-success-light: #08875e; --bs-success: #0bc15c; --bs-success-dark: #27c10b; --bs-info: #ebf5ff; --bs-warning: #FFC000; --bs-danger: #dc2e2e; --bs-light: #f6efff; --bs-dark: #212529; --bs-primary-rgb: 13,110,253; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 25,135,84; --bs-info-rgb: 13,202,240; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 220,53,69; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-white-rgb: 255,255,255; --bs-black-rgb: 0,0,0; --bs-body-color-rgb: 33,37,41; --bs-body-bg-rgb: 255,255,255; --bs-font-sans-serif: "IranSans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #333333; --bs-body-bg: #fff } /*:root { --bs-blue: var(--bs-primary); --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #BB0000; --bs-orange: #f27a1a; --bs-yellow: #FFC000; --bs-green: #0bc15c; --bs-teal: #20c997; --bs-cyan: #1F6BC1; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #E6E6E6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #f27a1a; --bs-secondary: #6c757d; --bs-success: #0BC15C; --bs-info: #1F6BC1; --bs-warning: #f27a1a; --bs-danger: var(--bs-primary); --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 242,122,26; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 11,193,92; --bs-info-rgb: 31,107,193; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 220,53,69; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-white-rgb: 255,255,255; --bs-black-rgb: 0,0,0; --bs-body-color-rgb: 33,37,41; --bs-body-bg-rgb: 255,255,255; --bs-font-sans-serif: "IranSans", system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff }*/ *, ::after, ::before { box-sizing: border-box } @media (prefers-reduced-motion:no-preference) { :root { scroll-behavior: smooth } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: .25 } hr:not([size]) { height: 1px } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } .h1, h1 { font-size: calc(1.375rem + 1.5vw) } @media (min-width:1200px) { .h1, h1 { font-size: 2.5rem } } .h2, h2 { font-size: calc(1.325rem + .9vw) } @media (min-width:1200px) { .h2, h2 { font-size: 2rem } } .h3, h3 { font-size: calc(1.3rem + .6vw) } @media (min-width:1200px) { .h3, h3 { font-size: 1.75rem } } .h4, h4 { font-size: calc(1.275rem + .3vw) } @media (min-width:1200px) { .h4, h4 { font-size: 1.5rem } } .h5, h5 { font-size: 1.25rem } .h6, h6 { font-size: 1rem } p { margin-top: 0; margin-bottom: 1rem } abbr[data-bs-original-title], abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } ol, ul { padding-left: 2rem } dl, ol, ul { margin-top: 0; margin-bottom: 1rem } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: bolder } .small, small { font-size: .875em } .mark, mark { padding: .2em; background-color: #fcf8e3 } sub, sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: var(--bs-primary); text-decoration: underline } a:hover { color: #0a58ca } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none } code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr; unicode-bidi: bidi-override } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: .875em } pre code { font-size: inherit; color: inherit; word-break: normal } code { font-size: .875em; color: #d63384; word-wrap: break-word } a > code { color: inherit } kbd { padding: .2rem .4rem; font-size: .875em; color: #fff; background-color: #212529; border-radius: .2rem } kbd kbd { padding: 0; font-size: 1em; font-weight: 700 } figure { margin: 0 0 1rem } img, svg { vertical-align: middle } table { caption-side: bottom; border-collapse: collapse } caption { padding-top: .5rem; padding-bottom: .5rem; color: #6c757d; text-align: left } th { text-align: inherit; text-align: -webkit-match-parent } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0 } label { display: inline-block } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal } select:disabled { opacity: 1 } [list]::-webkit-calendar-picker-indicator { display: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } ::-moz-focus-inner { padding: 0; border-style: none } textarea { resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { float: left; width: 100%; padding: 0; margin-bottom: .5rem; font-size: calc(1.275rem + .3vw); line-height: inherit } @media (min-width:1200px) { legend { font-size: 1.5rem } } legend + * { clear: left } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0 } ::-webkit-inner-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: textfield } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-color-swatch-wrapper { padding: 0 } ::-webkit-file-upload-button { font: inherit } ::file-selector-button { font: inherit } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } iframe { border: 0 } summary { display: list-item; cursor: pointer } progress { vertical-align: baseline } [hidden] { display: none !important } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-1 { font-size: 5rem } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-2 { font-size: 4.5rem } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-3 { font-size: 4rem } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-4 { font-size: 3.5rem } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-5 { font-size: 3rem } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2 } @media (min-width:1200px) { .display-6 { font-size: 2.5rem } } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: .875em; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.25rem } .blockquote > :last-child { margin-bottom: 0 } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: .875em; color: #6c757d } .blockquote-footer::before { content: "� " } .img-fluid { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #E6E6E6; border-radius: .25rem; max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: .875em; color: #6c757d } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem); margin-right: auto; margin-left: auto } @media (min-width:576px) { .container, .container-sm { max-width: 540px } } @media (min-width:768px) { .container, .container-md, .container-sm { max-width: 720px } } @media (min-width:992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } } @media (min-width:1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px } } @media (min-width:1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px } } .row { --bs-gutter-x: 1.25rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)) } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y) } .col { flex: 1 0 0% } .row-cols-auto > * { flex: 0 0 auto; width: auto } .row-cols-1 > * { flex: 0 0 auto; width: 100% } .row-cols-2 > * { flex: 0 0 auto; width: 50% } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-4 > * { flex: 0 0 auto; width: 25% } .row-cols-5 > * { flex: 0 0 auto; width: 20% } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-auto { flex: 0 0 auto; width: auto } .col-1 { flex: 0 0 auto; width: 8.33333333% } .col-2 { flex: 0 0 auto; width: 16.66666667% } .col-3 { flex: 0 0 auto; width: 25% } .col-4 { flex: 0 0 auto; width: 33.33333333% } .col-5 { flex: 0 0 auto; width: 41.66666667% } .col-6 { flex: 0 0 auto; width: 50% } .col-7 { flex: 0 0 auto; width: 58.33333333% } .col-8 { flex: 0 0 auto; width: 66.66666667% } .col-9 { flex: 0 0 auto; width: 75% } .col-10 { flex: 0 0 auto; width: 83.33333333% } .col-11 { flex: 0 0 auto; width: 91.66666667% } .col-12 { flex: 0 0 auto; width: 100% } .offset-1 { margin-left: 8.33333333% } .offset-2 { margin-left: 16.66666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333333% } .offset-5 { margin-left: 41.66666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333333% } .offset-8 { margin-left: 66.66666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333333% } .offset-11 { margin-left: 91.66666667% } .g-0, .gx-0 { --bs-gutter-x: 0 } .g-0, .gy-0 { --bs-gutter-y: 0 } .g-1, .gx-1 { --bs-gutter-x: 0.25rem } .g-1, .gy-1 { --bs-gutter-y: 0.25rem } .g-2, .gx-2 { --bs-gutter-x: 0.5rem } .g-2, .gy-2 { --bs-gutter-y: 0.5rem } .g-3, .gx-3 { --bs-gutter-x: 1rem } .g-3, .gy-3 { --bs-gutter-y: 1rem } .g-4, .gx-4 { --bs-gutter-x: 1.5rem } .g-4, .gy-4 { --bs-gutter-y: 1.5rem } .g-5, .gx-5 { --bs-gutter-x: 3rem } .g-5, .gy-5 { --bs-gutter-y: 3rem } @media (min-width:576px) { .col-sm { flex: 1 0 0% } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100% } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50% } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25% } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20% } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-sm-auto { flex: 0 0 auto; width: auto } .col-sm-1 { flex: 0 0 auto; width: 8.33333333% } .col-sm-2 { flex: 0 0 auto; width: 16.66666667% } .col-sm-3 { flex: 0 0 auto; width: 25% } .col-sm-4 { flex: 0 0 auto; width: 33.33333333% } .col-sm-5 { flex: 0 0 auto; width: 41.66666667% } .col-sm-6 { flex: 0 0 auto; width: 50% } .col-sm-7 { flex: 0 0 auto; width: 58.33333333% } .col-sm-8 { flex: 0 0 auto; width: 66.66666667% } .col-sm-9 { flex: 0 0 auto; width: 75% } .col-sm-10 { flex: 0 0 auto; width: 83.33333333% } .col-sm-11 { flex: 0 0 auto; width: 91.66666667% } .col-sm-12 { flex: 0 0 auto; width: 100% } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333333% } .offset-sm-2 { margin-left: 16.66666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333333% } .offset-sm-5 { margin-left: 41.66666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333333% } .offset-sm-8 { margin-left: 66.66666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333333% } .offset-sm-11 { margin-left: 91.66666667% } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0 } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0 } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem } } @media (min-width:768px) { .col-md { flex: 1 0 0% } .row-cols-md-auto > * { flex: 0 0 auto; width: auto } .row-cols-md-1 > * { flex: 0 0 auto; width: 100% } .row-cols-md-2 > * { flex: 0 0 auto; width: 50% } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-md-4 > * { flex: 0 0 auto; width: 25% } .row-cols-md-5 > * { flex: 0 0 auto; width: 20% } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-md-auto { flex: 0 0 auto; width: auto } .col-md-1 { flex: 0 0 auto; width: 8.33333333% } .col-md-2 { flex: 0 0 auto; width: 16.66666667% } .col-md-3 { flex: 0 0 auto; width: 25% } .col-md-4 { flex: 0 0 auto; width: 33.33333333% } .col-md-5 { flex: 0 0 auto; width: 41.66666667% } .col-md-6 { flex: 0 0 auto; width: 50% } .col-md-7 { flex: 0 0 auto; width: 58.33333333% } .col-md-8 { flex: 0 0 auto; width: 66.66666667% } .col-md-9 { flex: 0 0 auto; width: 75% } .col-md-10 { flex: 0 0 auto; width: 83.33333333% } .col-md-11 { flex: 0 0 auto; width: 91.66666667% } .col-md-12 { flex: 0 0 auto; width: 100% } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333333% } .offset-md-2 { margin-left: 16.66666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333333% } .offset-md-5 { margin-left: 41.66666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333333% } .offset-md-8 { margin-left: 66.66666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333333% } .offset-md-11 { margin-left: 91.66666667% } .g-md-0, .gx-md-0 { --bs-gutter-x: 0 } .g-md-0, .gy-md-0 { --bs-gutter-y: 0 } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem } } @media (min-width:992px) { .col-lg { flex: 1 0 0% } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100% } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50% } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25% } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20% } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-lg-auto { flex: 0 0 auto; width: auto } .col-lg-1 { flex: 0 0 auto; width: 8.33333333% } .col-lg-2 { flex: 0 0 auto; width: 16.66666667% } .col-lg-3 { flex: 0 0 auto; width: 25% } .col-lg-4 { flex: 0 0 auto; width: 33.33333333% } .col-lg-5 { flex: 0 0 auto; width: 41.66666667% } .col-lg-6 { flex: 0 0 auto; width: 50% } .col-lg-7 { flex: 0 0 auto; width: 58.33333333% } .col-lg-8 { flex: 0 0 auto; width: 66.66666667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-10 { flex: 0 0 auto; width: 83.33333333% } .col-lg-11 { flex: 0 0 auto; width: 91.66666667% } .col-lg-12 { flex: 0 0 auto; width: 100% } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333333% } .offset-lg-2 { margin-left: 16.66666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333333% } .offset-lg-5 { margin-left: 41.66666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333333% } .offset-lg-8 { margin-left: 66.66666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333333% } .offset-lg-11 { margin-left: 91.66666667% } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0 } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0 } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem } } @media (min-width:1200px) { .col-xl { flex: 1 0 0% } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100% } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50% } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25% } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20% } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-xl-auto { flex: 0 0 auto; width: auto } .col-xl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xl-3 { flex: 0 0 auto; width: 25% } .col-xl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xl-6 { flex: 0 0 auto; width: 50% } .col-xl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xl-9 { flex: 0 0 auto; width: 75% } .col-xl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xl-12 { flex: 0 0 auto; width: 100% } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333333% } .offset-xl-2 { margin-left: 16.66666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333333% } .offset-xl-5 { margin-left: 41.66666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333333% } .offset-xl-8 { margin-left: 66.66666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333333% } .offset-xl-11 { margin-left: 91.66666667% } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0 } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0 } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem } } @media (min-width:1400px) { .col-xxl { flex: 1 0 0% } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100% } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50% } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333% } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25% } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20% } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667% } .col-xxl-auto { flex: 0 0 auto; width: auto } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xxl-3 { flex: 0 0 auto; width: 25% } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xxl-6 { flex: 0 0 auto; width: 50% } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xxl-9 { flex: 0 0 auto; width: 75% } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xxl-12 { flex: 0 0 auto; width: 100% } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.33333333% } .offset-xxl-2 { margin-left: 16.66666667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.33333333% } .offset-xxl-5 { margin-left: 41.66666667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.33333333% } .offset-xxl-8 { margin-left: 66.66666667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.33333333% } .offset-xxl-11 { margin-left: 91.66666667% } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0 } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0 } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem } } .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #E6E6E6 } .table > :not(caption) > * > * { padding: .5rem .5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg) } .table > tbody { vertical-align: inherit } .table > thead { vertical-align: bottom } .table > :not(:first-child) { border-top: 2px solid currentColor } .caption-top { caption-side: top } .table-sm > :not(caption) > * > * { padding: .25rem .25rem } .table-bordered > :not(caption) > * { border-width: 1px 0 } .table-bordered > :not(caption) > * > * { border-width: 0 1px } .table-borderless > :not(caption) > * > * { border-bottom-width: 0 } .table-borderless > :not(:first-child) { border-top-width: 0 } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color) } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color) } .table-hover > tbody > tr:hover > * { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color) } .table-primary { --bs-table-bg: #cfe2ff; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: #000; border-color: #bacbe6 } .table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: #000; border-color: #cbccce } .table-success { --bs-table-bg: #d1e7dd; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: #000; border-color: #bcd0c7 } .table-info { --bs-table-bg: #cff4fc; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: #000; border-color: #badce3 } .table-warning { --bs-table-bg: #fff3cd; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: #000; border-color: #e6dbb9 } .table-danger { --bs-table-bg: #f8d7da; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: #000; border-color: #dfc2c4 } .table-light { --bs-table-bg: #f8f9fa; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1 } .table-dark { --bs-table-bg: #212529; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch } @media (max-width:575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch } } @media (max-width:1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch } } .form-label { margin-bottom: .5rem } .col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem } .form-text { margin-top: .25rem; font-size: .875em; color: #6c757d } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control { transition: none } } .form-control[type=file] { overflow: hidden } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer } .form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-control::-webkit-date-and-time-value { height: 1.5em } .form-control::-moz-placeholder { color: #6c757d; opacity: 1 } .form-control::placeholder { color: #6c757d; opacity: 1 } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1 } .form-control::-webkit-file-upload-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } .form-control::file-selector-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none } .form-control::file-selector-button { transition: none } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3 } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3 } .form-control::-webkit-file-upload-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3 } .form-control-plaintext { display: block; width: 100%; padding: .375rem 0; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0 } .form-control-sm { min-height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .form-control-sm::-webkit-file-upload-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem } .form-control-sm::file-selector-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem } .form-control-sm::-webkit-file-upload-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem } .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .form-control-lg::-webkit-file-upload-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem } .form-control-lg::file-selector-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem } .form-control-lg::-webkit-file-upload-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem } textarea.form-control { min-height: calc(1.5em + .75rem + 2px) } textarea.form-control-sm { min-height: calc(1.5em + .5rem + 2px) } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px) } .form-control-color { width: 3rem; height: auto; padding: .375rem } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: .25rem } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: .25rem } .form-select { display: block; width: 100%; padding: .375rem 2.25rem .375rem .75rem; -moz-padding-start: calc(0.75rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-select { transition: none } } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: .75rem; background-image: none } .form-select:disabled { background-color: #e9ecef } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #212529 } .form-select-sm { padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem; border-radius: .2rem } .form-select-lg { padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: .3rem } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: .125rem } .form-check .form-check-input { float: left; margin-left: -1.5em } .form-check-input { width: 1em; height: 1em; margin-top: .25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0,0,0,.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact } .form-check-input[type=checkbox] { border-radius: .25em } .form-check-input[type=radio] { border-radius: 50% } .form-check-input:active { filter: brightness(90%) } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .form-check-input:checked { background-color: var(--bs-primary); border-color: var(--bs-primary) } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") } .form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-primary); border-color: var(--bs-primary); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") } .form-check-input:disabled { pointer-events: none; filter: none; opacity: .5 } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { opacity: .5 } .form-switch { padding-left: 2.5em } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-switch .form-check-input { transition: none } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e") } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") } .form-check-inline { display: inline-block; margin-right: 1rem } .btn-check { position: absolute; clip: rect(0,0,0,0); pointer-events: none } .btn-check:disabled + .btn, .btn-check[disabled] + .btn { pointer-events: none; filter: none; opacity: .65 } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form-range:focus { outline: 0 } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25) } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25) } .form-range::-moz-focus-outer { border: 0 } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: var(--bs-primary); border: 0; border-radius: 1rem; -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe } .form-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #E6E6E6; border-color: transparent; border-radius: 1rem } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: var(--bs-primary); border: 0; border-radius: 1rem; -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe } .form-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #E6E6E6; border-color: transparent; border-radius: 1rem } .form-range:disabled { pointer-events: none } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd } .form-floating { position: relative } .form-floating > .form-control, .form-floating > .form-select { height: calc(3.5rem + 2px); line-height: 1.25 } .form-floating > label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem .75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity .1s ease-in-out,transform .1s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-floating > label { transition: none } } .form-floating > .form-control { padding: 1rem .75rem } .form-floating > .form-control::-moz-placeholder { color: transparent } .form-floating > .form-control::placeholder { color: transparent } .form-floating > .form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: .625rem } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .form-floating > .form-control:-webkit-autofill ~ label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem) } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100% } .input-group > .form-control, .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0 } .input-group > .form-control:focus, .input-group > .form-select:focus { z-index: 3 } .input-group .btn { position: relative; z-index: 2 } .input-group .btn:focus { z-index: 3 } .input-group-text { display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem } .input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem } .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: var(--bs-success) } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(25,135,84,.9); border-radius: .25rem } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block } .form-control.is-valid, .was-validated .form-control:valid { border-color: var(--bs-success); padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: var(--bs-success); box-shadow: 0 0 0 .25rem rgba(25,135,84,.25) } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .form-select.is-valid, .was-validated .form-select:valid { border-color: var(--bs-success) } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right .75rem center,center right 2.25rem; background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem) } .form-select.is-valid:focus, .was-validated .form-select:valid:focus { border-color: var(--bs-success); box-shadow: 0 0 0 .25rem rgba(25,135,84,.25) } .form-check-input.is-valid, .was-validated .form-check-input:valid { border-color: var(--bs-success) } .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: var(--bs-success) } .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { box-shadow: 0 0 0 .25rem rgba(25,135,84,.25) } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: var(--bs-success) } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: .5em } .input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid { z-index: 1 } .input-group .form-control.is-valid:focus, .input-group .form-select.is-valid:focus, .was-validated .input-group .form-control:valid:focus, .was-validated .input-group .form-select:valid:focus { z-index: 3 } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: var(--bs-primary) } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(220,53,69,.9); border-radius: .25rem } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: var(--bs-primary); padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: var(--bs-primary); box-shadow: 0 0 0 .25rem rgba(220,53,69,.25) } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .form-select.is-invalid, .was-validated .form-select:invalid { border-color: var(--bs-primary) } .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right .75rem center,center right 2.25rem; background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem) } .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { border-color: var(--bs-primary); box-shadow: 0 0 0 .25rem rgba(220,53,69,.25) } .form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-color: var(--bs-primary) } .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { background-color: var(--bs-primary) } .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { box-shadow: 0 0 0 .25rem rgba(220,53,69,.25) } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: var(--bs-primary) } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: .5em } .input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid { z-index: 2 } .input-group .form-control.is-invalid:focus, .input-group .form-select.is-invalid:focus, .was-validated .input-group .form-control:invalid:focus, .was-validated .input-group .form-select:invalid:focus { z-index: 3 } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .btn { transition: none } } .btn:hover { color: #212529 } .btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .btn.disabled, .btn:disabled, fieldset:disabled .btn { pointer-events: none; opacity: .65 } .btn-primary { color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary) } .btn-primary:hover { color: #fff; background-color: var(--bs-primary-dark); border-color: var(--bs-primary-dark) } .btn-check:focus + .btn-primary, .btn-primary:focus { color: #fff; background-color: var(--bs-primary-dark); border-color: var(--bs-primary-dark); box-shadow: 0 0 0 .25rem rgba(49,132,253,.5) } .btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: var(--bs-primary-dark); border-color: var(--bs-primary-dark) } .btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(49,132,253,.5) } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: var(--bs-primary-light); border-color: var(--bs-primary-light) } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:hover { color: #fff; background-color: #5c636a; border-color: #565e64 } .btn-check:focus + .btn-secondary, .btn-secondary:focus { color: #fff; background-color: #5c636a; border-color: #565e64; box-shadow: 0 0 0 .25rem rgba(130,138,145,.5) } .btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #565e64; border-color: #51585e } .btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(130,138,145,.5) } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-success { color: #fff; background-color: var(--bs-success); border-color: var(--bs-success) } .btn-success:hover { color: #fff; background-color: var(--bs-success-dark); border-color: var(--bs-success-dark) } .btn-check:focus + .btn-success, .btn-success:focus { color: #fff; background-color: var(--bs-success-dark); border-color: var(--bs-success-dark); box-shadow: 0 0 0 .25rem rgba(60,153,110,.5) } .btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: var(--bs-success-dark); border-color: var(--bs-success-dark) } .btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(60,153,110,.5) } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: var(--bs-success-light); border-color: var(--bs-success-light) } .btn-info { color: var(--bs-blue); background-color: var(--bs-info); border-color: var(--bs-info); } .btn-info:hover { color: var(--bs-info) !important; background-color: var(--bs-blue) !important; border-color: var(--bs-blue) !important; } .btn-check:focus + .btn-info, .btn-info:focus { color: var(--bs-info) !important; background-color: var(--bs-blue) !important; border-color: var(--bs-blue) !important; box-shadow: 0 0 0 .25rem rgba(11,172,204,.5) } .btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle { color: var(--bs-info) !important; background-color: var(--bs-blue) !important; border-color: var(--bs-blue) !important; } .btn-check:active + .btn-info:focus, .btn-check:checked + .btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(11,172,204,.5) } .btn-info.disabled, .btn-info:disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-warning { color: #ffffff; background-color: #f27a1a; border-color: #f27a1a } .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720 } .btn-check:focus + .btn-warning, .btn-warning:focus { color: #000; background-color: #ffca2c; border-color: #ffc720; box-shadow: 0 0 0 .25rem rgba(217,164,6,.5) } .btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720 } .btn-check:active + .btn-warning:focus, .btn-check:checked + .btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(217,164,6,.5) } .btn-warning.disabled, .btn-warning:disabled { color: #000; background-color: #f27a1a; border-color: #f27a1a } .btn-danger { color: #fff; background-color: var(--bs-danger); border-color: var(--bs-danger) } .btn-danger:hover { color: #fff; background-color: #9a203c; border-color: #9a203c } .btn-check:focus + .btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; box-shadow: 0 0 0 .25rem rgba(225,83,97,.5) } .btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834 } .btn-check:active + .btn-danger:focus, .btn-check:checked + .btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(225,83,97,.5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary) } .btn-light { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:focus + .btn-light, .btn-light:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 .25rem rgba(211,212,213,.5) } .btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-light.active, .btn-light:active, .show > .btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb } .btn-check:active + .btn-light:focus, .btn-check:checked + .btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(211,212,213,.5) } .btn-light.disabled, .btn-light:disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-dark { color: #fff; background-color: #212529; border-color: #212529 } .btn-dark:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21 } .btn-check:focus + .btn-dark, .btn-dark:focus { color: #fff; background-color: #1c1f23; border-color: #1a1e21; box-shadow: 0 0 0 .25rem rgba(66,70,73,.5) } .btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f } .btn-check:active + .btn-dark:focus, .btn-check:checked + .btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(66,70,73,.5) } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #212529; border-color: #212529 } .btn-outline-primary { color: var(--bs-primary); border-color: var(--bs-primary) } .btn-outline-primary:hover { color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary) } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.5) } .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary) } .btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus { box-shadow: 0 0 0 .25rem rgba(13,110,253,.5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: var(--bs-primary); background-color: transparent } .btn-outline-secondary { color: #6c757d; border-color: #6c757d } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 .25rem rgba(108,117,125,.5) } .btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-check:active + .btn-outline-secondary:focus, .btn-check:checked + .btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus { box-shadow: 0 0 0 .25rem rgba(108,117,125,.5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent } .btn-outline-success { color: var(--bs-success); border-color: var(--bs-success) } .btn-outline-success:hover { color: #fff; background-color: var(--bs-success) !important; border-color: var(--bs-success) !important } .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 .25rem rgba(25,135,84,.5) } .btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active { color: #fff; background-color: var(--bs-success); border-color: var(--bs-success) } .btn-check:active + .btn-outline-success:focus, .btn-check:checked + .btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus { box-shadow: 0 0 0 .25rem rgba(25,135,84,.5) } .btn-outline-success.disabled, .btn-outline-success:disabled { color: var(--bs-success); background-color: transparent } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0 } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 .25rem rgba(13,202,240,.5) } .btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active { color: #000; background-color: #0dcaf0; border-color: #0dcaf0 } .btn-check:active + .btn-outline-info:focus, .btn-check:checked + .btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus { box-shadow: 0 0 0 .25rem rgba(13,202,240,.5) } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #0dcaf0; background-color: transparent } .btn-outline-warning { color: #f27a1a; border-color: #f27a1a } .btn-outline-warning:hover { color: #000; background-color: #f27a1a; border-color: #f27a1a } .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 .25rem rgba(255,193,7,.5) } .btn-check:active + .btn-outline-warning, .btn-check:checked + .btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active { color: #000; background-color: #f27a1a; border-color: #f27a1a } .btn-check:active + .btn-outline-warning:focus, .btn-check:checked + .btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus { box-shadow: 0 0 0 .25rem rgba(255,193,7,.5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f27a1a; background-color: transparent } .btn-outline-danger { color: var(--bs-primary); border-color: var(--bs-primary) } .btn-outline-danger:hover { color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary) } .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 .25rem rgba(220,53,69,.5) } .btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active { color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary) } .btn-check:active + .btn-outline-danger:focus, .btn-check:checked + .btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus { box-shadow: 0 0 0 .25rem rgba(220,53,69,.5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: var(--bs-primary); background-color: transparent } .btn-outline-light { color: #ececec; border-color: #ececec } .btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 .25rem rgba(248,249,250,.5) } .btn-check:active + .btn-outline-light, .btn-check:checked + .btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active { color: #000; background-color: #f8f9fa; border-color: #f8f9fa } .btn-check:active + .btn-outline-light:focus, .btn-check:checked + .btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus { box-shadow: 0 0 0 .25rem rgba(248,249,250,.5) } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent } .btn-outline-dark { color: #212529; border-color: #212529 } .btn-outline-dark:hover { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 .25rem rgba(33,37,41,.5) } .btn-check:active + .btn-outline-dark, .btn-check:checked + .btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active { color: #fff; background-color: #212529; border-color: #212529 } .btn-check:active + .btn-outline-dark:focus, .btn-check:checked + .btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus { box-shadow: 0 0 0 .25rem rgba(33,37,41,.5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #212529; background-color: transparent } .btn-link { font-weight: 400; color: var(--bs-primary); text-decoration: underline } .btn-link:hover { color: #0a58ca } .btn-link.disabled, .btn-link:disabled { color: #6c757d } .btn-group-lg > .btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem } .btn-group-sm > .btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem } .fade { transition: opacity .15s linear } @media (prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { height: 0; overflow: hidden; transition: height .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing { transition: none } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing.collapse-horizontal { transition: none } } .dropdown, .dropend, .dropstart, .dropup { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent } .dropdown-toggle:empty::after { margin-left: 0 } .dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: .5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: .125rem } .dropdown-menu-start { --bs-position: start } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-end { --bs-position: end } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto } @media (min-width:576px) { .dropdown-menu-sm-start { --bs-position: start } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-sm-end { --bs-position: end } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:768px) { .dropdown-menu-md-start { --bs-position: start } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-md-end { --bs-position: end } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:992px) { .dropdown-menu-lg-start { --bs-position: start } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-lg-end { --bs-position: end } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:1200px) { .dropdown-menu-xl-start { --bs-position: start } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xl-end { --bs-position: end } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto } } @media (min-width:1400px) { .dropdown-menu-xxl-start { --bs-position: start } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0 } .dropdown-menu-xxl-end { --bs-position: end } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent } .dropup .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem } .dropend .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid } .dropend .dropdown-toggle:empty::after { margin-left: 0 } .dropend .dropdown-toggle::after { vertical-align: 0 } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: "" } .dropstart .dropdown-toggle::after { display: none } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropstart .dropdown-toggle:empty::after { margin-left: 0 } .dropstart .dropdown-toggle::before { vertical-align: 0 } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid rgba(0,0,0,.15) } .dropdown-item { display: block; width: 100%; padding: .25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #1e2125; background-color: #e9ecef } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: var(--bs-primary) } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: .5rem 1rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap } .dropdown-item-text { display: block; padding: .25rem 1rem; color: #212529 } .dropdown-menu-dark { color: #E6E6E6; background-color: #343a40; border-color: rgba(0,0,0,.15) } .dropdown-menu-dark .dropdown-item { color: #E6E6E6 } .dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover { color: #fff; background-color: rgba(255,255,255,.15) } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: var(--bs-primary) } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0,0,0,.15) } .dropdown-menu-dark .dropdown-item-text { color: #E6E6E6 } .dropdown-menu-dark .dropdown-header { color: #adb5bd } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 1 1 auto } .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 1 } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) { margin-left: -1px } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0 } .dropstart .dropdown-toggle-split::before { margin-right: 0 } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100% } .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: -1px } .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn { border-top-left-radius: 0; border-top-right-radius: 0 } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem; color: var(--bs-primary); text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .nav-link { transition: none } } .nav-link:focus, .nav-link:hover { color: #0a58ca } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #E6E6E6 } .nav-tabs .nav-link { margin-bottom: -1px; background: 0 0; border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #E6E6E6; isolation: isolate } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #E6E6E6 #E6E6E6 #fff } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .nav-pills .nav-link { background: 0 0; border: 0; border-radius: .25rem } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: var(--bs-primary) } .nav-fill .nav-item, .nav-fill > .nav-link { flex: 1 1 auto; text-align: center } .nav-justified .nav-item, .nav-justified > .nav-link { flex-basis: 0; flex-grow: 1; text-align: center } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100% } .tab-content > .tab-pane { display: none } .tab-content > .active { display: block } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: .5rem; padding-bottom: .5rem } .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between } .navbar-brand { padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .nav-link { padding-right: 0; padding-left: 0 } .navbar-nav .dropdown-menu { position: static } .navbar-text { padding-top: .5rem; padding-bottom: .5rem } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem; transition: box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .navbar-toggler { transition: none } } .navbar-toggler:hover { text-decoration: none } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 .25rem } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100% } .navbar-nav-scroll { max-height: var(--bs-scroll-height,75vh); overflow-y: auto } @media (min-width:576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-sm .navbar-nav { flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-sm .navbar-nav-scroll { overflow: visible } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } .navbar-expand-sm .offcanvas-header { display: none } .navbar-expand-sm .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-sm .offcanvas-bottom, .navbar-expand-sm .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width:768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-md .navbar-nav { flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-md .navbar-nav-scroll { overflow: visible } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } .navbar-expand-md .offcanvas-header { display: none } .navbar-expand-md .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-md .offcanvas-bottom, .navbar-expand-md .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width:992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-lg .navbar-nav { flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-lg .navbar-nav-scroll { overflow: visible } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } .navbar-expand-lg .offcanvas-header { display: none } .navbar-expand-lg .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-lg .offcanvas-bottom, .navbar-expand-lg .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width:1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xl .navbar-nav { flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xl .navbar-nav-scroll { overflow: visible } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } .navbar-expand-xl .offcanvas-header { display: none } .navbar-expand-xl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-xl .offcanvas-bottom, .navbar-expand-xl .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } @media (min-width:1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand-xxl .navbar-nav { flex-direction: row } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand-xxl .navbar-toggler { display: none } .navbar-expand-xxl .offcanvas-header { display: none } .navbar-expand-xxl .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand-xxl .offcanvas-bottom, .navbar-expand-xxl .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start } .navbar-expand .navbar-nav { flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand .navbar-nav-scroll { overflow: visible } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-expand .offcanvas-header { display: none } .navbar-expand .offcanvas { position: inherit; bottom: 0; z-index: 1000; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; transition: none; transform: none } .navbar-expand .offcanvas-bottom, .navbar-expand .offcanvas-top { height: auto; border-top: 0; border-bottom: 0 } .navbar-expand .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible } .navbar-light .navbar-brand { color: rgba(0,0,0,.9) } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0,0,0,.9) } .navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,.55) } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0,0,0,.7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0,0,0,.3) } .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0,0,0,.9) } .navbar-light .navbar-toggler { color: rgba(0,0,0,.55); border-color: rgba(0,0,0,.1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-light .navbar-text { color: rgba(0,0,0,.55) } .navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0,0,0,.9) } .navbar-dark .navbar-brand { color: #fff } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.55) } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255,.75) } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255,255,255,.25) } .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link { color: #fff } .navbar-dark .navbar-toggler { color: rgba(255,255,255,.55); border-color: rgba(255,255,255,.1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-dark .navbar-text { color: rgba(255,255,255,.55) } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem } .card > hr { margin-right: 0; margin-left: 0 } .card > .list-group { border-top: inherit; border-bottom: inherit } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0 } .card-body { flex: 1 1 auto; padding: 1rem 1rem } .card-title { margin-bottom: .5rem } .card-subtitle { margin-top: -.25rem; margin-bottom: 0 } .card-text:last-child { margin-bottom: 0 } .card-link + .card-link { margin-left: 1rem } .card-header { padding: .5rem 1rem; margin-bottom: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125) } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 } .card-footer { padding: .5rem 1rem; background-color: rgba(0,0,0,.03); border-top: 1px solid rgba(0,0,0,.125) } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) } .card-header-tabs { margin-right: -.5rem; margin-bottom: -.5rem; margin-left: -.5rem; border-bottom: 0 } .card-header-pills { margin-right: -.5rem; margin-left: -.5rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(.25rem - 1px) } .card-img, .card-img-bottom, .card-img-top { width: 100% } .card-img, .card-img-top { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card-img, .card-img-bottom { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card-group > .card { margin-bottom: .75rem } @media (min-width:576px) { .card-group { display: flex; flex-flow: row wrap } .card-group > .card { flex: 1 0 0%; margin-bottom: 0 } .card-group > .card + .card { margin-left: 0; border-left: 0 } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 0.825rem; color: #212529; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease } @media (prefers-reduced-motion:reduce) { .accordion-button { transition: none } } .accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125) } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg) } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-right: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out } @media (prefers-reduced-motion:reduce) { .accordion-button::after { transition: none } } .accordion-button:hover { z-index: 2 } .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .accordion-header { margin-bottom: 0 } .accordion-item { background-color: #fff; border: 1px solid rgba(0,0,0,.125) } .accordion-item:first-of-type { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .accordion-item:first-of-type .accordion-button { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .accordion-item:not(:first-of-type) { border-top: 0 } .accordion-item:last-of-type { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .accordion-body { padding: 1rem 1.25rem } .accordion-flush .accordion-collapse { border-width: 0 } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0 } .accordion-flush .accordion-item:first-child { border-top: 0 } .accordion-flush .accordion-item:last-child { border-bottom: 0 } .accordion-flush .accordion-item .accordion-button { border-radius: 0 } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none } .breadcrumb-item + .breadcrumb-item { padding-left: .5rem } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: .5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, "https://www.annimexweb.com/") } .breadcrumb-item.active { color: #6c757d } .pagination { display: flex; padding-left: 0; list-style: none } .page-link { position: relative; display: inline-block; color: var(--bs-primary); text-decoration: none; background-color: #fff; border: 1px solid #E6E6E6; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .page-link { transition: none } } .page-link:hover { z-index: 2; color: #0a58ca; background-color: #e9ecef; border-color: #E6E6E6 } .page-link:focus { z-index: 3; color: #0a58ca; background-color: #e9ecef; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) } .page-item:not(:first-child) .page-link { margin-left: -1px } .page-item .active .page-link { z-index: 3; color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary) } .page-item .active { z-index: 3; color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary) } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #E6E6E6 } .page-link { padding: .375rem .75rem } .page-item:first-child .page-link { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem } .badge { display: inline-block; padding: .35em .65em; font-size: .75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 3rem } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem } .alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe } .alert-primary .alert-link { color: #06357a } .alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8 } .alert-secondary .alert-link { color: #34383c } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc } .alert-success .alert-link { color: #0c4128 } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb } .alert-info .alert-link { color: #04414d } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5 } .alert-warning .alert-link { color: #523e02 } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7 } .alert-danger .alert-link { color: #6a1a21 } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe } .alert-light .alert-link { color: #4f5050 } .alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf } .alert-dark .alert-link { color: #101214 } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 1rem } } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: var(--bs-primary); transition: width .6s ease } @media (prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 1rem 1rem } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes } @media (prefers-reduced-motion:reduce) { .progress-bar-animated { -webkit-animation: none; animation: none } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: .25rem } .list-group-numbered { list-style-type: none; counter-reset: section } .list-group-numbered > li::before { content: counters(section, ".") ". "; counter-increment: section } .list-group-item-action { width: 100%; color: #495057; text-align: inherit } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa } .list-group-item-action:active { color: #212529; background-color: #e9ecef } .list-group-item { position: relative; display: block; padding: .5rem 1rem; color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0,0,0,.125) } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff } .list-group-item.active { z-index: 2; color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary) } .list-group-item + .list-group-item { border-top-width: 0 } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px } .list-group-horizontal { flex-direction: row } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal > .list-group-item.active { margin-top: 0 } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } @media (min-width:576px) { .list-group-horizontal-sm { flex-direction: row } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0 } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:768px) { .list-group-horizontal-md { flex-direction: row } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-md > .list-group-item.active { margin-top: 0 } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:992px) { .list-group-horizontal-lg { flex-direction: row } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0 } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:1200px) { .list-group-horizontal-xl { flex-direction: row } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0 } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } @media (min-width:1400px) { .list-group-horizontal-xxl { flex-direction: row } .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xxl > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0 } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px } } .list-group-flush { border-radius: 0 } .list-group-flush > .list-group-item { border-width: 0 0 1px } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0 } .list-group-item-primary { color: #084298; background-color: #cfe2ff } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #084298; background-color: #bacbe6 } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298 } .list-group-item-secondary { color: #41464b; background-color: #e2e3e5 } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #41464b; background-color: #cbccce } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b } .list-group-item-success { color: #0f5132; background-color: #d1e7dd } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #0f5132; background-color: #bcd0c7 } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132 } .list-group-item-info { color: #055160; background-color: #cff4fc } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #055160; background-color: #badce3 } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160 } .list-group-item-warning { color: #664d03; background-color: #fff3cd } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #664d03; background-color: #e6dbb9 } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03 } .list-group-item-danger { color: #842029; background-color: #f8d7da } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #842029; background-color: #dfc2c4 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029 } .list-group-item-light { color: #636464; background-color: #fefefe } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #636464; background-color: #e5e5e5 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464 } .list-group-item-dark { color: #141619; background-color: #d3d3d4 } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #141619; background-color: #bebebf } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619 } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: .25rem; opacity: .5 } .btn-close:hover { color: #000; text-decoration: none; opacity: .75 } .btn-close:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); opacity: 1 } .btn-close.disabled, .btn-close:disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: .25 } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%) } .toast { width: 350px; max-width: 100%; font-size: .875rem; pointer-events: auto; background-color: rgba(255,255,255,.85); background-clip: padding-box; border: 1px solid rgba(0,0,0,.1); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); border-radius: .25rem } .toast.showing { opacity: 0 } .toast:not(.show) { display: none } .toast-container { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none } .toast-container > :not(:last-child) { margin-bottom: .75rem } .toast-header { display: flex; align-items: center; padding: .5rem .75rem; color: #6c757d; background-color: rgba(255,255,255,.85); background-clip: padding-box; border-bottom: 1px solid rgba(0,0,0,.05); border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .toast-header .btn-close { margin-right: -.375rem; margin-left: .75rem } .toast-body { padding: .75rem; word-wrap: break-word } .modal { position: fixed; top: 0; left: 0; z-index: 1055; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0,-50px) } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { transform: none } .modal.modal-static .modal-dialog { transform: scale(1.02) } .modal-dialog-scrollable { height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem) } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0 } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1050; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #E6E6E6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .modal-header .btn-close { padding: .5rem .5rem; margin: -.5rem -.5rem -.5rem auto } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #E6E6E6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px) } .modal-footer > * { margin: .25rem } @media (min-width:576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto } .modal-dialog-scrollable { height: calc(100% - 3.5rem) } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-sm { max-width: 300px } } @media (min-width:992px) { .modal-lg, .modal-xl { max-width: 800px } } @media (min-width:1200px) { .modal-xl { max-width: 1140px } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen .modal-header { border-radius: 0 } .modal-fullscreen .modal-body { overflow-y: auto } .modal-fullscreen .modal-footer { border-radius: 0 } @media (max-width:575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-sm-down .modal-header { border-radius: 0 } .modal-fullscreen-sm-down .modal-body { overflow-y: auto } .modal-fullscreen-sm-down .modal-footer { border-radius: 0 } } @media (max-width:767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-md-down .modal-header { border-radius: 0 } .modal-fullscreen-md-down .modal-body { overflow-y: auto } .modal-fullscreen-md-down .modal-footer { border-radius: 0 } } @media (max-width:991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-lg-down .modal-header { border-radius: 0 } .modal-fullscreen-lg-down .modal-body { overflow-y: auto } .modal-fullscreen-lg-down .modal-footer { border-radius: 0 } } @media (max-width:1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xl-down .modal-header { border-radius: 0 } .modal-fullscreen-xl-down .modal-body { overflow-y: auto } .modal-fullscreen-xl-down .modal-footer { border-radius: 0 } } @media (max-width:1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0 } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0 } .modal-fullscreen-xxl-down .modal-header { border-radius: 0 } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0 } } .tooltip { position: absolute; z-index: 1080; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: .9 } .tooltip .tooltip-arrow { position: absolute; display: block; width: .8rem; height: .4rem } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-auto[data-popper-placement^=top], .bs-tooltip-top { padding: .4rem 0 } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow { bottom: 0 } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before { top: -1px; border-width: .4rem .4rem 0; border-top-color: #000 } .bs-tooltip-auto[data-popper-placement^=right], .bs-tooltip-end { padding: 0 .4rem } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { left: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before { right: -1px; border-width: .4rem .4rem .4rem 0; border-right-color: #000 } .bs-tooltip-auto[data-popper-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0 } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { top: 0 } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before { bottom: -1px; border-width: 0 .4rem .4rem; border-bottom-color: #000 } .bs-tooltip-auto[data-popper-placement^=left], .bs-tooltip-start { padding: 0 .4rem } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { right: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { left: -1px; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem } .popover { position: absolute; top: 0; left: 0; z-index: 1070; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: .5rem } .popover .popover-arrow::after, .popover .popover-arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow { bottom: calc(-.5rem - 1px) } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before { bottom: 0; border-width: .5rem .5rem 0; border-top-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow { left: calc(-.5rem - 1px); width: .5rem; height: 1rem } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow { top: calc(-.5rem - 1px) } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before { top: 0; border-width: 0 .5rem .5rem .5rem; border-bottom-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after { top: 1px; border-width: 0 .5rem .5rem .5rem; border-bottom-color: #fff } .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f0f0f0 } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow { right: calc(-.5rem - 1px); width: .5rem; height: 1rem } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0,0,0,.25) } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff } .popover-header { padding: .5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid rgba(0,0,0,.2); border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .popover-header:empty { display: none } .popover-body { padding: 1rem 1rem; color: #212529 } .carousel { position: relative } .carousel.pointer-event { touch-action: pan-y } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner::after { display: block; clear: both; content: "" } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform .6s ease-in-out } @media (prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%) } .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none } .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { z-index: 0; opacity: 0; transition: opacity 0s .6s } @media (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: 0 0; border: 0; opacity: .5; transition: opacity .15s ease } @media (prefers-reduced-motion:reduce) { .carousel-control-next, .carousel-control-prev { transition: none } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100% } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease } @media (prefers-reduced-motion:reduce) { .carousel-indicators [data-bs-target] { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center } .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: invert(1) grayscale(100) } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000 } .carousel-dark .carousel-caption { color: #000 } @-webkit-keyframes spinner-border { to { transform: rotate(360deg) } } @keyframes spinner-border { to { transform: rotate(360deg) } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -.125em; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em } @-webkit-keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } @keyframes spinner-grow { 0% { transform: scale(0) } 50% { opacity: 1; transform: none } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -.125em; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: .75s linear infinite spinner-grow; animation: .75s linear infinite spinner-grow } .spinner-grow-sm { width: 1rem; height: 1rem } @media (prefers-reduced-motion:reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s } } .offcanvas { position: fixed; bottom: 0; z-index: 1045; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out } @media (prefers-reduced-motion:reduce) { .offcanvas { transition: none } } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 } .offcanvas-backdrop.fade { opacity: 0 } .offcanvas-backdrop.show { opacity: .5 } .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem } .offcanvas-header .btn-close { padding: .5rem .5rem; margin-top: -.5rem; margin-right: -.5rem; margin-bottom: -.5rem } .offcanvas-title { margin-bottom: 0; line-height: 1.5 } .offcanvas-body { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto } .offcanvas-start { top: 0; left: 0; width: 400px; border-right: 1px solid rgba(0,0,0,.2); transform: translateX(-100%) } .offcanvas-end { top: 0; right: 0; width: 400px; border-left: 1px solid rgba(0,0,0,.2); transform: translateX(100%) } .offcanvas-top { top: 0; right: 0; left: 0; height: 30vh; max-height: 100%; border-bottom: 1px solid rgba(0,0,0,.2); transform: translateY(-100%) } .offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 1px solid rgba(0,0,0,.2); transform: translateY(100%) } .offcanvas.show { transform: none } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentColor; opacity: .5 } .placeholder.btn::before { display: inline-block; content: "" } .placeholder-xs { min-height: .6em } .placeholder-sm { min-height: .8em } .placeholder-lg { min-height: 1.2em } .placeholder-glow .placeholder { -webkit-animation: placeholder-glow 2s ease-in-out infinite; animation: placeholder-glow 2s ease-in-out infinite } @-webkit-keyframes placeholder-glow { 50% { opacity: .2 } } @keyframes placeholder-glow { 50% { opacity: .2 } } .placeholder-wave { -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%); mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; -webkit-animation: placeholder-wave 2s linear infinite; animation: placeholder-wave 2s linear infinite } @-webkit-keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0% } } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0% } } .clearfix::after { display: block; clear: both; content: "" } .link-primary { color: var(--bs-primary) } .link-primary:focus, .link-primary:hover { color: #0a58ca } .link-secondary { color: #6c757d } .link-secondary:focus, .link-secondary:hover { color: #565e64 } .link-success { color: var(--bs-success) } .link-success:focus, .link-success:hover { color: #146c43 } .link-info { color: #0dcaf0 } .link-info:focus, .link-info:hover { color: #3dd5f3 } .link-warning { color: #f27a1a } .link-warning:focus, .link-warning:hover { color: #ffcd39 } .link-danger { color: var(--bs-primary) } .link-danger:focus, .link-danger:hover { color: #b02a37 } .link-light { color: #f8f9fa } .link-light:focus, .link-light:hover { color: #f9fafb } .link-dark { color: #212529 } .link-dark:focus, .link-dark:hover { color: #1a1e21 } .ratio { position: relative; width: 100% } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: "" } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .ratio-1x1 { --bs-aspect-ratio: 100% } .ratio-4x3 { --bs-aspect-ratio: 75% } .ratio-16x9 { --bs-aspect-ratio: 56.25% } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571% } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } @media (min-width:576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } @media (min-width:1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: "" } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentColor; opacity: .25 } .align-baseline { vertical-align: baseline !important } .align-top { vertical-align: top !important } .align-middle { vertical-align: middle !important } .align-bottom { vertical-align: bottom !important } .align-text-bottom { vertical-align: text-bottom !important } .align-text-top { vertical-align: text-top !important } .float-start { float: left !important } .float-end { float: right !important } .float-none { float: none !important } .opacity-0 { opacity: 0 !important } .opacity-25 { opacity: .25 !important } .opacity-50 { opacity: .5 !important } .opacity-75 { opacity: .75 !important } .opacity-100 { opacity: 1 !important } .overflow-auto { overflow: auto !important } .overflow-hidden { overflow: hidden !important } .overflow-visible { overflow: visible !important } .overflow-scroll { overflow: scroll !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-grid { display: grid !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: flex !important } .d-inline-flex { display: inline-flex !important } .d-none { display: none !important } .shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important } .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.045) !important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important } .shadow-none { box-shadow: none !important } .position-static { position: static !important } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: -webkit-sticky !important; position: sticky !important } .top-0 { top: 0 !important } .top-50 { top: 50% !important } .top-100 { top: 100% !important } .bottom-0 { bottom: 0 !important } .bottom-50 { bottom: 50% !important } .bottom-100 { bottom: 100% !important } .start-0 { left: 0 !important } .start-50 { left: 50% !important } .start-100 { left: 100% !important } .end-0 { right: 0 !important } .end-50 { right: 50% !important } .end-100 { right: 100% !important } .translate-middle { transform: translate(-50%,-50%) !important } .translate-middle-x { transform: translateX(-50%) !important } .translate-middle-y { transform: translateY(-50%) !important } .border { border: 1px solid #E6E6E6 !important } .border-0 { border: 0 !important } .border-top { border-top: 1px solid #E6E6E6 !important } .border-top-0 { border-top: 0 !important } .border-end { border-right: 1px solid #E6E6E6 !important } .border-end-0 { border-right: 0 !important } .border-bottom { border-bottom: 1px solid #E6E6E6 !important } .border-bottom-0 { border-bottom: 0 !important } .border-start { border-left: 1px solid #E6E6E6 !important } .border-start-0 { border-left: 0 !important } .border-primary { border-color: var(--bs-primary) !important } .border-secondary { border-color: #6c757d !important } .border-success { border-color: var(--bs-success) !important } .border-info { border-color: #0dcaf0 !important } .border-warning { border-color: #f27a1a !important } .border-danger { border-color: var(--bs-primary) !important } .border-light { border-color: #f8f9fa !important } .border-dark { border-color: #212529 !important } .border-white { border-color: #fff !important } .border-1 { border-width: 1px !important } .border-2 { border-width: 2px !important } .border-3 { border-width: 3px !important } .border-4 { border-width: 4px !important } .border-5 { border-width: 5px !important } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important } .mw-100 { max-width: 100% !important } .vw-100 { width: 100vw !important } .min-vw-100 { min-width: 100vw !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important } .mh-100 { max-height: 100% !important } .vh-100 { height: 100vh !important } .min-vh-100 { min-height: 100vh !important } .flex-fill { flex: 1 1 auto !important } .flex-row { flex-direction: row !important } .flex-column { flex-direction: column !important } .flex-row-reverse { flex-direction: row-reverse !important } .flex-column-reverse { flex-direction: column-reverse !important } .flex-grow-0 { flex-grow: 0 !important } .flex-grow-1 { flex-grow: 1 !important } .flex-shrink-0 { flex-shrink: 0 !important } .flex-shrink-1 { flex-shrink: 1 !important } .flex-wrap { flex-wrap: wrap !important } .flex-nowrap { flex-wrap: nowrap !important } .flex-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-0 { gap: 0 !important } .gap-1 { gap: .25rem !important } .gap-2 { gap: .5rem !important } .gap-3 { gap: 1rem !important } .gap-4 { gap: 1.5rem !important } .gap-5 { gap: 3rem !important } .justify-content-start { justify-content: flex-start !important } .justify-content-end { justify-content: flex-end !important } .justify-content-center { justify-content: center !important } .justify-content-between { justify-content: space-between !important } .justify-content-around { justify-content: space-around !important } .justify-content-evenly { justify-content: space-evenly !important } .align-items-start { align-items: flex-start !important } .align-items-end { align-items: flex-end !important } .align-items-center { align-items: center !important } .align-items-baseline { align-items: baseline !important } .align-items-stretch { align-items: stretch !important } .align-content-start { align-content: flex-start !important } .align-content-end { align-content: flex-end !important } .align-content-center { align-content: center !important } .align-content-between { align-content: space-between !important } .align-content-around { align-content: space-around !important } .align-content-stretch { align-content: stretch !important } .align-self-auto { align-self: auto !important } .align-self-start { align-self: flex-start !important } .align-self-end { align-self: flex-end !important } .align-self-center { align-self: center !important } .align-self-baseline { align-self: baseline !important } .align-self-stretch { align-self: stretch !important } .order-first { order: -1 !important } .order-0 { order: 0 !important } .order-1 { order: 1 !important } .order-2 { order: 2 !important } .order-3 { order: 3 !important } .order-4 { order: 4 !important } .order-5 { order: 5 !important } .order-last { order: 6 !important } .m-0 { margin: 0 !important } .m-1 { margin: .25rem !important } .m-2 { margin: .5rem !important } .m-3 { margin: 1rem !important } .m-4 { margin: 1.5rem !important } .m-5 { margin: 3rem !important } .m-auto { margin: auto !important } .mx-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-auto { margin-right: auto !important; margin-left: auto !important } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-0 { margin-top: 0 !important } .mt-1 { margin-top: .25rem !important } .mt-2 { margin-top: .5rem !important } .mt-3 { margin-top: 1rem !important } .mt-4 { margin-top: 1.5rem !important } .mt-5 { margin-top: 3rem !important } .mt-auto { margin-top: auto !important } .me-0 { margin-right: 0 !important } .me-1 { margin-right: .25rem !important } .me-2 { margin-right: .5rem !important } .me-3 { margin-right: 1rem !important } .me-4 { margin-right: 1.5rem !important } .me-5 { margin-right: 3rem !important } .me-auto { margin-right: auto !important } .mb-0 { margin-bottom: 0 !important } .mb-1 { margin-bottom: .25rem !important } .mb-2 { margin-bottom: .5rem !important } .mb-3 { margin-bottom: 1rem !important } .mb-4 { margin-bottom: 1.5rem !important } .mb-5 { margin-bottom: 3rem !important } .mb-auto { margin-bottom: auto !important } .ms-0 { margin-left: 0 !important } .ms-1 { margin-left: .25rem !important } .ms-2 { margin-left: .5rem !important } .ms-3 { margin-left: 1rem !important } .ms-4 { margin-left: 1.5rem !important } .ms-5 { margin-left: 3rem !important } .ms-auto { margin-left: auto !important } .p-0 { padding: 0 !important } .p-1 { padding: .25rem !important } .p-2 { padding: .5rem !important } .p-3 { padding: 1rem !important } .p-4 { padding: 1.5rem !important } .p-5 { padding: 3rem !important } .px-0 { padding-right: 0 !important; padding-left: 0 !important } .px-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-0 { padding-top: 0 !important } .pt-1 { padding-top: .25rem !important } .pt-2 { padding-top: .5rem !important } .pt-3 { padding-top: 1rem !important } .pt-4 { padding-top: 1.5rem !important } .pt-5 { padding-top: 3rem !important } .pe-0 { padding-right: 0 !important } .pe-1 { padding-right: .25rem !important } .pe-2 { padding-right: .5rem !important } .pe-3 { padding-right: 1rem !important } .pe-4 { padding-right: 1.5rem !important } .pe-5 { padding-right: 3rem !important } .pb-0 { padding-bottom: 0 !important } .pb-1 { padding-bottom: .25rem !important } .pb-2 { padding-bottom: .5rem !important } .pb-3 { padding-bottom: 1rem !important } .pb-4 { padding-bottom: 1.5rem !important } .pb-5 { padding-bottom: 3rem !important } .ps-0 { padding-left: 0 !important } .ps-1 { padding-left: .25rem !important } .ps-2 { padding-left: .5rem !important } .ps-3 { padding-left: 1rem !important } .ps-4 { padding-left: 1.5rem !important } .ps-5 { padding-left: 3rem !important } .font-monospace { font-family: var(--bs-font-monospace) !important } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important } .fs-2 { font-size: calc(1.325rem + .9vw) !important } .fs-3 { font-size: calc(1.3rem + .6vw) !important } .fs-4 { font-size: calc(1.275rem + .3vw) !important } .fs-5 { font-size: 1.25rem !important } .fs-6 { font-size: 1rem !important } .fst-italic { font-style: italic !important } .fst-normal { font-style: normal !important } .fw-light { font-weight: 300 !important } .fw-lighter { font-weight: lighter !important } .fw-normal { font-weight: 400 !important } .fw-bold { font-weight: 700 !important } .fw-bolder { font-weight: bolder !important } .lh-1 { line-height: 1 !important } .lh-sm { line-height: 1.25 !important } .lh-base { line-height: 1.5 !important } .lh-lg { line-height: 2 !important } .text-start { text-align: left !important } .text-end { text-align: right !important } .text-center { text-align: center !important } .text-decoration-none { text-decoration: none !important } .text-decoration-underline { text-decoration: underline !important } .text-decoration-line-through { text-decoration: line-through !important } .text-lowercase { text-transform: lowercase !important } .text-uppercase { text-transform: uppercase !important } .text-capitalize { text-transform: capitalize !important } .text-wrap { white-space: normal !important } .text-nowrap { white-space: nowrap !important } .text-break { word-wrap: break-word !important; word-break: break-word !important } .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb),var(--bs-text-opacity)) !important } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity)) !important } .text-muted { --bs-text-opacity: 1; color: #6c757d !important } .text-black-50 { --bs-text-opacity: 1; color: rgba(0,0,0,.5) !important } .text-white-50 { --bs-text-opacity: 1; color: rgba(255,255,255,.5) !important } .text-reset { --bs-text-opacity: 1; color: inherit !important } .text-opacity-25 { --bs-text-opacity: 0.25 } .text-opacity-50 { --bs-text-opacity: 0.5 } .text-opacity-75 { --bs-text-opacity: 0.75 } .text-opacity-100 { --bs-text-opacity: 1 } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important } .bg-opacity-10 { --bs-bg-opacity: 0.1 } .bg-opacity-25 { --bs-bg-opacity: 0.25 } .bg-opacity-50 { --bs-bg-opacity: 0.5 } .bg-opacity-75 { --bs-bg-opacity: 0.75 } .bg-opacity-100 { --bs-bg-opacity: 1 } .bg-gradient { background-image: var(--bs-gradient) !important } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important } .pe-none { pointer-events: none !important } .pe-auto { pointer-events: auto !important } .rounded { border-radius: 6px !important } .rounded-0 { border-radius: 0 !important } .rounded-1 { border-radius: .2rem !important } .rounded-2 { border-radius: .25rem !important } .rounded-3 { border-radius: .3rem !important } .rounded-circle { border-radius: 50% !important } .rounded-pill { border-radius: 50rem !important } .rounded-top { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important } .rounded-end { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important } .rounded-bottom { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important } .rounded-start { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important } .visible { visibility: visible !important } .invisible { visibility: hidden !important } @media (min-width:576px) { .float-sm-start { float: left !important } .float-sm-end { float: right !important } .float-sm-none { float: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-grid { display: grid !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: flex !important } .d-sm-inline-flex { display: inline-flex !important } .d-sm-none { display: none !important } .flex-sm-fill { flex: 1 1 auto !important } .flex-sm-row { flex-direction: row !important } .flex-sm-column { flex-direction: column !important } .flex-sm-row-reverse { flex-direction: row-reverse !important } .flex-sm-column-reverse { flex-direction: column-reverse !important } .flex-sm-grow-0 { flex-grow: 0 !important } .flex-sm-grow-1 { flex-grow: 1 !important } .flex-sm-shrink-0 { flex-shrink: 0 !important } .flex-sm-shrink-1 { flex-shrink: 1 !important } .flex-sm-wrap { flex-wrap: wrap !important } .flex-sm-nowrap { flex-wrap: nowrap !important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-sm-0 { gap: 0 !important } .gap-sm-1 { gap: .25rem !important } .gap-sm-2 { gap: .5rem !important } .gap-sm-3 { gap: 1rem !important } .gap-sm-4 { gap: 1.5rem !important } .gap-sm-5 { gap: 3rem !important } .justify-content-sm-start { justify-content: flex-start !important } .justify-content-sm-end { justify-content: flex-end !important } .justify-content-sm-center { justify-content: center !important } .justify-content-sm-between { justify-content: space-between !important } .justify-content-sm-around { justify-content: space-around !important } .justify-content-sm-evenly { justify-content: space-evenly !important } .align-items-sm-start { align-items: flex-start !important } .align-items-sm-end { align-items: flex-end !important } .align-items-sm-center { align-items: center !important } .align-items-sm-baseline { align-items: baseline !important } .align-items-sm-stretch { align-items: stretch !important } .align-content-sm-start { align-content: flex-start !important } .align-content-sm-end { align-content: flex-end !important } .align-content-sm-center { align-content: center !important } .align-content-sm-between { align-content: space-between !important } .align-content-sm-around { align-content: space-around !important } .align-content-sm-stretch { align-content: stretch !important } .align-self-sm-auto { align-self: auto !important } .align-self-sm-start { align-self: flex-start !important } .align-self-sm-end { align-self: flex-end !important } .align-self-sm-center { align-self: center !important } .align-self-sm-baseline { align-self: baseline !important } .align-self-sm-stretch { align-self: stretch !important } .order-sm-first { order: -1 !important } .order-sm-0 { order: 0 !important } .order-sm-1 { order: 1 !important } .order-sm-2 { order: 2 !important } .order-sm-3 { order: 3 !important } .order-sm-4 { order: 4 !important } .order-sm-5 { order: 5 !important } .order-sm-last { order: 6 !important } .m-sm-0 { margin: 0 !important } .m-sm-1 { margin: .25rem !important } .m-sm-2 { margin: .5rem !important } .m-sm-3 { margin: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .m-sm-auto { margin: auto !important } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-sm-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-sm-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-sm-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-sm-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-sm-0 { margin-top: 0 !important } .mt-sm-1 { margin-top: .25rem !important } .mt-sm-2 { margin-top: .5rem !important } .mt-sm-3 { margin-top: 1rem !important } .mt-sm-4 { margin-top: 1.5rem !important } .mt-sm-5 { margin-top: 3rem !important } .mt-sm-auto { margin-top: auto !important } .me-sm-0 { margin-right: 0 !important } .me-sm-1 { margin-right: .25rem !important } .me-sm-2 { margin-right: .5rem !important } .me-sm-3 { margin-right: 1rem !important } .me-sm-4 { margin-right: 1.5rem !important } .me-sm-5 { margin-right: 3rem !important } .me-sm-auto { margin-right: auto !important } .mb-sm-0 { margin-bottom: 0 !important } .mb-sm-1 { margin-bottom: .25rem !important } .mb-sm-2 { margin-bottom: .5rem !important } .mb-sm-3 { margin-bottom: 1rem !important } .mb-sm-4 { margin-bottom: 1.5rem !important } .mb-sm-5 { margin-bottom: 3rem !important } .mb-sm-auto { margin-bottom: auto !important } .ms-sm-0 { margin-left: 0 !important } .ms-sm-1 { margin-left: .25rem !important } .ms-sm-2 { margin-left: .5rem !important } .ms-sm-3 { margin-left: 1rem !important } .ms-sm-4 { margin-left: 1.5rem !important } .ms-sm-5 { margin-left: 3rem !important } .ms-sm-auto { margin-left: auto !important } .p-sm-0 { padding: 0 !important } .p-sm-1 { padding: .25rem !important } .p-sm-2 { padding: .5rem !important } .p-sm-3 { padding: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important } .px-sm-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-sm-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-sm-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-sm-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-sm-0 { padding-top: 0 !important } .pt-sm-1 { padding-top: .25rem !important } .pt-sm-2 { padding-top: .5rem !important } .pt-sm-3 { padding-top: 1rem !important } .pt-sm-4 { padding-top: 1.5rem !important } .pt-sm-5 { padding-top: 3rem !important } .pe-sm-0 { padding-right: 0 !important } .pe-sm-1 { padding-right: .25rem !important } .pe-sm-2 { padding-right: .5rem !important } .pe-sm-3 { padding-right: 1rem !important } .pe-sm-4 { padding-right: 1.5rem !important } .pe-sm-5 { padding-right: 3rem !important } .pb-sm-0 { padding-bottom: 0 !important } .pb-sm-1 { padding-bottom: .25rem !important } .pb-sm-2 { padding-bottom: .5rem !important } .pb-sm-3 { padding-bottom: 1rem !important } .pb-sm-4 { padding-bottom: 1.5rem !important } .pb-sm-5 { padding-bottom: 3rem !important } .ps-sm-0 { padding-left: 0 !important } .ps-sm-1 { padding-left: .25rem !important } .ps-sm-2 { padding-left: .5rem !important } .ps-sm-3 { padding-left: 1rem !important } .ps-sm-4 { padding-left: 1.5rem !important } .ps-sm-5 { padding-left: 3rem !important } .text-sm-start { text-align: left !important } .text-sm-end { text-align: right !important } .text-sm-center { text-align: center !important } } @media (min-width:768px) { .float-md-start { float: left !important } .float-md-end { float: right !important } .float-md-none { float: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-grid { display: grid !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: flex !important } .d-md-inline-flex { display: inline-flex !important } .d-md-none { display: none !important } .flex-md-fill { flex: 1 1 auto !important } .flex-md-row { flex-direction: row !important } .flex-md-column { flex-direction: column !important } .flex-md-row-reverse { flex-direction: row-reverse !important } .flex-md-column-reverse { flex-direction: column-reverse !important } .flex-md-grow-0 { flex-grow: 0 !important } .flex-md-grow-1 { flex-grow: 1 !important } .flex-md-shrink-0 { flex-shrink: 0 !important } .flex-md-shrink-1 { flex-shrink: 1 !important } .flex-md-wrap { flex-wrap: wrap !important } .flex-md-nowrap { flex-wrap: nowrap !important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-md-0 { gap: 0 !important } .gap-md-1 { gap: .25rem !important } .gap-md-2 { gap: .5rem !important } .gap-md-3 { gap: 1rem !important } .gap-md-4 { gap: 1.5rem !important } .gap-md-5 { gap: 3rem !important } .justify-content-md-start { justify-content: flex-start !important } .justify-content-md-end { justify-content: flex-end !important } .justify-content-md-center { justify-content: center !important } .justify-content-md-between { justify-content: space-between !important } .justify-content-md-around { justify-content: space-around !important } .justify-content-md-evenly { justify-content: space-evenly !important } .align-items-md-start { align-items: flex-start !important } .align-items-md-end { align-items: flex-end !important } .align-items-md-center { align-items: center !important } .align-items-md-baseline { align-items: baseline !important } .align-items-md-stretch { align-items: stretch !important } .align-content-md-start { align-content: flex-start !important } .align-content-md-end { align-content: flex-end !important } .align-content-md-center { align-content: center !important } .align-content-md-between { align-content: space-between !important } .align-content-md-around { align-content: space-around !important } .align-content-md-stretch { align-content: stretch !important } .align-self-md-auto { align-self: auto !important } .align-self-md-start { align-self: flex-start !important } .align-self-md-end { align-self: flex-end !important } .align-self-md-center { align-self: center !important } .align-self-md-baseline { align-self: baseline !important } .align-self-md-stretch { align-self: stretch !important } .order-md-first { order: -1 !important } .order-md-0 { order: 0 !important } .order-md-1 { order: 1 !important } .order-md-2 { order: 2 !important } .order-md-3 { order: 3 !important } .order-md-4 { order: 4 !important } .order-md-5 { order: 5 !important } .order-md-last { order: 6 !important } .m-md-0 { margin: 0 !important } .m-md-1 { margin: .25rem !important } .m-md-2 { margin: .5rem !important } .m-md-3 { margin: 1rem !important } .m-md-4 { margin: 1.5rem !important } .m-md-5 { margin: 3rem !important } .m-md-auto { margin: auto !important } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-md-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-md-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-md-auto { margin-right: auto !important; margin-left: auto !important } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-md-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-md-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-md-0 { margin-top: 0 !important } .mt-md-1 { margin-top: .25rem !important } .mt-md-2 { margin-top: .5rem !important } .mt-md-3 { margin-top: 1rem !important } .mt-md-4 { margin-top: 1.5rem !important } .mt-md-5 { margin-top: 3rem !important } .mt-md-auto { margin-top: auto !important } .me-md-0 { margin-right: 0 !important } .me-md-1 { margin-right: .25rem !important } .me-md-2 { margin-right: .5rem !important } .me-md-3 { margin-right: 1rem !important } .me-md-4 { margin-right: 1.5rem !important } .me-md-5 { margin-right: 3rem !important } .me-md-auto { margin-right: auto !important } .mb-md-0 { margin-bottom: 0 !important } .mb-md-1 { margin-bottom: .25rem !important } .mb-md-2 { margin-bottom: .5rem !important } .mb-md-3 { margin-bottom: 1rem !important } .mb-md-4 { margin-bottom: 1.5rem !important } .mb-md-5 { margin-bottom: 3rem !important } .mb-md-auto { margin-bottom: auto !important } .ms-md-0 { margin-left: 0 !important } .ms-md-1 { margin-left: .25rem !important } .ms-md-2 { margin-left: .5rem !important } .ms-md-3 { margin-left: 1rem !important } .ms-md-4 { margin-left: 1.5rem !important } .ms-md-5 { margin-left: 3rem !important } .ms-md-auto { margin-left: auto !important } .p-md-0 { padding: 0 !important } .p-md-1 { padding: .25rem !important } .p-md-2 { padding: .5rem !important } .p-md-3 { padding: 1rem !important } .p-md-4 { padding: 1.5rem !important } .p-md-5 { padding: 3rem !important } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important } .px-md-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-md-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-md-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-md-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-md-0 { padding-top: 0 !important } .pt-md-1 { padding-top: .25rem !important } .pt-md-2 { padding-top: .5rem !important } .pt-md-3 { padding-top: 1rem !important } .pt-md-4 { padding-top: 1.5rem !important } .pt-md-5 { padding-top: 3rem !important } .pe-md-0 { padding-right: 0 !important } .pe-md-1 { padding-right: .25rem !important } .pe-md-2 { padding-right: .5rem !important } .pe-md-3 { padding-right: 1rem !important } .pe-md-4 { padding-right: 1.5rem !important } .pe-md-5 { padding-right: 3rem !important } .pb-md-0 { padding-bottom: 0 !important } .pb-md-1 { padding-bottom: .25rem !important } .pb-md-2 { padding-bottom: .5rem !important } .pb-md-3 { padding-bottom: 1rem !important } .pb-md-4 { padding-bottom: 1.5rem !important } .pb-md-5 { padding-bottom: 3rem !important } .ps-md-0 { padding-left: 0 !important } .ps-md-1 { padding-left: .25rem !important } .ps-md-2 { padding-left: .5rem !important } .ps-md-3 { padding-left: 1rem !important } .ps-md-4 { padding-left: 1.5rem !important } .ps-md-5 { padding-left: 3rem !important } .text-md-start { text-align: left !important } .text-md-end { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width:992px) { .float-lg-start { float: left !important } .float-lg-end { float: right !important } .float-lg-none { float: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-grid { display: grid !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: flex !important } .d-lg-inline-flex { display: inline-flex !important } .d-lg-none { display: none !important } .flex-lg-fill { flex: 1 1 auto !important } .flex-lg-row { flex-direction: row !important } .flex-lg-column { flex-direction: column !important } .flex-lg-row-reverse { flex-direction: row-reverse !important } .flex-lg-column-reverse { flex-direction: column-reverse !important } .flex-lg-grow-0 { flex-grow: 0 !important } .flex-lg-grow-1 { flex-grow: 1 !important } .flex-lg-shrink-0 { flex-shrink: 0 !important } .flex-lg-shrink-1 { flex-shrink: 1 !important } .flex-lg-wrap { flex-wrap: wrap !important } .flex-lg-nowrap { flex-wrap: nowrap !important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-lg-0 { gap: 0 !important } .gap-lg-1 { gap: .25rem !important } .gap-lg-2 { gap: .5rem !important } .gap-lg-3 { gap: 1rem !important } .gap-lg-4 { gap: 1.5rem !important } .gap-lg-5 { gap: 3rem !important } .justify-content-lg-start { justify-content: flex-start !important } .justify-content-lg-end { justify-content: flex-end !important } .justify-content-lg-center { justify-content: center !important } .justify-content-lg-between { justify-content: space-between !important } .justify-content-lg-around { justify-content: space-around !important } .justify-content-lg-evenly { justify-content: space-evenly !important } .align-items-lg-start { align-items: flex-start !important } .align-items-lg-end { align-items: flex-end !important } .align-items-lg-center { align-items: center !important } .align-items-lg-baseline { align-items: baseline !important } .align-items-lg-stretch { align-items: stretch !important } .align-content-lg-start { align-content: flex-start !important } .align-content-lg-end { align-content: flex-end !important } .align-content-lg-center { align-content: center !important } .align-content-lg-between { align-content: space-between !important } .align-content-lg-around { align-content: space-around !important } .align-content-lg-stretch { align-content: stretch !important } .align-self-lg-auto { align-self: auto !important } .align-self-lg-start { align-self: flex-start !important } .align-self-lg-end { align-self: flex-end !important } .align-self-lg-center { align-self: center !important } .align-self-lg-baseline { align-self: baseline !important } .align-self-lg-stretch { align-self: stretch !important } .order-lg-first { order: -1 !important } .order-lg-0 { order: 0 !important } .order-lg-1 { order: 1 !important } .order-lg-2 { order: 2 !important } .order-lg-3 { order: 3 !important } .order-lg-4 { order: 4 !important } .order-lg-5 { order: 5 !important } .order-lg-last { order: 6 !important } .m-lg-0 { margin: 0 !important } .m-lg-1 { margin: .25rem !important } .m-lg-2 { margin: .5rem !important } .m-lg-3 { margin: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .m-lg-auto { margin: auto !important } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-lg-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-lg-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-lg-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-lg-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-lg-0 { margin-top: 0 !important } .mt-lg-1 { margin-top: .25rem !important } .mt-lg-2 { margin-top: .5rem !important } .mt-lg-3 { margin-top: 1rem !important } .mt-lg-4 { margin-top: 1.5rem !important } .mt-lg-5 { margin-top: 3rem !important } .mt-lg-auto { margin-top: auto !important } .me-lg-0 { margin-right: 0 !important } .me-lg-1 { margin-right: .25rem !important } .me-lg-2 { margin-right: .5rem !important } .me-lg-3 { margin-right: 1rem !important } .me-lg-4 { margin-right: 1.5rem !important } .me-lg-5 { margin-right: 3rem !important } .me-lg-auto { margin-right: auto !important } .mb-lg-0 { margin-bottom: 0 !important } .mb-lg-1 { margin-bottom: .25rem !important } .mb-lg-2 { margin-bottom: .5rem !important } .mb-lg-3 { margin-bottom: 1rem !important } .mb-lg-4 { margin-bottom: 1.5rem !important } .mb-lg-5 { margin-bottom: 3rem !important } .mb-lg-auto { margin-bottom: auto !important } .ms-lg-0 { margin-left: 0 !important } .ms-lg-1 { margin-left: .25rem !important } .ms-lg-2 { margin-left: .5rem !important } .ms-lg-3 { margin-left: 1rem !important } .ms-lg-4 { margin-left: 1.5rem !important } .ms-lg-5 { margin-left: 3rem !important } .ms-lg-auto { margin-left: auto !important } .p-lg-0 { padding: 0 !important } .p-lg-1 { padding: .25rem !important } .p-lg-2 { padding: .5rem !important } .p-lg-3 { padding: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important } .px-lg-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-lg-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-lg-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-lg-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-lg-0 { padding-top: 0 !important } .pt-lg-1 { padding-top: .25rem !important } .pt-lg-2 { padding-top: .5rem !important } .pt-lg-3 { padding-top: 1rem !important } .pt-lg-4 { padding-top: 1.5rem !important } .pt-lg-5 { padding-top: 3rem !important } .pe-lg-0 { padding-right: 0 !important } .pe-lg-1 { padding-right: .25rem !important } .pe-lg-2 { padding-right: .5rem !important } .pe-lg-3 { padding-right: 1rem !important } .pe-lg-4 { padding-right: 1.5rem !important } .pe-lg-5 { padding-right: 3rem !important } .pb-lg-0 { padding-bottom: 0 !important } .pb-lg-1 { padding-bottom: .25rem !important } .pb-lg-2 { padding-bottom: .5rem !important } .pb-lg-3 { padding-bottom: 1rem !important } .pb-lg-4 { padding-bottom: 1.5rem !important } .pb-lg-5 { padding-bottom: 3rem !important } .ps-lg-0 { padding-left: 0 !important } .ps-lg-1 { padding-left: .25rem !important } .ps-lg-2 { padding-left: .5rem !important } .ps-lg-3 { padding-left: 1rem !important } .ps-lg-4 { padding-left: 1.5rem !important } .ps-lg-5 { padding-left: 3rem !important } .text-lg-start { text-align: left !important } .text-lg-end { text-align: right !important } .text-lg-center { text-align: center !important } } @media (min-width:1200px) { .float-xl-start { float: left !important } .float-xl-end { float: right !important } .float-xl-none { float: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-grid { display: grid !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: flex !important } .d-xl-inline-flex { display: inline-flex !important } .d-xl-none { display: none !important } .flex-xl-fill { flex: 1 1 auto !important } .flex-xl-row { flex-direction: row !important } .flex-xl-column { flex-direction: column !important } .flex-xl-row-reverse { flex-direction: row-reverse !important } .flex-xl-column-reverse { flex-direction: column-reverse !important } .flex-xl-grow-0 { flex-grow: 0 !important } .flex-xl-grow-1 { flex-grow: 1 !important } .flex-xl-shrink-0 { flex-shrink: 0 !important } .flex-xl-shrink-1 { flex-shrink: 1 !important } .flex-xl-wrap { flex-wrap: wrap !important } .flex-xl-nowrap { flex-wrap: nowrap !important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-xl-0 { gap: 0 !important } .gap-xl-1 { gap: .25rem !important } .gap-xl-2 { gap: .5rem !important } .gap-xl-3 { gap: 1rem !important } .gap-xl-4 { gap: 1.5rem !important } .gap-xl-5 { gap: 3rem !important } .justify-content-xl-start { justify-content: flex-start !important } .justify-content-xl-end { justify-content: flex-end !important } .justify-content-xl-center { justify-content: center !important } .justify-content-xl-between { justify-content: space-between !important } .justify-content-xl-around { justify-content: space-around !important } .justify-content-xl-evenly { justify-content: space-evenly !important } .align-items-xl-start { align-items: flex-start !important } .align-items-xl-end { align-items: flex-end !important } .align-items-xl-center { align-items: center !important } .align-items-xl-baseline { align-items: baseline !important } .align-items-xl-stretch { align-items: stretch !important } .align-content-xl-start { align-content: flex-start !important } .align-content-xl-end { align-content: flex-end !important } .align-content-xl-center { align-content: center !important } .align-content-xl-between { align-content: space-between !important } .align-content-xl-around { align-content: space-around !important } .align-content-xl-stretch { align-content: stretch !important } .align-self-xl-auto { align-self: auto !important } .align-self-xl-start { align-self: flex-start !important } .align-self-xl-end { align-self: flex-end !important } .align-self-xl-center { align-self: center !important } .align-self-xl-baseline { align-self: baseline !important } .align-self-xl-stretch { align-self: stretch !important } .order-xl-first { order: -1 !important } .order-xl-0 { order: 0 !important } .order-xl-1 { order: 1 !important } .order-xl-2 { order: 2 !important } .order-xl-3 { order: 3 !important } .order-xl-4 { order: 4 !important } .order-xl-5 { order: 5 !important } .order-xl-last { order: 6 !important } .m-xl-0 { margin: 0 !important } .m-xl-1 { margin: .25rem !important } .m-xl-2 { margin: .5rem !important } .m-xl-3 { margin: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .m-xl-auto { margin: auto !important } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-xl-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-xl-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-xl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-xl-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-xl-0 { margin-top: 0 !important } .mt-xl-1 { margin-top: .25rem !important } .mt-xl-2 { margin-top: .5rem !important } .mt-xl-3 { margin-top: 1rem !important } .mt-xl-4 { margin-top: 1.5rem !important } .mt-xl-5 { margin-top: 3rem !important } .mt-xl-auto { margin-top: auto !important } .me-xl-0 { margin-right: 0 !important } .me-xl-1 { margin-right: .25rem !important } .me-xl-2 { margin-right: .5rem !important } .me-xl-3 { margin-right: 1rem !important } .me-xl-4 { margin-right: 1.5rem !important } .me-xl-5 { margin-right: 3rem !important } .me-xl-auto { margin-right: auto !important } .mb-xl-0 { margin-bottom: 0 !important } .mb-xl-1 { margin-bottom: .25rem !important } .mb-xl-2 { margin-bottom: .5rem !important } .mb-xl-3 { margin-bottom: 1rem !important } .mb-xl-4 { margin-bottom: 1.5rem !important } .mb-xl-5 { margin-bottom: 3rem !important } .mb-xl-auto { margin-bottom: auto !important } .ms-xl-0 { margin-left: 0 !important } .ms-xl-1 { margin-left: .25rem !important } .ms-xl-2 { margin-left: .5rem !important } .ms-xl-3 { margin-left: 1rem !important } .ms-xl-4 { margin-left: 1.5rem !important } .ms-xl-5 { margin-left: 3rem !important } .ms-xl-auto { margin-left: auto !important } .p-xl-0 { padding: 0 !important } .p-xl-1 { padding: .25rem !important } .p-xl-2 { padding: .5rem !important } .p-xl-3 { padding: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important } .px-xl-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-xl-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-xl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-xl-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-xl-0 { padding-top: 0 !important } .pt-xl-1 { padding-top: .25rem !important } .pt-xl-2 { padding-top: .5rem !important } .pt-xl-3 { padding-top: 1rem !important } .pt-xl-4 { padding-top: 1.5rem !important } .pt-xl-5 { padding-top: 3rem !important } .pe-xl-0 { padding-right: 0 !important } .pe-xl-1 { padding-right: .25rem !important } .pe-xl-2 { padding-right: .5rem !important } .pe-xl-3 { padding-right: 1rem !important } .pe-xl-4 { padding-right: 1.5rem !important } .pe-xl-5 { padding-right: 3rem !important } .pb-xl-0 { padding-bottom: 0 !important } .pb-xl-1 { padding-bottom: .25rem !important } .pb-xl-2 { padding-bottom: .5rem !important } .pb-xl-3 { padding-bottom: 1rem !important } .pb-xl-4 { padding-bottom: 1.5rem !important } .pb-xl-5 { padding-bottom: 3rem !important } .ps-xl-0 { padding-left: 0 !important } .ps-xl-1 { padding-left: .25rem !important } .ps-xl-2 { padding-left: .5rem !important } .ps-xl-3 { padding-left: 1rem !important } .ps-xl-4 { padding-left: 1.5rem !important } .ps-xl-5 { padding-left: 3rem !important } .text-xl-start { text-align: left !important } .text-xl-end { text-align: right !important } .text-xl-center { text-align: center !important } } @media (min-width:1400px) { .float-xxl-start { float: left !important } .float-xxl-end { float: right !important } .float-xxl-none { float: none !important } .d-xxl-inline { display: inline !important } .d-xxl-inline-block { display: inline-block !important } .d-xxl-block { display: block !important } .d-xxl-grid { display: grid !important } .d-xxl-table { display: table !important } .d-xxl-table-row { display: table-row !important } .d-xxl-table-cell { display: table-cell !important } .d-xxl-flex { display: flex !important } .d-xxl-inline-flex { display: inline-flex !important } .d-xxl-none { display: none !important } .flex-xxl-fill { flex: 1 1 auto !important } .flex-xxl-row { flex-direction: row !important } .flex-xxl-column { flex-direction: column !important } .flex-xxl-row-reverse { flex-direction: row-reverse !important } .flex-xxl-column-reverse { flex-direction: column-reverse !important } .flex-xxl-grow-0 { flex-grow: 0 !important } .flex-xxl-grow-1 { flex-grow: 1 !important } .flex-xxl-shrink-0 { flex-shrink: 0 !important } .flex-xxl-shrink-1 { flex-shrink: 1 !important } .flex-xxl-wrap { flex-wrap: wrap !important } .flex-xxl-nowrap { flex-wrap: nowrap !important } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important } .gap-xxl-0 { gap: 0 !important } .gap-xxl-1 { gap: .25rem !important } .gap-xxl-2 { gap: .5rem !important } .gap-xxl-3 { gap: 1rem !important } .gap-xxl-4 { gap: 1.5rem !important } .gap-xxl-5 { gap: 3rem !important } .justify-content-xxl-start { justify-content: flex-start !important } .justify-content-xxl-end { justify-content: flex-end !important } .justify-content-xxl-center { justify-content: center !important } .justify-content-xxl-between { justify-content: space-between !important } .justify-content-xxl-around { justify-content: space-around !important } .justify-content-xxl-evenly { justify-content: space-evenly !important } .align-items-xxl-start { align-items: flex-start !important } .align-items-xxl-end { align-items: flex-end !important } .align-items-xxl-center { align-items: center !important } .align-items-xxl-baseline { align-items: baseline !important } .align-items-xxl-stretch { align-items: stretch !important } .align-content-xxl-start { align-content: flex-start !important } .align-content-xxl-end { align-content: flex-end !important } .align-content-xxl-center { align-content: center !important } .align-content-xxl-between { align-content: space-between !important } .align-content-xxl-around { align-content: space-around !important } .align-content-xxl-stretch { align-content: stretch !important } .align-self-xxl-auto { align-self: auto !important } .align-self-xxl-start { align-self: flex-start !important } .align-self-xxl-end { align-self: flex-end !important } .align-self-xxl-center { align-self: center !important } .align-self-xxl-baseline { align-self: baseline !important } .align-self-xxl-stretch { align-self: stretch !important } .order-xxl-first { order: -1 !important } .order-xxl-0 { order: 0 !important } .order-xxl-1 { order: 1 !important } .order-xxl-2 { order: 2 !important } .order-xxl-3 { order: 3 !important } .order-xxl-4 { order: 4 !important } .order-xxl-5 { order: 5 !important } .order-xxl-last { order: 6 !important } .m-xxl-0 { margin: 0 !important } .m-xxl-1 { margin: .25rem !important } .m-xxl-2 { margin: .5rem !important } .m-xxl-3 { margin: 1rem !important } .m-xxl-4 { margin: 1.5rem !important } .m-xxl-5 { margin: 3rem !important } .m-xxl-auto { margin: auto !important } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important } .mx-xxl-1 { margin-right: .25rem !important; margin-left: .25rem !important } .mx-xxl-2 { margin-right: .5rem !important; margin-left: .5rem !important } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important } .my-xxl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important } .my-xxl-2 { margin-top: .5rem !important; margin-bottom: .5rem !important } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important } .mt-xxl-0 { margin-top: 0 !important } .mt-xxl-1 { margin-top: .25rem !important } .mt-xxl-2 { margin-top: .5rem !important } .mt-xxl-3 { margin-top: 1rem !important } .mt-xxl-4 { margin-top: 1.5rem !important } .mt-xxl-5 { margin-top: 3rem !important } .mt-xxl-auto { margin-top: auto !important } .me-xxl-0 { margin-right: 0 !important } .me-xxl-1 { margin-right: .25rem !important } .me-xxl-2 { margin-right: .5rem !important } .me-xxl-3 { margin-right: 1rem !important } .me-xxl-4 { margin-right: 1.5rem !important } .me-xxl-5 { margin-right: 3rem !important } .me-xxl-auto { margin-right: auto !important } .mb-xxl-0 { margin-bottom: 0 !important } .mb-xxl-1 { margin-bottom: .25rem !important } .mb-xxl-2 { margin-bottom: .5rem !important } .mb-xxl-3 { margin-bottom: 1rem !important } .mb-xxl-4 { margin-bottom: 1.5rem !important } .mb-xxl-5 { margin-bottom: 3rem !important } .mb-xxl-auto { margin-bottom: auto !important } .ms-xxl-0 { margin-left: 0 !important } .ms-xxl-1 { margin-left: .25rem !important } .ms-xxl-2 { margin-left: .5rem !important } .ms-xxl-3 { margin-left: 1rem !important } .ms-xxl-4 { margin-left: 1.5rem !important } .ms-xxl-5 { margin-left: 3rem !important } .ms-xxl-auto { margin-left: auto !important } .p-xxl-0 { padding: 0 !important } .p-xxl-1 { padding: .25rem !important } .p-xxl-2 { padding: .5rem !important } .p-xxl-3 { padding: 1rem !important } .p-xxl-4 { padding: 1.5rem !important } .p-xxl-5 { padding: 3rem !important } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important } .px-xxl-1 { padding-right: .25rem !important; padding-left: .25rem !important } .px-xxl-2 { padding-right: .5rem !important; padding-left: .5rem !important } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important } .py-xxl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .py-xxl-2 { padding-top: .5rem !important; padding-bottom: .5rem !important } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important } .pt-xxl-0 { padding-top: 0 !important } .pt-xxl-1 { padding-top: .25rem !important } .pt-xxl-2 { padding-top: .5rem !important } .pt-xxl-3 { padding-top: 1rem !important } .pt-xxl-4 { padding-top: 1.5rem !important } .pt-xxl-5 { padding-top: 3rem !important } .pe-xxl-0 { padding-right: 0 !important } .pe-xxl-1 { padding-right: .25rem !important } .pe-xxl-2 { padding-right: .5rem !important } .pe-xxl-3 { padding-right: 1rem !important } .pe-xxl-4 { padding-right: 1.5rem !important } .pe-xxl-5 { padding-right: 3rem !important } .pb-xxl-0 { padding-bottom: 0 !important } .pb-xxl-1 { padding-bottom: .25rem !important } .pb-xxl-2 { padding-bottom: .5rem !important } .pb-xxl-3 { padding-bottom: 1rem !important } .pb-xxl-4 { padding-bottom: 1.5rem !important } .pb-xxl-5 { padding-bottom: 3rem !important } .ps-xxl-0 { padding-left: 0 !important } .ps-xxl-1 { padding-left: .25rem !important } .ps-xxl-2 { padding-left: .5rem !important } .ps-xxl-3 { padding-left: 1rem !important } .ps-xxl-4 { padding-left: 1.5rem !important } .ps-xxl-5 { padding-left: 3rem !important } .text-xxl-start { text-align: left !important } .text-xxl-end { text-align: right !important } .text-xxl-center { text-align: center !important } } @media (min-width:1200px) { .fs-1 { font-size: 2.5rem !important } .fs-2 { font-size: 2rem !important } .fs-3 { font-size: 1.75rem !important } .fs-4 { font-size: 1.5rem !important } } @media print { .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-grid { display: grid !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: flex !important } .d-print-inline-flex { display: inline-flex !important } .d-print-none { display: none !important } } /*------------------------------------------ 2. Jquery UI -------------------------------------------*/ .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-helper-clearfix { min-height: 0 } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default !important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; font-size: 100% } .ui-accordion .ui-accordion-icons { padding-left: 2.2em } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none } .ui-button-icon-only { width: 2.2em } button.ui-button-icon-only { width: 2.4em } .ui-button-icons-only { width: 3.4em } button.ui-button-icons-only { width: 3.7em } .ui-button .ui-button-text { display: block; line-height: normal } .ui-button-text-only .ui-button-text { padding: .4em 1em } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em } input.ui-button { padding: .4em 1em } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em } .ui-buttonset { margin-right: 7px } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em } input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0 } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45% } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 700; border: 0 } .ui-datepicker td { border: 0; padding: 1px } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 } .ui-datepicker-rtl { direction: rtl } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0 } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px } .ui-draggable .ui-dialog-titlebar { cursor: move } .ui-draggable-handle { -ms-touch-action: none; touch-action: none } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none } .ui-menu .ui-menu { position: absolute } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0 } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px } .ui-menu-icons { position: relative } .ui-menu-icons .ui-menu-item { padding-left: 2em } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0 } .ui-menu .ui-menu-icon { left: auto; right: 0 } .ui-progressbar { height: 2em; text-align: left; overflow: hidden } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100% } .ui-progressbar .ui-progressbar-overlay { background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==); height: 100%; filter: alpha(opacity=25); opacity: .25 } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none } .ui-resizable { position: relative } .ui-resizable-handle { position: absolute; font-size: .1px; display: block; -ms-touch-action: none; touch-action: none } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0 } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0 } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100% } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100% } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px } .ui-selectable { -ms-touch-action: none; touch-action: none } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: 700; line-height: 1.5; padding: 2px .4em; margin: .5em 0 0 0; height: auto; border: 0 } .ui-selectmenu-open { display: block } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer } .ui-selectmenu-button span.ui-icon { right: .5em; left: auto; margin-top: -8px; position: absolute; top: 50% } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: .4em 2.1em .4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .ui-slider { position: relative; text-align: left } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit } .ui-slider-horizontal { height: .8em } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider-horizontal .ui-slider-range-min { left: 0 } .ui-slider-horizontal .ui-slider-range-max { right: 0 } .ui-slider-vertical { width: .8em; height: 100px } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min { bottom: 0 } .ui-slider-vertical .ui-slider-range-max { top: 0 } .ui-sortable-handle { -ms-touch-action: none; touch-action: none } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0 } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0 } .ui-spinner-up { top: 0 } .ui-spinner-down { bottom: 0 } .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px } .ui-tabs { position: relative; padding: .2em } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0 } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa } body .ui-tooltip { border-width: 2px } .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em } .ui-widget .ui-widget { font-size: 1em } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em } .ui-widget-content { border: 1px solid #aaa; background: #fff; color: #222 } .ui-widget-content a { color: #222 } .ui-widget-header { border: 1px solid #aaa; background: #ccc; color: #222; font-weight: 700 } .ui-widget-header a { color: #222 } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: 400; color: #555 } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555; text-decoration: none } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999; background: #dadada; font-weight: 400; color: #212121 } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaa; background: #fff; font-weight: 400; color: #212121 } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee; color: #363636 } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636 } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: 700 } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: 400 } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35) } .ui-icon { width: 16px; height: 16px } .ui-icon, .ui-widget-content .ui-icon { background-image: url(images/ui-icons_222222_256x240.png) } .ui-widget-header .ui-icon { background-image: url(images/ui-icons_222222_256x240.png) } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png) } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(images/ui-icons_454545_256x240.png) } .ui-state-active .ui-icon { background-image: url(images/ui-icons_454545_256x240.png) } .ui-state-highlight .ui-icon { background-image: url(images/ui-icons_2e83ff_256x240.png) } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(images/ui-icons_cd0a0a_256x240.png) } .ui-icon-blank { background-position: 16px 16px } .ui-icon-carat-1-n { background-position: 0 0 } .ui-icon-carat-1-ne { background-position: -16px 0 } .ui-icon-carat-1-e { background-position: -32px 0 } .ui-icon-carat-1-se { background-position: -48px 0 } .ui-icon-carat-1-s { background-position: -64px 0 } .ui-icon-carat-1-sw { background-position: -80px 0 } .ui-icon-carat-1-w { background-position: -96px 0 } .ui-icon-carat-1-nw { background-position: -112px 0 } .ui-icon-carat-2-n-s { background-position: -128px 0 } .ui-icon-carat-2-e-w { background-position: -144px 0 } .ui-icon-triangle-1-n { background-position: 0 -16px } .ui-icon-triangle-1-ne { background-position: -16px -16px } .ui-icon-triangle-1-e { background-position: -32px -16px } .ui-icon-triangle-1-se { background-position: -48px -16px } .ui-icon-triangle-1-s { background-position: -64px -16px } .ui-icon-triangle-1-sw { background-position: -80px -16px } .ui-icon-triangle-1-w { background-position: -96px -16px } .ui-icon-triangle-1-nw { background-position: -112px -16px } .ui-icon-triangle-2-n-s { background-position: -128px -16px } .ui-icon-triangle-2-e-w { background-position: -144px -16px } .ui-icon-arrow-1-n { background-position: 0 -32px } .ui-icon-arrow-1-ne { background-position: -16px -32px } .ui-icon-arrow-1-e { background-position: -32px -32px } .ui-icon-arrow-1-se { background-position: -48px -32px } .ui-icon-arrow-1-s { background-position: -64px -32px } .ui-icon-arrow-1-sw { background-position: -80px -32px } .ui-icon-arrow-1-w { background-position: -96px -32px } .ui-icon-arrow-1-nw { background-position: -112px -32px } .ui-icon-arrow-2-n-s { background-position: -128px -32px } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px } .ui-icon-arrow-2-e-w { background-position: -160px -32px } .ui-icon-arrow-2-se-nw { background-position: -176px -32px } .ui-icon-arrowstop-1-n { background-position: -192px -32px } .ui-icon-arrowstop-1-e { background-position: -208px -32px } .ui-icon-arrowstop-1-s { background-position: -224px -32px } .ui-icon-arrowstop-1-w { background-position: -240px -32px } .ui-icon-arrowthick-1-n { background-position: 0 -48px } .ui-icon-arrowthick-1-ne { background-position: -16px -48px } .ui-icon-arrowthick-1-e { background-position: -32px -48px } .ui-icon-arrowthick-1-se { background-position: -48px -48px } .ui-icon-arrowthick-1-s { background-position: -64px -48px } .ui-icon-arrowthick-1-sw { background-position: -80px -48px } .ui-icon-arrowthick-1-w { background-position: -96px -48px } .ui-icon-arrowthick-1-nw { background-position: -112px -48px } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px } .ui-icon-arrowreturn-1-w { background-position: -64px -64px } .ui-icon-arrowreturn-1-n { background-position: -80px -64px } .ui-icon-arrowreturn-1-e { background-position: -96px -64px } .ui-icon-arrowreturn-1-s { background-position: -112px -64px } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px } .ui-icon-arrow-4 { background-position: 0 -80px } .ui-icon-arrow-4-diag { background-position: -16px -80px } .ui-icon-extlink { background-position: -32px -80px } .ui-icon-newwin { background-position: -48px -80px } .ui-icon-refresh { background-position: -64px -80px } .ui-icon-shuffle { background-position: -80px -80px } .ui-icon-transfer-e-w { background-position: -96px -80px } .ui-icon-transferthick-e-w { background-position: -112px -80px } .ui-icon-folder-collapsed { background-position: 0 -96px } .ui-icon-folder-open { background-position: -16px -96px } .ui-icon-document { background-position: -32px -96px } .ui-icon-document-b { background-position: -48px -96px } .ui-icon-note { background-position: -64px -96px } .ui-icon-mail-closed { background-position: -80px -96px } .ui-icon-mail-open { background-position: -96px -96px } .ui-icon-suitcase { background-position: -112px -96px } .ui-icon-comment { background-position: -128px -96px } .ui-icon-person { background-position: -144px -96px } .ui-icon-print { background-position: -160px -96px } .ui-icon-trash { background-position: -176px -96px } .ui-icon-locked { background-position: -192px -96px } .ui-icon-unlocked { background-position: -208px -96px } .ui-icon-bookmark { background-position: -224px -96px } .ui-icon-tag { background-position: -240px -96px } .ui-icon-home { background-position: 0 -112px } .ui-icon-flag { background-position: -16px -112px } .ui-icon-calendar { background-position: -32px -112px } .ui-icon-cart { background-position: -48px -112px } .ui-icon-pencil { background-position: -64px -112px } .ui-icon-clock { background-position: -80px -112px } .ui-icon-disk { background-position: -96px -112px } .ui-icon-calculator { background-position: -112px -112px } .ui-icon-zoomin { background-position: -128px -112px } .ui-icon-zoomout { background-position: -144px -112px } .ui-icon-search { background-position: -160px -112px } .ui-icon-wrench { background-position: -176px -112px } .ui-icon-gear { background-position: -192px -112px } .ui-icon-heart { background-position: -208px -112px } .ui-icon-star { background-position: -224px -112px } .ui-icon-link { background-position: -240px -112px } .ui-icon-cancel { background-position: 0 -128px } .ui-icon-plus { background-position: -16px -128px } .ui-icon-plusthick { background-position: -32px -128px } .ui-icon-minus { background-position: -48px -128px } .ui-icon-minusthick { background-position: -64px -128px } .ui-icon-close { background-position: -80px -128px } .ui-icon-closethick { background-position: -96px -128px } .ui-icon-key { background-position: -112px -128px } .ui-icon-lightbulb { background-position: -128px -128px } .ui-icon-scissors { background-position: -144px -128px } .ui-icon-clipboard { background-position: -160px -128px } .ui-icon-copy { background-position: -176px -128px } .ui-icon-contact { background-position: -192px -128px } .ui-icon-image { background-position: -208px -128px } .ui-icon-video { background-position: -224px -128px } .ui-icon-script { background-position: -240px -128px } .ui-icon-alert { background-position: 0 -144px } .ui-icon-info { background-position: -16px -144px } .ui-icon-notice { background-position: -32px -144px } .ui-icon-help { background-position: -48px -144px } .ui-icon-check { background-position: -64px -144px } .ui-icon-bullet { background-position: -80px -144px } .ui-icon-radio-on { background-position: -96px -144px } .ui-icon-radio-off { background-position: -112px -144px } .ui-icon-pin-w { background-position: -128px -144px } .ui-icon-pin-s { background-position: -144px -144px } .ui-icon-play { background-position: 0 -160px } .ui-icon-pause { background-position: -16px -160px } .ui-icon-seek-next { background-position: -32px -160px } .ui-icon-seek-prev { background-position: -48px -160px } .ui-icon-seek-end { background-position: -64px -160px } .ui-icon-seek-start { background-position: -80px -160px } .ui-icon-seek-first { background-position: -80px -160px } .ui-icon-stop { background-position: -96px -160px } .ui-icon-eject { background-position: -112px -160px } .ui-icon-volume-off { background-position: -128px -160px } .ui-icon-volume-on { background-position: -144px -160px } .ui-icon-power { background-position: 0 -176px } .ui-icon-signal-diag { background-position: -16px -176px } .ui-icon-signal { background-position: -32px -176px } .ui-icon-battery-0 { background-position: -48px -176px } .ui-icon-battery-1 { background-position: -64px -176px } .ui-icon-battery-2 { background-position: -80px -176px } .ui-icon-battery-3 { background-position: -96px -176px } .ui-icon-circle-plus { background-position: 0 -192px } .ui-icon-circle-minus { background-position: -16px -192px } .ui-icon-circle-close { background-position: -32px -192px } .ui-icon-circle-triangle-e { background-position: -48px -192px } .ui-icon-circle-triangle-s { background-position: -64px -192px } .ui-icon-circle-triangle-w { background-position: -80px -192px } .ui-icon-circle-triangle-n { background-position: -96px -192px } .ui-icon-circle-arrow-e { background-position: -112px -192px } .ui-icon-circle-arrow-s { background-position: -128px -192px } .ui-icon-circle-arrow-w { background-position: -144px -192px } .ui-icon-circle-arrow-n { background-position: -160px -192px } .ui-icon-circle-zoomin { background-position: -176px -192px } .ui-icon-circle-zoomout { background-position: -192px -192px } .ui-icon-circle-check { background-position: -208px -192px } .ui-icon-circlesmall-plus { background-position: 0 -208px } .ui-icon-circlesmall-minus { background-position: -16px -208px } .ui-icon-circlesmall-close { background-position: -32px -208px } .ui-icon-squaresmall-plus { background-position: -48px -208px } .ui-icon-squaresmall-minus { background-position: -64px -208px } .ui-icon-squaresmall-close { background-position: -80px -208px } .ui-icon-grip-dotted-vertical { background-position: 0 -224px } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px } .ui-icon-grip-solid-vertical { background-position: -32px -224px } .ui-icon-grip-solid-horizontal { background-position: -48px -224px } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px } .ui-icon-grip-diagonal-se { background-position: -80px -224px } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px } .ui-widget-overlay { background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30) } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px } /*------------------------------------------ 3. Annimex Custom Icon -------------------------------------------*/ @font-face { font-family: annimex-icons; src: url(../assets/fonts/annimex-icons47f9.eot?ipuin8); src: url(../assets/fonts/annimex-icons47f9.eot?ipuin8#iefix) format('embedded-opentype'),url(../assets/fonts/annimex-icons47f9.ttf?ipuin8) format('truetype'),url(../assets/fonts/annimex-icons47f9.woff?ipuin8) format('woff'),url(../assets/fonts/annimex-icons47f9.svg?ipuin8#adorn-icons) format('svg'); font-display: swap; font-weight: 400; font-style: normal } .anm { font-family: annimex-icons; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .anm-money-note:before { content: "\e91c" } .anm-chat:before { content: "\e906" } .anm-credit-card1:before { content: "\e907" } .anm-customer-service:before { content: "\e908" } .anm-dollar:before { content: "\e909" } .anm-fire:before { content: "\e911" } .anm-fire-l:before { content: "\e912" } .anm-free-delivery:before { content: "\e913" } .anm-gift-box:before { content: "\e914" } .anm-like:before { content: "\e91a" } .anm-money:before { content: "\e91b" } .anm-payment-security:before { content: "\e91d" } .anm-phone-24:before { content: "\e923" } .anm-recommended:before { content: "\e924" } .anm-reliability:before { content: "\e925" } .anm-rule:before { content: "\e926" } .anm-ruler:before { content: "\e929" } .anm-dressmaker:before { content: "\e92e" } .anm-shield:before { content: "\e930" } .anm-bag-t:before { content: "\e933" } .anm-video2:before { content: "\e93b" } .anm-video-player1:before { content: "\e93e" } .anm-worldwide:before { content: "\e941" } .anm-telegram:before { content: "\ec30" } .anm-telegram-plane:before { content: "\ec31" } .anm-upload:before { content: "\ea33" } .anm-upload-r:before { content: "\eb51" } .anm-upload-l:before { content: "\ec1a" } .anm-window-restore-r:before { content: "\eb5e" } .anm-book-r:before { content: "\ea6a" } .anm-briefcase:before { content: "\e93c" } .anm-briefcase-r:before { content: "\ea6b" } .anm-calculator:before { content: "\e940" } .anm-calculator-r:before { content: "\ea6e" } .anm-calculator-l:before { content: "\eb83" } .anm-calendar:before { content: "\f073" } .anm-copy-l:before { content: "\eba5" } .anm-download:before { content: "\e976" } .anm-download-r:before { content: "\eaa6" } .anm-paper-r-plane:before { content: "\eaeb" } .anm-paper-l-plane:before { content: "\ebd7" } .anm-portrait-l:before { content: "\ebe4" } .anm-save:before { content: "\e9f4" } .anm-save-r:before { content: "\eb1b" } .anm-save-l:before { content: "\ebf2" } .anm-server:before { content: "\f233" } .anm-server-r:before { content: "\eb20" } .anm-server-l:before { content: "\ebf6" } .anm-id-badge:before { content: "\e9a2" } .anm-id-badge-r:before { content: "\eabc" } .anm-id-card:before { content: "\e9a3" } .anm-id-card-r:before { content: "\eabd" } .anm-id-card-l:before { content: "\ebbe" } .anm-image:before { content: "\e9a4" } .anm-image-r:before { content: "\eabe" } .anm-images-r:before { content: "\eabf" } .anm-inbox:before { content: "\e9a6" } .anm-inbox-in:before { content: "\e9a7" } .anm-inbox-in-r:before { content: "\eac0" } .anm-inbox-out:before { content: "\e9a8" } .anm-inbox-out-r:before { content: "\eac1" } .anm-tag:before { content: "\ea1e" } .anm-tags:before { content: "\ea1f" } .anm-tag-r:before { content: "\eb39" } .anm-tags-r:before { content: "\eb3a" } .anm-tag-l:before { content: "\ec08" } .anm-tags-l:before { content: "\ec09" } .anm-newspaper:before { content: "\eae4" } .anm-newspaper-r:before { content: "\ebd6" } .anm-clipboard:before { content: "\f0ea" } .anm-paste:before { content: "\f0ea" } .anm-address-book-o:before { content: "\f2ba" } .anm-address-book:before { content: "\e900" } .anm-address-card:before { content: "\e901" } .anm-address-book-r:before { content: "\ebbd" } .anm-folder:before { content: "\e999" } .anm-folder-open:before { content: "\e99a" } .anm-browser:before { content: "\ea6c" } .anm-folder-r:before { content: "\eab5" } .anm-folder-open-r:before { content: "\eab6" } .anm-folder-l:before { content: "\ebb7" } .anm-folder-open-l:before { content: "\ebb8" } .anm-file-text-o:before { content: "\f0f6" } .anm-copy-files-o:before { content: "\f0c5" } .anm-file-alt:before { content: "\e992" } .anm-file-check:before { content: "\e993" } .anm-file-code:before { content: "\e994" } .anm-file-pdf:before { content: "\e995" } .anm-file-ar:before { content: "\ebb5" } .anm-sliders-h-square:before { content: "\ea08" } .anm-sliders-hr-square:before { content: "\eb2d" } .anm-tuning:before { content: "\ec46" } .anm-ban:before { content: "\e938" } .anm-ban-r:before { content: "\ea65" } .anm-bars:before { content: "\e939" } .anm-bars-r:before { content: "\ea66" } .anm-bars-l:before { content: "\eb7f" } .anm-chain:before { content: "\f0c1" } .anm-link3:before { content: "\f0c1" } .anm-circle-notch:before { content: "\e968" } .anm-circle-notch-r:before { content: "\ea92" } .anm-clone:before { content: "\f24d" } .anm-cog:before { content: "\f013" } .anm-gear:before { content: "\f013" } .anm-cog-r:before { content: "\ea96" } .anm-cog-l:before { content: "\eba0" } .anm-cogs:before { content: "\f085" } .anm-gears:before { content: "\f085" } .anm-cogs-r:before { content: "\ea97" } .anm-cogs-l:before { content: "\eba1" } .anm-edit1:before { content: "\ec47" } .anm-edit:before { content: "\e977" } .anm-edit-l:before { content: "\eba9" } .anm-edit4:before { content: "\f044" } .anm-pencil-square-o:before { content: "\f044" } .anm-ellipsis-h:before { content: "\e978" } .anm-ellipsis-hl:before { content: "\eaa8" } .anm-ellipsis-h3:before { content: "\f141" } .anm-ellipsis-v:before { content: "\e979" } .anm-ellipsis-vl:before { content: "\eaa9" } .anm-ellipsis-v3:before { content: "\f142" } .anm-expand-alt:before { content: "\e982" } .anm-compress-alt:before { content: "\ea9c" } .anm-expand:before { content: "\e981" } .anm-expand-wide:before { content: "\e985" } .anm-external-link:before { content: "\e986" } .anm-external-link-square:before { content: "\e988" } .anm-link:before { content: "\e9b3" } .anm-link-r:before { content: "\eac9" } .anm-list:before { content: "\e9b4" } .anm-list-alt:before { content: "\e9b5" } .anm-list-alt-r:before { content: "\eacc" } .anm-list-ul:before { content: "\e9b6" } .anm-list-ulr:before { content: "\eace" } .anm-list-r:before { content: "\eacb" } .anm-list-l:before { content: "\ebc6" } .anm-list4:before { content: "\f03a" } .anm-minus:before { content: "\e9c7" } .anm-minus-circle:before { content: "\e9c8" } .anm-minus-circle-r:before { content: "\ead9" } .anm-minus-circle-l:before { content: "\ebd2" } .anm-minus-square:before { content: "\e9c9" } .anm-minus-square-r:before { content: "\eada" } .anm-minus-square-l:before { content: "\ebd3" } .anm-minus-r:before { content: "\ead8" } .anm-minus-l:before { content: "\ebd1" } .anm-pen-alt:before { content: "\eaf1" } .anm-pen-square:before { content: "\eaf4" } .anm-pen-square-l:before { content: "\ebdb" } .anm-pencil:before { content: "\eaf2" } .anm-pencil-alt:before { content: "\e9d1" } .anm-pencil-ar:before { content: "\eaf3" } .anm-pencil-al:before { content: "\ebda" } .anm-pencil-square:before { content: "\f14b" } .anm-pencil-l:before { content: "\ebd9" } .anm-plus:before { content: "\e9d6" } .anm-plus-circle:before { content: "\e9d7" } .anm-plus-cir:before { content: "\eafc" } .anm-plus-cil:before { content: "\ebe1" } .anm-plus-square:before { content: "\e9d8" } .anm-plus-sqr:before { content: "\eafd" } .anm-plus-sql:before { content: "\ebe2" } .anm-plus-r:before { content: "\eafb" } .anm-plus-l:before { content: "\ebe0" } .anm-power-off:before { content: "\e9dc" } .anm-power-off-r:before { content: "\eb02" } .anm-random:before { content: "\e9e4" } .anm-random-r:before { content: "\eb0c" } .anm-recycle:before { content: "\e9e5" } .anm-recycle-r:before { content: "\eb0d" } .anm-recycle-l:before { content: "\ebec" } .anm-redo:before { content: "\e9e6" } .anm-redo-alt:before { content: "\e9e7" } .anm-redo-ar:before { content: "\eb0f" } .anm-redo-r:before { content: "\eb0e" } .anm-redo-l:before { content: "\ebed" } .anm-refresh:before { content: "\f021" } .anm-repeat:before { content: "\e9e8" } .anm-repeat-alt:before { content: "\eb12" } .anm-repeat-r:before { content: "\eb11" } .anm-repeat3:before { content: "\f01e" } .anm-rotate-right:before { content: "\f01e" } .anm-reply:before { content: "\e9ec" } .anm-reply-all:before { content: "\e9ed" } .anm-reply-all-r:before { content: "\eb14" } .anm-reply-r:before { content: "\eb13" } .anm-retweet:before { content: "\e9ee" } .anm-retweet-r:before { content: "\eb15" } .anm-retweet3:before { content: "\f079" } .anm-rotate-left:before { content: "\f0e2" } .anm-undo4:before { content: "\f0e2" } .anm-share:before { content: "\e9f9" } .anm-share-all:before { content: "\e9fa" } .anm-share-all-r:before { content: "\eb22" } .anm-share-square:before { content: "\e9fd" } .anm-share-sqr:before { content: "\eb25" } .anm-share-r:before { content: "\eb21" } .anm-sign-in-alt:before { content: "\ea05" } .anm-sign-in-ar:before { content: "\eb29" } .anm-sign-in-al:before { content: "\ebfb" } .anm-sign-out-alt:before { content: "\ea06" } .anm-sign-out-ar:before { content: "\eb2a" } .anm-sign-out-al:before { content: "\ebfc" } .anm-sitemap-r:before { content: "\eb2b" } .anm-sitemap-l:before { content: "\ebfd" } .anm-sliders:before { content: "\f1de" } .anm-sliders-h:before { content: "\eb2c" } .anm-sliders-hr:before { content: "\ebfe" } .anm-sliders-v:before { content: "\eb2e" } .anm-sliders-v-square:before { content: "\ea09" } .anm-sliders-v-sqr:before { content: "\eb2f" } .anm-sliders-vr:before { content: "\ebff" } .anm-sort-amount-down:before { content: "\ea0b" } .anm-sort-amount-up:before { content: "\ea0c" } .anm-spinner:before { content: "\ea0d" } .anm-spinner-r:before { content: "\eb30" } .anm-spinner-l:before { content: "\ec00" } .anm-spinner4:before { content: "\f110" } .anm-sync:before { content: "\ea18" } .anm-sync-ar:before { content: "\eb34" } .anm-table:before { content: "\ea1a" } .anm-table-r:before { content: "\eb35" } .anm-table3:before { content: "\f0ce" } .anm-th:before { content: "\ea20" } .anm-th-large:before { content: "\ea21" } .anm-th-large-r:before { content: "\eb3d" } .anm-th-large-l:before { content: "\ec0b" } .anm-th-list:before { content: "\ea22" } .anm-th-list-r:before { content: "\eb3e" } .anm-th-list-l:before { content: "\ec0c" } .anm-th-r:before { content: "\eb3c" } .anm-th-l:before { content: "\ec0a" } .anm-times:before { content: "\ea25" } .anm-times-circle:before { content: "\ea26" } .anm-times-cir:before { content: "\eb42" } .anm-times-cil:before { content: "\ec10" } .anm-times-square:before { content: "\ea27" } .anm-times-sqr:before { content: "\eb43" } .anm-times-sql:before { content: "\ec11" } .anm-times-r:before { content: "\eb41" } .anm-times-l:before { content: "\ec0f" } .anm-toggle-off:before { content: "\ea28" } .anm-toggle-offr:before { content: "\eb44" } .anm-toggle-onr:before { content: "\eb45" } .anm-trash-alt:before { content: "\ea2b" } .anm-trash-ar:before { content: "\eb46" } .anm-trash-al:before { content: "\ec14" } .anm-undo:before { content: "\ea2f" } .anm-undo-alt:before { content: "\ea30" } .anm-undo-r:before { content: "\eb4a" } .anm-undo-l:before { content: "\ec16" } .anm-wrench:before { content: "\ea43" } .anm-wrench-r:before { content: "\ec21" } .anm-exclamation:before { content: "\e97d" } .anm-exclamation-circle:before { content: "\e97e" } .anm-exclamation-cir:before { content: "\eaac" } .anm-exclamation-cil:before { content: "\ebad" } .anm-exclamation-square:before { content: "\e97f" } .anm-exclamation-sqr:before { content: "\eaad" } .anm-exclamation-sql:before { content: "\ebae" } .anm-exclamation-triangle:before { content: "\e980" } .anm-exclamation-tr:before { content: "\eaae" } .anm-exclamation-tl:before { content: "\ebaf" } .anm-exclamation-r:before { content: "\ebac" } .anm-info:before { content: "\e9ac" } .anm-info-circle:before { content: "\e9ad" } .anm-info-cir:before { content: "\eac3" } .anm-info-cil:before { content: "\ebc0" } .anm-info-square:before { content: "\e9ae" } .anm-info-sqr:before { content: "\eac4" } .anm-info-sql:before { content: "\ebc1" } .anm-info-r:before { content: "\eac2" } .anm-info-l:before { content: "\ebbf" } .anm-question:before { content: "\e9df" } .anm-question-circle:before { content: "\e9e0" } .anm-question-cir:before { content: "\eb07" } .anm-question-cil:before { content: "\ebe8" } .anm-question-square:before { content: "\e9e1" } .anm-question-sqr:before { content: "\eb08" } .anm-question-sql:before { content: "\ebe9" } .anm-question-r:before { content: "\eb06" } .anm-question-l:before { content: "\ebe7" } .anm-quote-left:before { content: "\e9e2" } .anm-quote-r-left:before { content: "\eb0a" } .anm-quote-l-left:before { content: "\ebea" } .anm-quote-right:before { content: "\e9e3" } .anm-quote-r-right:before { content: "\eb0b" } .anm-quote-l-right:before { content: "\ebeb" } .anm-amazon:before { content: "\e90e" } .anm-android:before { content: "\e918" } .anm-apple:before { content: "\e922" } .anm-bar-chart:before { content: "\f080" } .anm-bar-chart-o:before { content: "\f080" } .anm-bell-o:before { content: "\f0a2" } .anm-bell2:before { content: "\eb80" } .anm-birthday-cake:before { content: "\e93a" } .anm-birthday-cake-r:before { content: "\ea69" } .anm-bug:before { content: "\e93d" } .anm-vh-bus:before { content: "\e93f" } .anm-vh-bus-r:before { content: "\ea6d" } .anm-vh-bus-l:before { content: "\eb82" } .anm-certificate:before { content: "\e953" } .anm-child:before { content: "\e967" } .anm-clock:before { content: "\ea93" } .anm-clock-r:before { content: "\eb9e" } .anm-code:before { content: "\e96a" } .anm-code-r:before { content: "\ea95" } .anm-comment:before { content: "\e96d" } .anm-comment-alt:before { content: "\e96e" } .anm-comment-ar:before { content: "\ea9a" } .anm-comment-al:before { content: "\eba3" } .anm-comment-r:before { content: "\ea99" } .anm-comment-l:before { content: "\eba2" } .anm-comments:before { content: "\e96f" } .anm-comments-o:before { content: "\f0e6" } .anm-comments-r:before { content: "\ea9b" } .anm-comments-l:before { content: "\eba4" } .anm-css3-alt:before { content: "\eab4" } .anm-dashboard:before { content: "\f0e4" } .anm-tachometer:before { content: "\f0e4" } .anm-database:before { content: "\eaa2" } .anm-desktop:before { content: "\eaa3" } .anm-desktop-alt:before { content: "\e974" } .anm-desktop-ar:before { content: "\eaa4" } .anm-envelope:before { content: "\e97a" } .anm-envelope-square:before { content: "\e97b" } .anm-envelope-r:before { content: "\eaaa" } .anm-envelope-l:before { content: "\ebaa" } .anm-envelope1:before { content: "\ec48" } .anm-expeditedssl:before { content: "\eaec" } .anm-eye:before { content: "\e98a" } .anm-eye-slash:before { content: "\e98b" } .anm-eye-slash2:before { content: "\f070" } .anm-eye-slash-l:before { content: "\ebb3" } .anm-eye-r:before { content: "\eab1" } .anm-eye-l:before { content: "\ebb2" } .anm-female:before { content: "\e98f" } .anm-filter:before { content: "\e996" } .anm-filter-r:before { content: "\eab3" } .anm-filter-l:before { content: "\ebb6" } .anm-flag:before { content: "\f024" } .anm-flag-o:before { content: "\f11d" } .anm-gift:before { content: "\e99c" } .anm-gift-r:before { content: "\eab7" } .anm-gift-l:before { content: "\ebb9" } .anm-handshake:before { content: "\e99e" } .anm-handshake-o:before { content: "\f2b5" } .anm-handshake-l:before { content: "\ebba" } .anm-heart:before { content: "\e99f" } .anm-heart-r:before { content: "\eaba" } .anm-heart-l:before { content: "\ebbb" } .anm-history:before { content: "\e9a0" } .anm-home:before { content: "\e9a1" } .anm-home-r:before { content: "\eabb" } .anm-home-l:before { content: "\ebbc" } .anm-html5:before { content: "\ebcc" } .anm-key:before { content: "\e9af" } .anm-key-r:before { content: "\eac5" } .anm-key-l:before { content: "\ebc2" } .anm-language:before { content: "\e9b1" } .anm-language2:before { content: "\f1ab" } .anm-laptop:before { content: "\e9b2" } .anm-laptop-r:before { content: "\ebc3" } .anm-life-ring:before { content: "\eac7" } .anm-lightbulb:before { content: "\eac8" } .anm-lightbulb-r:before { content: "\ebc4" } .anm-location:before { content: "\ec49" } .anm-lock:before { content: "\ead0" } .anm-lock-alt:before { content: "\e9b7" } .anm-lock-ar:before { content: "\ead1" } .anm-lock-al:before { content: "\ebc7" } .anm-lock-open-alt:before { content: "\e9b8" } .anm-lock-open-ar:before { content: "\ead3" } .anm-lock-open-al:before { content: "\ebc8" } .anm-map-marker-alt:before { content: "\e9c2" } .anm-map-marker-ar:before { content: "\ead5" } .anm-map-marker-al:before { content: "\ebcd" } .anm-map-signs:before { content: "\e9c4" } .anm-map-signs-r:before { content: "\ead7" } .anm-map-signs-l:before { content: "\ebd0" } .anm-medapps:before { content: "\ec04" } .anm-microsoft:before { content: "\ec12" } .anm-mobile:before { content: "\e9ca" } .anm-mobile-alt:before { content: "\e9cb" } .anm-mobile-ar:before { content: "\eadb" } .anm-mobile-android:before { content: "\e9cc" } .anm-mobile-android-alt:before { content: "\e9cd" } .anm-mobile-android-ar:before { content: "\eadc" } .anm-neuter:before { content: "\e9ce" } .anm-neuter-r:before { content: "\eae3" } .anm-neuter-l:before { content: "\ebcf" } .anm-pennant:before { content: "\e9d2" } .anm-qrcode:before { content: "\e9de" } .anm-qrcode2:before { content: "\eb05" } .anm-react:before { content: "\ec26" } .anm-shield1:before { content: "\f132" } .anm-shield-alt:before { content: "\e9ff" } .anm-shield-check:before { content: "\ea00" } .anm-shield-check-r:before { content: "\e921" } .anm-signal:before { content: "\ea04" } .anm-search-sistrix:before { content: "\ec28" } .anm-sitemap:before { content: "\ea07" } .anm-slideshare:before { content: "\ec2a" } .anm-star:before { content: "\f005" } .anm-star-half-empty:before { content: "\f123" } .anm-star-half-full:before { content: "\f123" } .anm-star-half-o:before { content: "\f123" } .anm-star-o:before { content: "\f006" } .anm-suitcase:before { content: "\ea16" } .anm-sun:before { content: "\ea17" } .anm-tablet-alt:before { content: "\ea1b" } .anm-tablet-ar:before { content: "\eb36" } .anm-tablet-android-alt:before { content: "\ea1c" } .anm-tablet-android-ar:before { content: "\eb37" } .anm-tachometer-alt:before { content: "\ea1d" } .anm-tachometer-ar:before { content: "\eb38" } .anm-tachometer-al:before { content: "\ec07" } .anm-thumbs-down:before { content: "\ea23" } .anm-thumbs-down-r:before { content: "\eb3f" } .anm-thumbs-down-l:before { content: "\ec0d" } .anm-thumbs-up:before { content: "\ea24" } .anm-thumbs-up-r:before { content: "\eb40" } .anm-thumbs-up-l:before { content: "\ec0e" } .anm-trophy:before { content: "\f091" } .anm-trophy-alt:before { content: "\ea2d" } .anm-trophy-ar:before { content: "\eb48" } .anm-truck:before { content: "\ea2e" } .anm-truck-front:before { content: "\e90c" } .anm-truck-line:before { content: "\e90d" } .anm-truck-r:before { content: "\eb49" } .anm-truck-l:before { content: "\ec15" } .anm-unlock-alt:before { content: "\ea32" } .anm-unlock-ar:before { content: "\eb50" } .anm-unlock-al:before { content: "\ec19" } .anm-wifi:before { content: "\ea3f" } .anm-wifi-r:before { content: "\eb5c" } .anm-wifi3:before { content: "\f1eb" } .anm-group:before { content: "\f0c0" } .anm-users4:before { content: "\f0c0" } .anm-user-circle-o:before { content: "\f2be" } .anm-user:before { content: "\ea36" } .anm-user-alt:before { content: "\ea37" } .anm-user-circle:before { content: "\ea38" } .anm-user-plus:before { content: "\ea39" } .anm-users:before { content: "\ea3a" } .anm-user-r:before { content: "\eb54" } .anm-user-ar:before { content: "\eb55" } .anm-user-cir:before { content: "\eb56" } .anm-user-plus-r:before { content: "\eb58" } .anm-users-r:before { content: "\eb59" } .anm-user-times2:before { content: "\eb5a" } .anm-user-l:before { content: "\ec1b" } .anm-user-al:before { content: "\ec1c" } .anm-user-cil:before { content: "\ec1d" } .anm-users-l:before { content: "\ec1e" } .anm-bag4:before { content: "\f290" } .anm-basket4:before { content: "\f291" } .anm-cart-2-s:before { content: "\ec41" } .anm-cart-1-l:before { content: "\ec43" } .anm-shopping-cart4:before { content: "\ec45" } .anm-cart-arrow-down:before { content: "\e951" } .anm-cart-plus:before { content: "\e952" } .anm-bag:before { content: "\ea01" } .anm-basket:before { content: "\ea02" } .anm-cart-s:before { content: "\ea03" } .anm-cart-arrow-down-r:before { content: "\ea7d" } .anm-cart-plus-r:before { content: "\ea7e" } .anm-bag-r:before { content: "\eb26" } .anm-basket-r:before { content: "\eb27" } .anm-cart-r:before { content: "\eb28" } .anm-bag-l:before { content: "\ebf8" } .anm-sq-bag:before { content: "\e931" } .anm-basket-l:before { content: "\ebf9" } .anm-cart-l:before { content: "\ebfa" } .anm-camera-retro:before { content: "\e943" } .anm-camera-ar:before { content: "\ea70" } .anm-camera-al:before { content: "\eb84" } .anm-check-square-o:before { content: "\f046" } .anm-check-badge:before { content: "\e937" } .anm-check:before { content: "\e954" } .anm-check-circle:before { content: "\e955" } .anm-check-square:before { content: "\e956" } .anm-check-badge-r:before { content: "\ea64" } .anm-check-r:before { content: "\ea7f" } .anm-check-cir:before { content: "\ea80" } .anm-check-sqr:before { content: "\ea81" } .anm-check-cil:before { content: "\eb8c" } .anm-check-sql:before { content: "\eb8d" } .anm-search-s:before { content: "\ec44" } .anm-search-glass:before { content: "\ec4a" } .anm-search7:before { content: "\ec4b" } .anm-search:before { content: "\e9f5" } .anm-search-r:before { content: "\eb1d" } .anm-search-minus-r:before { content: "\eb1e" } .anm-search-plus-r:before { content: "\eb1f" } .anm-search-l:before { content: "\ebf3" } .anm-search-minus-l:before { content: "\ebf4" } .anm-search-plus-l:before { content: "\ebf5" } .anm-phone-tel:before { content: "\e920" } .anm-phone-call-r:before { content: "\e91e" } .anm-phone-call-l:before { content: "\e91f" } .anm-phone-old:before { content: "\e90b" } .anm-phone-s:before { content: "\e9d3" } .anm-phone-square:before { content: "\e9d4" } .anm-phone-volume:before { content: "\e9d5" } .anm-phone-r:before { content: "\eaf5" } .anm-phone-sqr:before { content: "\eaf6" } .anm-phone-l:before { content: "\ebdc" } .anm-phone-sql:before { content: "\ebdd" } .anm-phone:before { content: "\f095" } .anm-phone-square4:before { content: "\f098" } .anm-microphone:before { content: "\e9c5" } .anm-microphone-alt:before { content: "\e9c6" } .anm-bullhorn:before { content: "\f0a1" } .anm-mobile2:before { content: "\f10b" } .anm-fax:before { content: "\e98e" } .anm-fax-r:before { content: "\ebb4" } .anm-print:before { content: "\f02f" } .anm-print-r:before { content: "\eb03" } .anm-print-l:before { content: "\ebe6" } .anm-pay-security:before { content: "\e932" } .anm-ruble-sign:before { content: "\e9f2" } .anm-ruble-sign-r:before { content: "\eb19" } .anm-ruble-sign-l:before { content: "\ebf0" } .anm-dollar-sign:before { content: "\e975" } .anm-dollar-sign-r:before { content: "\eaa5" } .anm-dollar-sign-l:before { content: "\eba8" } .anm-aws:before { content: "\e96b" } .anm-btc:before { content: "\e9ea" } .anm-amazon-pay:before { content: "\e915" } .anm-apple-pay:before { content: "\e92f" } .anm-bitcoin:before { content: "\e991" } .anm-cc:before { content: "\f20a" } .anm-cc-amazon-pay:before { content: "\e9ef" } .anm-cc-amex:before { content: "\e9f8" } .anm-cc-apple-pay:before { content: "\ea0e" } .anm-cc-diners-club:before { content: "\ea0f" } .anm-cc-discover:before { content: "\ea19" } .anm-cc-jcb:before { content: "\ea2a" } .anm-cc-mastercard:before { content: "\ea2c" } .anm-cc-paypal:before { content: "\ea3e" } .anm-cc-stripe:before { content: "\ea42" } .anm-cc-visa:before { content: "\ea67" } .anm-credit-card:before { content: "\e972" } .anm-credit-card-blank:before { content: "\eaa0" } .anm-credit-card-front:before { content: "\e973" } .anm-credit-card-front-r:before { content: "\eaa1" } .anm-credit-card-r:before { content: "\ea9f" } .anm-credit-card-l:before { content: "\eba7" } .anm-euro-sign:before { content: "\e97c" } .anm-euro-sign-r:before { content: "\eaab" } .anm-euro-sign-l:before { content: "\ebab" } .anm-money-bill:before { content: "\eadd" } .anm-money-bill-alt:before { content: "\eade" } .anm-money-bill-ar:before { content: "\ebd5" } .anm-money-bill-r:before { content: "\ebd4" } .anm-paypal:before { content: "\ec20" } .anm-pound-sign:before { content: "\e9db" } .anm-pound-sign-r:before { content: "\eb01" } .anm-pound-sign-l:before { content: "\ebe5" } .anm-rupee-sign:before { content: "\e9f3" } .anm-rupee-sign-r:before { content: "\eb1a" } .anm-rupee-sign-l:before { content: "\ebf1" } .anm-stripe:before { content: "\ec2f" } .anm-yen-sign:before { content: "\ea44" } .anm-yen-sign-r:before { content: "\eb61" } .anm-yen-sign-l:before { content: "\ec22" } .anm-sort:before { content: "\ea0a" } .anm-step-forward:before { content: "\ea11" } .anm-step-forward-r:before { content: "\eb33" } .anm-an-double-down:before { content: "\eb62" } .anm-an-double-left:before { content: "\eb63" } .anm-an-double-right:before { content: "\eb64" } .anm-an-double-up:before { content: "\eb65" } .anm-angle-down:before { content: "\e902" } .anm-angle-down-r:before { content: "\ea45" } .anm-angle-down-l:before { content: "\eb66" } .anm-angle-left:before { content: "\e903" } .anm-angle-left-r:before { content: "\ea46" } .anm-angle-left-l:before { content: "\eb67" } .anm-angle-right:before { content: "\e904" } .anm-angle-right-r:before { content: "\ea47" } .anm-angle-right-l:before { content: "\eb68" } .anm-angle-up:before { content: "\e905" } .anm-angle-up-r:before { content: "\ea48" } .anm-angle-up-l:before { content: "\eb69" } .anm-arrow-alt-down:before { content: "\e90a" } .anm-arrow-ar-down:before { content: "\ea4d" } .anm-arrow-al-down:before { content: "\eb6e" } .anm-arrow-alt-left:before { content: "\e90f" } .anm-arrow-ar-left:before { content: "\ea4e" } .anm-arrow-al-left:before { content: "\eb6f" } .anm-arrow-alt-right:before { content: "\e910" } .anm-arrow-ar-right:before { content: "\ea4f" } .anm-arrow-al-right:before { content: "\eb70" } .anm-arrow-alt-to-left:before { content: "\e916" } .anm-arrow-alt-to-right:before { content: "\e917" } .anm-arrow-alt-up:before { content: "\e919" } .anm-arrow-ar-up:before { content: "\ea54" } .anm-arrow-al-up:before { content: "\eb72" } .anm-arw-down:before { content: "\ea59" } .anm-arrow-s-down:before { content: "\f063" } .anm-arw-left:before { content: "\ea5a" } .anm-arrow-s-left:before { content: "\f060" } .anm-arw-right:before { content: "\ea5b" } .anm-arrow-s-right:before { content: "\f061" } .anm-arrow-sq-down:before { content: "\e92a" } .anm-arrow-sql-down:before { content: "\eb79" } .anm-arrow-sq-left:before { content: "\e92b" } .anm-arrow-sql-left:before { content: "\eb7a" } .anm-arrow-sq-right:before { content: "\e92c" } .anm-arrow-sql-right:before { content: "\eb7b" } .anm-arrow-sq-up:before { content: "\e92d" } .anm-arrow-sql-up:before { content: "\eb7c" } .anm-arw-up:before { content: "\ea60" } .anm-arrow-s-up:before { content: "\f062" } .anm-arrows-alt-h:before { content: "\e927" } .anm-arrows-alt-v:before { content: "\e928" } .anm-caret-circle-down:before { content: "\e945" } .anm-caret-cir-down:before { content: "\ea71" } .anm-caret-circle-left:before { content: "\e946" } .anm-caret-cir-left:before { content: "\ea72" } .anm-caret-circle-right:before { content: "\e947" } .anm-caret-cir-right:before { content: "\ea73" } .anm-caret-circle-up:before { content: "\e948" } .anm-caret-cir-up:before { content: "\ea74" } .anm-caret-down:before { content: "\e949" } .anm-caret-r-down:before { content: "\ea75" } .anm-caret-l-down:before { content: "\eb85" } .anm-caret-left:before { content: "\e94a" } .anm-caret-r-left:before { content: "\ea76" } .anm-caret-l-left:before { content: "\eb86" } .anm-caret-right:before { content: "\e94b" } .anm-caret-r-right:before { content: "\ea77" } .anm-caret-l-right:before { content: "\eb87" } .anm-caret-sq-down:before { content: "\e94c" } .anm-caret-sqr-down:before { content: "\ea78" } .anm-caret-sq-left:before { content: "\e94d" } .anm-caret-sqr-left:before { content: "\ea79" } .anm-caret-sq-right:before { content: "\e94e" } .anm-caret-sqr-right:before { content: "\ea7a" } .anm-caret-sq-up:before { content: "\e94f" } .anm-caret-sqr-up:before { content: "\ea7b" } .anm-caret-up:before { content: "\e950" } .anm-caret-r-up:before { content: "\ea7c" } .anm-caret-l-up:before { content: "\eb88" } .anm-chevron-circle-down:before { content: "\e957" } .anm-chevron-cir-down:before { content: "\ea82" } .anm-chevron-cil-down:before { content: "\eb8e" } .anm-chevron-circle-left:before { content: "\e958" } .anm-chevron-cir-left:before { content: "\ea83" } .anm-chevron-cil-left:before { content: "\eb8f" } .anm-chevron-circle-right:before { content: "\e959" } .anm-chevron-cir-right:before { content: "\ea84" } .anm-chevron-cil-right:before { content: "\eb90" } .anm-chevron-circle-up:before { content: "\e95a" } .anm-chevron-cir-up:before { content: "\ea85" } .anm-chevron-cil-up:before { content: "\eb91" } .anm-ch-double-down:before { content: "\e95b" } .anm-ch-doublel-down:before { content: "\eb92" } .anm-ch-double-left:before { content: "\e95c" } .anm-ch-doublel-left:before { content: "\eb93" } .anm-ch-double-right:before { content: "\e95d" } .anm-ch-doublel-right:before { content: "\eb94" } .anm-ch-double-up:before { content: "\e95e" } .anm-ch-doublel-up:before { content: "\eb95" } .anm-chevron-down:before { content: "\e95f" } .anm-chevron-r-down:before { content: "\ea8a" } .anm-chevron-l-down:before { content: "\eb96" } .anm-chevron-left:before { content: "\e960" } .anm-chevron-r-left:before { content: "\ea8b" } .anm-chevron-l-left:before { content: "\eb97" } .anm-chevron-right:before { content: "\e961" } .anm-chevron-r-right:before { content: "\ea8c" } .anm-chevron-l-right:before { content: "\eb98" } .anm-chevron-square-down:before { content: "\e962" } .anm-chevron-sqr-down:before { content: "\ea8d" } .anm-chevron-sql-down:before { content: "\eb99" } .anm-chevron-square-left:before { content: "\e963" } .anm-chevron-sqr-left:before { content: "\ea8e" } .anm-chevron-sql-left:before { content: "\eb9a" } .anm-chevron-square-right:before { content: "\e964" } .anm-chevron-sqr-right:before { content: "\ea8f" } .anm-chevron-sql-right:before { content: "\eb9b" } .anm-chevron-square-up:before { content: "\e965" } .anm-chevron-sqr-up:before { content: "\ea90" } .anm-chevron-sql-up:before { content: "\eb9c" } .anm-chevron-up:before { content: "\e966" } .anm-chevron-r-up:before { content: "\ea91" } .anm-chevron-l-up:before { content: "\eb9d" } .anm-expand-arrows-alt:before { content: "\e984" } .anm-expand-arwsr-alt:before { content: "\eab0" } .anm-expand-r-arrows:before { content: "\eaaf" } .anm-expand-l-arrows:before { content: "\ebb0" } .anm-arrows2:before { content: "\eb77" } .anm-viber:before { content: "\ec38" } .anm-globe:before { content: "\eab8" } .anm-rss:before { content: "\e9f0" } .anm-rss-square:before { content: "\e9f1" } .anm-rss-sqr:before { content: "\eb18" } .anm-rss-sql:before { content: "\ebef" } .anm-rss-r:before { content: "\eb17" } .anm-safari:before { content: "\ec27" } .anm-share-alt:before { content: "\e9fb" } .anm-share-alt-square:before { content: "\e9fc" } .anm-share-ar-square:before { content: "\eb24" } .anm-share-al-square:before { content: "\ebf7" } .anm-share-ar:before { content: "\eb23" } .anm-spotify:before { content: "\ec2e" } .anm-tripadvisor:before { content: "\ec32" } .anm-whatsapp:before { content: "\ec3d" } .anm-whatsapp-square:before { content: "\ec3e" } .anm-flickr:before { content: "\eb4e" } .anm-flipboard:before { content: "\eb57" } .anm-skype:before { content: "\ec29" } .anm-codepen:before { content: "\ea68" } .anm-behance:before { content: "\e96c" } .anm-behance-square:before { content: "\e990" } .anm-blogger:before { content: "\e997" } .anm-blogger-b:before { content: "\e998" } .anm-delicious:before { content: "\eab9" } .anm-deviantart:before { content: "\eac6" } .anm-digg:before { content: "\eacd" } .anm-dribbble:before { content: "\ead4" } .anm-dribbble-square:before { content: "\eae5" } .anm-dropbox:before { content: "\eae6" } .anm-facebook:before { content: "\eaed" } .anm-facebook-f:before { content: "\eafa" } .anm-facebook-messenger:before { content: "\eb31" } .anm-facebook-square:before { content: "\eb47" } .anm-google:before { content: "\eb8a" } .anm-google-drive:before { content: "\eb8b" } .anm-google-play:before { content: "\eba6" } .anm-google-plus:before { content: "\ebc5" } .anm-google-plus-g:before { content: "\ebc9" } .anm-google-plus-square:before { content: "\ebca" } .anm-google-wallet:before { content: "\ebcb" } .anm-instagram:before { content: "\ec01" } .anm-linkedin:before { content: "\ec02" } .anm-linkedin-in:before { content: "\ec03" } .anm-linkedin-square:before { content: "\f08c" } .anm-pinterest:before { content: "\ec23" } .anm-pinterest-p:before { content: "\ec24" } .anm-pinterest-square:before { content: "\ec25" } .anm-snapchat:before { content: "\ec2b" } .anm-snapchat-ghost:before { content: "\ec2c" } .anm-snapchat-square:before { content: "\ec2d" } .anm-tumblr:before { content: "\ec33" } .anm-tumblr-square:before { content: "\ec34" } .anm-twitter:before { content: "\ec36" } .anm-twitter-square:before { content: "\ec37" } .anm-vimeo:before { content: "\ec39" } .anm-vimeo-square:before { content: "\ec3a" } .anm-vimeo-v:before { content: "\ec3b" } .anm-youtube:before { content: "\ec3f" } .anm-youtube-square:before { content: "\ec40" } .anm-youtube-square2:before { content: "\f166" } .anm-youtube2:before { content: "\f167" } .anm-video-player:before { content: "\e934" } .anm-forward:before { content: "\e99b" } .anm-backward:before { content: "\e936" } .anm-backward-r:before { content: "\ea63" } .anm-backward-l:before { content: "\eb7e" } .anm-fast-backward:before { content: "\e98c" } .anm-fast-forward:before { content: "\e98d" } .anm-pause:before { content: "\eaee" } .anm-pause-circle:before { content: "\eaef" } .anm-pause-cil:before { content: "\ebd8" } .anm-play:before { content: "\eaf8" } .anm-play-circle:before { content: "\eaf9" } .anm-play-cir:before { content: "\ebdf" } .anm-play-r:before { content: "\ebde" } .anm-podcast:before { content: "\e9d9" } .anm-podcast-r:before { content: "\eafe" } .anm-podcast-l:before { content: "\ebe3" } .anm-step-backward:before { content: "\ea10" } .anm-step-backward-r:before { content: "\eb32" } .anm-stop:before { content: "\ea12" } .anm-stop-circle:before { content: "\ea13" } .anm-video:before { content: "\ea3c" } .anm-video-r:before { content: "\eb5b" } .anm-video1:before { content: "\e935" } /*------------------------------------------ 4. Slick Slider -------------------------------------------*/ .slick-slider { position: relative; display: block; box-sizing: border-box; -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 } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:after, .slick-track:before { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: right; height: 100%; min-height: 1px } [dir=rtl] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } @media only screen and (max-width: 991px) { .account-widget .widget-image { width: 32px !important; height: 32px !important; } .account-widget .widget-counter { font-size: 12px !important; } .account-widget .widget-title { font-size: 10px !important; font-weight: 500 !important; } } /*@import url(//fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@1,400;1,500;1,600&display=swap);*/ /*@import url(//fonts.googleapis.com/css2?family=Edu+VIC+WA+NT+Beginner:wght@400;500;600;700&display=swap); */ .section-header p, .slideshow .ss-small-title, body, button, html, input, select, textarea { font-family: IRANSans,sans-serif } .btn, button, input, select, textarea { border-radius: .3rem !important } .btn, .btn-link, .btn-link:focus, .btn-link:hover, .btn-primary, a, a:active, a:hover { text-decoration: none } .rtl { direction: rtl !important; text-align: right !important } .grid-products .list-style .product-details, .ltr, .text-left { text-align: left !important } .ltr { direction: ltr !important } .blog-article .publish-detail li a:hover, .grid-products.pro-hover4 .product-review .icon, .iconset .hdr-icon:hover, .minicart-content .item .remove:hover, .qtyField .qtyBtn:hover, .table, .tabs-listing .product-tabs li.active a, .tabs-listing .product-tabs li:hover a, .top-header.bg-white .select-wrap.active, .top-header.bg-white a, .top-header.bg-white a:hover, a, body, pre, table { color: #333 } .minicart-modal-style #minicart-drawer, .slideshow .slick-slide img, .tab-slider-product .nav-tabs.style1 .nav-link.active:after, .table, .tabs-listing .product-tabs li.active a:before, .tabs-listing .product-tabs li:hover a:before, iframe, input, select, table, textarea, video { width: 100% } .anm, .display-table-cell, .index-demo5 .blog-article .blog-bottom a i, .list--inline li { vertical-align: middle } body { font-size: 0.925rem; line-height: 1.7; font-weight: 400; letter-spacing: 0; margin: 0; padding: 0 } .blog-item .date span, .loading .modalOverly, article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block } .grid-products .list-style .product-review .caption, audio, canvas, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } .blog-listview-loadmore .blog-article, .button-set .btn-icon .text, .button-set-top .text, .collection-top-filters .count-bubble:empty, .counter-inline .ht-count:not(.days) .text, .filterbar .static-banner-block, .grid-products .item:hover .saleTime, .grid-products .list-style .button-set .btn-icon.addtocart, .hidden, .index-demo2 .grid-products .item .button-set-bottom .btn .icon, .index-demo4 .grid-products .addtocart-btn .btn i, .index-demo7 .quickview-modal .product-action .addtocart .btn i, .index-demo8 .newsletter-section .newsletter-wrap .section-header h2:after, .index-demo8 .newsletter-section .newsletter-wrap .section-header h2:before, .mobile-nav-wrapper, .product-four-loadmore .item, .product-listview-loadmore .item, .product-three-loadmore .item, .shop-swatches-style-page .grid-products .list-style .button-action.mt-3, .shop-swatches-style-page .grid-products .list-style .button-set-bottom.style1, .shop-swatches-style-page .grid-products .list-style .button-set-top .btn-icon.addtocart, .sidebar-filter .filterbar .sidebar-widget:not(.filterBox), .slideshow img.mobile-hide, .tabs-listing .tab-container .tab-content, [hidden] { display: none } img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic } .sidebar-sticky .sidebar-widget .store-info-item .title, label { margin-bottom: 5px } .form-group, .table, table { margin-bottom: 15px } .bg-block.sm, .form-control, input, textarea { padding: 10px 15px } .form-control, button, input, select, textarea { font-size: 14px; font-weight: 600; font-family: IRANSans,sans-serif; color: #333; background-color: #fff; border: 1px solid #ddd; border-radius: 0; transition: .4s ease-out; -webkit-transition: .4s ease-out; outline: 0 !important; box-shadow: none !important } .form-control:focus, button:active, button:focus, input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus { outline: 0; border-color: #bdbdbd } .newsletterbg .newsletter-input, .product-details-img .product-thumb .slick-slide, hr, iframe { border: 0 } .index-demo6 .footer-newsletter .input-group > .btn, .index-demo6 .footer-newsletter .input-group > .form-control, .input-group > .btn, .input-group > .form-control, .orderstracking-from .form-group .btn, input, select { height: 45px } input[type=checkbox], input[type=radio] { width: auto; height: auto } input[type=checkbox]:focus, input[type=radio]:focus { outline: 0; box-shadow: none } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../assets/images/icons/arrow-select.png); background-repeat: no-repeat; background-position: left 10px center; background-size: 10px; background-color: #fff; line-height: 1.2; text-indent: inherit; text-overflow: ''; cursor: pointer; padding: 8px 10px 8px 25px } .table, table { border-collapse: collapse; border-spacing: 0 } .text-content h3, hr, pre { margin: 20px 0 } #settingsBox .ttl, .btn, .btn-primary, .preLoader, th { font-weight: 600; text-transform: uppercase } .brands-list.box-border .brands-logo a, .table-bordered td, .table-bordered th { border: 1px solid #ddd } .required { color: #ff0202 } a { outline: 0 } a, a:after, a:before { transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out } a:active, a:hover { color: #333; outline: 0 } a:hover { color: #333; opacity: 1 } pre { background: #f5f5f5; font-family: monospace; font-size: 14px; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none } blockquote { background-color: #f5f5f5; font-size: 17px; font-weight: 400; font-style: normal; margin: 25px 0; padding: 20px; border: 1px solid #e6e6e6; border-left: 2px solid #333 } .grid-products.pro-hover4 .product-name a, blockquote cite, blockquote small { font-size: 14px; font-weight: 400; text-transform: uppercase } .blockquote-footer:before { content: "- " } svg:not(:root) { overflow: hidden } video { height: 100% } ol, ul { padding: 0; margin: 0; list-style: none } .list-dot, .list-styled { list-style: outside; margin-left: 15px } .dots-hide .slick-dots, .header-6.stickyNav .header-main, .header-7.stickyNav .header-main, .hide, .index-demo4 .slideshow .slick-arrow-dots .slick-arrow, .index-demo9 .testimonial-slider .slick-arrow, .tox .tox-dialog__body-nav, .tox .tox-notifications-container { display: none !important } hr { opacity: 1; border-bottom: 1px solid #e6e6e6 } .border-top { border-top: 1px solid #e6e6e6 !important } .border-bottom { border-bottom: 1px solid #e6e6e6 !important } .border-start { border-left: 1px solid #e6e6e6 !important } .border-end { border-right: 1px solid #e6e6e6 !important } .clear, .clearfix:after { clear: both } .clearfix:after, .clearfix:before { content: " "; display: table } .text-italic { font-style: italic } .text-normal { font-style: normal } .text-underline { text-decoration: underline } .text-none, .text-transform-none { text-transform: none !important } .clr-none { color: inherit !important } .tooltip > .tooltip-inner { font-size: 10px; line-height: normal; font-weight: 400; padding: 4px 8px 5px; text-shadow: none; height: auto; text-transform: uppercase; border-radius: 0 } .tooltip.show { z-index: 9999 } .col-row, .grid-products .list-style.col-row { margin-top: -30px } .col-row .col-item { padding-top: .75rem } .col-row-20 { margin-top: -20px; margin-left: -10px; margin-right: -10px } .col-row-20 .col-item { padding-top: 20px; padding-left: 10px; padding-right: 10px } .sp-row { margin-top: -1.5rem } .sp-row .sp-col { padding-top: 1.5rem } .brand-box .image-container, .butique-box .image-container, .inline-countdown .ht-count:last-child .count-inner, .list--inline { padding: 0; margin: 0 } .list--inline li { display: inline-block; margin-bottom: 0 } .display-table { display: table; table-layout: fixed; width: 100%; margin: 0 !important } .display-table-cell { float: none; display: table-cell } .w-22 { width: 22% } .w-34 { width: 34% } .lists-style1 > li { position: relative; padding-left: 15px; margin-bottom: 5px } .lists-style1 > li:before { content: "\eb68"; font-family: annimex-icons; font-size: 16px; position: absolute; left: 0; top: -2px } .mt-n2 { margin-top: -.5rem !important } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -7.5px; margin-left: -7.5px } .form-row > * { padding-right: 7.5px; padding-left: 7.5px } .modal .btn-close { width: 25px; height: 25px; opacity: .8; position: absolute; left: 5px; top: 5px; background-image: unset; background-size: 12px; z-index: 3; background-color: var(--bs-primary); border-radius: 100% !important; color: #fff } .modal .modal-body, .quickview-modal.modal .modal-body { padding: 30px } .modal.fade .modal-dialog { opacity: 0; -webkit-transform: scale(.9); transform: scale(.9); -ms-transform: scale(.9); -webkit-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; transition: .3s ease-in-out; padding: .5rem; margin: 0 auto; min-height: 100% } .btn, .btn-primary, .iconset .hdr-icon { -webkit-transition: .3s ease-in-out; vertical-align: middle } .modal.show .modal-dialog { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .modal .modal-lg { max-width: 800px } @-webkit-keyframes anm-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes anm-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .anm-spin { animation: 1.5s linear infinite anm-spin; -webkit-animation: 1.5s linear infinite anm-spin } @keyframes scaleimg { 0%,100% { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1) } 50% { transform: scale(1.2); -webkit-transform: scale(1); -ms-transform: scale(1) } } .alert.alert-dismissible .btn-close { padding: 12px; background-size: 10px } .list-decimal { list-style: decimal; margin-left: 15px } .start-auto { left: auto !important } .index-demo4 .newsletter-section, .mt-m6 { margin-top: -6px } .px-30 { padding-left: 30px !important; padding-right: 30px !important } .px-40 { padding-left: 40px !important; padding-right: 40px !important } .px-50 { padding-left: 50px !important; padding-right: 50px !important } .text-extra-small { font-size: 11px !important; line-height: 14px !important } .text-small { font-size: 13px !important; line-height: 1.5 !important } .text-medium { font-size: 16px !important; line-height: 1.7 !important } .text-medium-18 { font-size: 18px !important; line-height: 1.8 !important } .text-large { font-size: 20px !important; line-height: 1.9 !important } .text-extra-large { font-size: 26px !important; line-height: 2 !important } .countdown-text.style1 .prcountdown, .countdown-text.style1 .prcountdown .ht-count, .footer-3 .footer-bottom, .footer-3 .footer-top .h4, .text-black, .text-secondary { color: #333 !important } .text-white { color: #fff !important } .text-upprcase { text-transform: uppercase !important } .text-lowercase { text-transform: lowercase !important } .bg-light { background-color: #f5f5f5 !important } .bg-dark { background-color: #333 !important } .no-shadow { box-shadow: none !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #333; margin: 0 0 20px; font-family: IRANSans,sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: 0; overflow-wrap: break-word } .featured-content .featured-details.large-font h2, .h1, .index-demo4 #site-scroll, h1 { font-size: 24px } .collection-banner-grid .details.offerText .tex3, .footer-4 .payment-icons .icon, .h2, .index-demo8 .collection-banner-grid .details .title, .index-demo8 .one-banner-section .details, .product-review-form .product-review .anm, h2 { font-size: 20px } .about-section .about-details .small-text, .featured-content .featured-details.large-font .small-text, .footer-6 .phone-info .phone-text a, .h3, .index-demo1 .collection-slider .category-title, .index-demo4 .slideshow .ss-sub-title, .index-demo9 .testimonial-slider .content, .quickview-modal .product-price .old-price, .slideshow .slick-arrow-dots .slick-arrow:before, h3 { font-size: 18px } .footer-3 .footer-top .h4, .ftr-promo-bar strong, .h4, h4 { font-size: 17px } #elements-icons .iconList-content, .grid-products .list-style .product-name a, .grid-products .list-style .product-price .price, .h5, .index-demo10 .featured-content .featured-details.large-font .dec, .index-demo2 .slideshow .ss-sub-title, .index-demo4 .newsletter-section .newsletter-wrap .section-header p, .index-demo9 .grid-products .product-price .price, .newsletter-modal .social-icons .icon, .product-single-meta .product-review .icon, .products-lookbook-section .lookbook-shop .grid-lb .detail .product-price .price, .testimonial-content .product-review .icon, h5 { font-size: 15px } .collection-top-filters .filterDD, .featured-content .featured-details.large-font .dec, .footer-4 .copytext, .footer-4 .footer-contact p, .footer-4 .footer-links ul, .h6, .index-demo10 .blog-article .publish-detail li, .index-demo4 .minicart-bottom, .index-demo4 .minicart-content .item .product-title, .index-demo7 .newsletterbg .info, .index-demo9 .footer-3 .footer-newsletter .news-text, .index-demo9 .minicart-bottom, .index-demo9 .minicart-content .item .product-title, .minicart-modal-style .minicart-content .item .product-title, .quickview-modal .product-review .icon, h6 { font-size: 14px } p { margin: 0 0 20px } .index-demo5 #page-content, .sidebar-categories li:last-of-type a, p:last-child { margin-bottom: 0 } .text-right { text-align: right !important } .text-center { text-align: center !important } .text-justify { text-align: justify !important } .body-font, .head-font { font-family: IRANSans,sans-serif !important } .alt-font { font-family: 'Edu VIC WA NT Beginner',cursive !important } .fw-400 { font-weight: 400 !important } .fw-500 { font-weight: 500 !important } .btn-outline-secondary .wishlist-submit .icon, .fw-600 { font-weight: 600 !important } .fw-700 { font-weight: 700 !important } .fw-800 { font-weight: 800 !important } .btn { font-family: IRANSans,sans-serif; display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; text-align: center; cursor: pointer; border-radius: 0; padding: 10px 20px; font-size: 12px; line-height: normal; white-space: normal; opacity: 1; outline: 0 !important; box-shadow: none !important; -ms-transition: .3s ease-in-out; transition: .3s ease-in-out } .customCheckbox, .customRadio { display: -ms-flexbox; -ms-flex-wrap: wrap; position: relative } .btn:focus, .btn:hover { background-color: var(--bs-primary); color: #fff; border-color: var(--bs-primary); text-decoration: none; opacity: 1 } .btn-primary:focus, .btn-primary:hover { background-color: #b84f0b; color: #fff; border-color: #b84f0b; text-decoration: none; opacity: 1 } .btn-secondary, .btn-secondary:focus { background-color: var(--bs-primary); color: #fff; border: 1px solid var(--bs-primary) } .btn-gray:hover, .btn-secondary:hover, .step-checkout .nav-link.active, .step-checkout .nav-link:focus, .step-checkout .nav-link:hover { background-color: #333; color: #fff; border-color: #333 } .btn-light, .btn-light:focus { background-color: #fff; color: #333; border: 1px solid #fff } .btn-light:hover { background-color: #f0f0f0; color: #333; border-color: #f0f0f0 } .btn-gray, .btn-gray:focus { background-color: #f5f5f5; color: #333; border: 1px solid #f5f5f5 } .btn-outline-primary, .btn-outline-primary:focus { color: var(--bs-primary); border: 1px solid var(--bs-primary); background-color: transparent } .btn-outline-primary:hover, .tab-vertical-style .nav-pills .nav-link.active, .tab-vertical-style .nav-pills .nav-link:hover { color: #fff; background-color: var(--bs-primary); border-color: var(--bs-primary) } .aboutus-style1-page .brands-list .brands-logo a, .aboutus-style1-page .brands-list .brands-logo img, .btn-link, .btn-outline-light { background-color: transparent } .btn-outline-secondary, .btn-outline-secondary:focus { color: #9c9c9c; border: 1px solid #e7e7e7; background-color: transparent } .btn-outline-secondary:hover, .index-demo6 .btn-secondary:focus, .index-demo6 .btn-secondary:hover { color: var(--bs-primary); background-color: transparent; border-color: #e7e7e7 } .btn-outline-light { color: #fff; border: 1px solid #fff } .btn-brd, .btn-link, .text-link { border: 0; margin: 0; outline: 0 !important; box-shadow: none !important } .btn-outline-light:hover { color: #333; border-color: #fff; background-color: #fff } .btn-sm, .btn-small { font-size: 10px; padding: 8px 14px } .btn-md { font-size: 13px; padding: 10px 20px } .btn-lg { font-size: 15px; padding: 13px 25px } .btn-xl { font-size: 15px; padding: 15px 35px } .btn-link, .text-link { padding: 0 } .same-width-btn .btn { min-width: 200px } .btn.rounded-pill { padding-left: 30px; padding-right: 30px } .btn-link { color: #333; text-align: left } .btn-link:focus, .btn-link:hover, .text-link { color: #333; background-color: transparent } .btn-brd, .iconset, .section-header, .slick-dots, .slick-next, .slick-prev { text-align: center } .text-link { text-decoration: underline; text-underline-offset: 3px } .text-link:hover { color: #e80016; text-decoration: underline } .btn-brd { background-color: transparent; border-bottom: 2px solid #333; padding: 0 0 2px; color: #333; text-decoration: none } #cart-drawer, .p-20 { padding: 20px } .btn-brd:focus, .btn-brd:hover { background-color: transparent; color: #333; border-color: #333 } .btn.btn3d { box-shadow: 0 0 0 1px #222 inset,0 0 0 2px rgba(255,255,255,.15) inset,0 8px 0 0 #2f2f2f,0 8px 8px 1px rgba(0,0,0,.5) !important; background-color: #222; border-color: #222 } .btn.btn-primary.btn3d:focus, .btn.btn3d:active, .btn.btn3d:hover { box-shadow: 0 0 0 1px #444 inset,0 0 0 2px rgba(255,255,255,.15) inset,0 5px 0 0 #444,0 5px 5px 1px rgba(0,0,0,.5) !important; background-color: #444; border-color: #444 } .btn.animated { -webkit-animation: 1s ease-in-out infinite alternate pulse; animation: 1s ease-in-out infinite alternate pulse } @keyframes pulse { from { transform: scale(.9) } to { transform: scale(1.1) } } .index-demo4 .product-availability .text-primary, .index-demo4 .quickview-modal .text-primary, .text-primary { color: var(--bs-primary) !important } .text-gray { color: #757575 } input:-moz-placeholder, textarea:-moz-placeholder { opacity: .7 } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: .7 } input::-moz-placeholder, textarea::-moz-placeholder { opacity: .7 } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: .7 } .customRadio { display: flex; flex-wrap: wrap; margin: 0 0 10px; line-height: 20px } .customCheckbox input[type=checkbox], .customRadio input[type=radio] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); display: none } .customRadio input[type=radio] + label { position: relative; padding: 0 0 0 30px; margin-bottom: 0; cursor: pointer; line-height: 20px } .customRadio input[type=radio] + label:before { content: ''; background: #fff; border: 1px solid #d0d0d0; height: 20px; width: 20px; border-radius: 50%; position: absolute; top: 0; left: 0 } .customRadio input[type=radio] + label:after { content: ''; background: #333; width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 5px; left: 5px; opacity: 0; -webkit-transform: scale(2); transform: scale(2); -webkit-transition: transform .3s linear,opacity .3s linear; transition: transform .3s linear,opacity .3s linear } .customRadio input[type=radio]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .customCheckbox { display: flex; flex-wrap: wrap; margin: 0; line-height: 18px } .d-flex-center, .d-flex-wrap { display: -webkit-flex; display: -ms-flexbox; -ms-flex-wrap: wrap } .customCheckbox input[type=checkbox] + label { position: relative; padding: 0 0 0 25px; margin-bottom: 0; cursor: pointer; line-height: 18px } .customCheckbox input[type=checkbox] + label:before { content: ''; background: #fff; border: 1px solid #d0d0d0; height: 18px; width: 18px; position: absolute; top: 0; left: 0 } .customCheckbox input[type=checkbox] + label:after { content: ''; border-style: solid; border-width: 0 0 2px 2px; border-color: transparent transparent #333 #333; width: 12px; height: 6px; position: absolute; top: 5px; left: 3px; opacity: 0; -webkit-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); -webkit-transition: transform .3s linear,opacity .3s linear; transition: transform .3s linear,opacity .3s linear } .customCheckbox input[type=checkbox]:checked + label:after { opacity: 1; -webkit-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); color: #6d6d6d } .d-flex-wrap { display: flex; flex-wrap: wrap } .d-flex-center { display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .d-flex-justify-center { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .fl-1 { flex: 1; -webkit-flex: 1; -ms-flex: 1 } .bg-square-hv, .zoom-scal { position: relative; overflow: hidden; display: block } .zoom-scal:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.1); overflow: hidden; opacity: 0; z-index: 2; -webkit-transition: .5s; transition: .5s } .zoom-scal:hover:before, .zoomscal-hov:hover .zoom-scal:before { overflow: visible; opacity: 1 } .zoom-scal img { -webkit-transition: .7s; transition: .7s } .zoom-scal:hover img, .zoomscal-hov:hover .zoom-scal img { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1) } .payment-accordion-radio .card .card-header .card-link:before, .step-checkout .nav-item:first-child .nav-link:after, .tabs-listing .product-tabs.style2 li a:before, .zoom-scal-nopb:before { content: none } .team-section .team-item:hover .social-icons, .zoom-scalno img, .zoom-scalno:hover img { -webkit-transform: none; transform: none } .bg-square-hv:after, .bg-square-hv:before { content: ""; background: rgba(255,255,255,.2); opacity: 1; position: absolute; -webkit-transition: .7s ease-in; transition: .7s ease-in } .bg-square-hv:before { bottom: 0; left: 50%; right: 51%; top: 0 } .bg-square-hv:after { bottom: 50%; left: 0; right: 0; top: 50% } .bg-square-hv:hover:before { left: 0; right: 0; opacity: 0 } .bg-square-hv:hover:after { bottom: 0; top: 0; opacity: 0 } .rounded-3 { border-radius: 3px !important } .rounded-4 { border-radius: 4px !important } .rounded-5 { border-radius: 5px !important } .rounded-7 { border-radius: 7px !important } .rounded-8 { border-radius: 8px !important } .rounded-10 { border-radius: 10px !important } .rounded-15 { border-radius: 15px !important } .rounded-20 { border-radius: 20px !important } .rounded-30 { border-radius: 30px !important } .rounded-left0 { border-top-left-radius: 0; border-bottom-left-radius: 0 } .rounded-start-0, .rounded-top-0 { border-top-left-radius: 0 !important } .rounded-bottom-0, .rounded-start-0 { border-bottom-left-radius: 0 !important } .rounded-right0 { border-top-right-radius: 0; border-bottom-right-radius: 0 } .rounded-end-0, .rounded-top-0 { border-top-right-radius: 0 !important } .rounded-bottom-0, .rounded-end-0 { border-bottom-right-radius: 0 !important } .rounded-pill-start { border-bottom-left-radius: 50rem !important; border-top-left-radius: 50rem !important } .rounded-pill-end { border-top-right-radius: 50rem !important; border-bottom-right-radius: 50rem !important } .shadow-15 { box-shadow: 0 5px 15px rgba(33,37,41,.08) } .grid-mr-20 { margin: -10px } .grid-mr-20 .col-item { padding: 10px; margin: 0 } .row.g-0 { margin-left: 0 !important; margin-right: 0 !important } .row.g-0 > * { padding-left: 0 !important; padding-right: 0 !important } .slick-next, .slick-prev { width: 30px; height: 30px; position: absolute; z-index: 9; display: inline-flex; align-items: center; justify-content: center; line-height: normal; font-size: 0px; padding: 0; cursor: pointer; background: 0 0; color: transparent; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); border: none; opacity: 1; -ms-transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out } .slick-prev { left: 10px } .slick-next { right: 10px } .slick-next:before, .slick-prev:before { font-family: annimex-icons; font-size: 18px; color: #333; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; display: block } .slick-next:hover:before, .slick-prev:hover:before, .upsell-bundle .usbRow:not(.active) .customCheckbox input[type=checkbox] + label::after { opacity: 1 } .slick-prev:before { content: "\ea8b" } .slick-next:before { content: "\ea8c" } .slick-dots { margin: 0; width: auto; padding: 0; list-style: none; position: absolute; bottom: -10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .slick-dots li { position: relative; display: inline-block; padding: 0; cursor: pointer; margin: 0 4px } .slick-dots li button { line-height: 0; font-size: 0; background: 0 0; display: block; cursor: pointer; color: #fff; width: 14px; height: 14px; text-indent: -9999px; padding: 0; border-radius: 50px; border: 1px solid var(--bs-primary); transition: .2s; -webkit-transition: .2s; -ms-transition: .2s; opacity: 1 } .slick-dots li.slick-active button { background: var(--bs-primary); border-color: var(--bs-primary) } .slick-arrow-dots .slick-arrow { opacity: 0; visibility: hidden; width: 35px; height: 35px; background-color: rgba(255,255,255,.7); border-radius: 100% } .arwOut5 .slick-arrow:before, .avg-rating .product-review .icon, .compare-table .product-review .icon, .ctg-bnr-wrap .ctg-des, .hero-details, .index-demo4 .newsletter-modal .text, .index-demo7 .collection-banner-grid .details .small-title, .products-lookbook-section .lookbook-shop .products .btn-shop .icon, .sideProSlider .slick-next:before, .sideProSlider .slick-prev:before, .slick-arrow-dots .slick-arrow:before, .spr-header .product-review .icon { font-size: 16px } .slick-arrow-dots:hover .slick-arrow { opacity: 1; visibility: visible; box-shadow: 0 0 2px rgba(0,0,0,.2) !important } .arwOut5 .slick-arrow:hover, .slick-arrow-dots .slick-arrow:hover { background-color: rgba(255,255,255,.9); box-shadow: 0 0 4px rgba(0,0,0,.3) !important } .slick-arrow-dots .slick-dots { position: relative; bottom: 0; margin-top: 20px } .arwOut5 .slick-arrow { width: 40px; height: 40px; background-color: rgba(255,255,255,.6); border-radius: 100px } .preLoader:after, .preLoader:before { content: ''; background: var(--bs-primary); position: absolute; box-sizing: border-box } .arwOut5 .slick-prev { left: -50px } .arwOut5 .slick-next { right: -50px } .arrowlr-0 .slick-prev { left: 0 !important } .arrowlr-0 .slick-next { right: 0 !important } .product-details-img .product-thumb-horizontal .slick-list, .slick-slider.gp5 .slick-list { margin: 0 -5px } .slick-slider.gp10 .slick-slide, .slick-slider.gp5 .slick-slide, .topbar-slider .top-info-bar { padding: 0 5px } .slick-slider.gp10 .slick-list { margin: 0 -10px } .slick-slider.gp15 .slick-list { margin: 0 -15px } .slick-slider.gp15 .slick-slide { padding: 0 15px } .circle-dots .slick-dots li button { position: relative; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #333; background: 0 0 } .circle-dots .slick-dots li button:after { content: ""; width: 7px; height: 7px; display: block; background: 0 0; border-radius: 50%; margin: 0 auto } .awards-items:hover .awards-icon, .circle-dots .slick-dots li.slick-active button:after, .rounded-dots .slick-dots li.slick-active button, .secure-dots .slick-dots li.slick-active button { background: #333 } .rounded-dots .slick-dots li button { position: relative; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #333; background: 0 0 } .secure-dots .slick-dots li button { position: relative; width: 12px; height: 12px; border-radius: 0; border: 1px solid #333; background: 0 0 } .circle-arrow .slick-arrow, .size-swatches li.rounded, .size-swatches li.rounded .swatchLbl, .size-swatches li.rounded:after, .swatches li.rounded, .swatches li.rounded .swatchLbl, .swatches li.rounded img, .swatches li.rounded:after { border-radius: 50% !important } .layout-fullwidth .slick-slider .slick-prev { left: -10px } .layout-fullwidth .slick-slider .slick-next { right: -10px } #pre-loader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; height: 100%; width: 100%; position: fixed; margin-top: 0; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 999999; opacity: .8; -webkit-transition: opacity .5s; transition: opacity .5s } #pre-loader span, .fullpage-loader span { width: 6vmin; height: 6vmin; background-color: var(--bs-primary); border-radius: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; -webkit-animation-name: move; animation-name: move; -webkit-animation-timing-function: cubic-bezier(0.4,0,1,0.8); animation-timing-function: cubic-bezier(0.4,0,1,0.8); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 3s; animation-duration: 3s; top: calc(50% - 4vmin); right: 50%; -webkit-transform-origin: -4vmin center; transform-origin: -4vmin center } #pre-loader span:first-child, .fullpage-loader span:first-child { -webkit-animation-delay: -.5s; animation-delay: -.5s; opacity: 1 } #pre-loader span:nth-child(2), .fullpage-loader span:nth-child(2) { -webkit-animation-delay: -1s; animation-delay: -1s; opacity: 1 } #pre-loader span:nth-child(3), .fullpage-loader span:nth-child(3) { -webkit-animation-delay: -1.5s; animation-delay: -1.5s; opacity: 1 } #pre-loader span:nth-child(4), .fullpage-loader span:nth-child(4) { -webkit-animation-delay: -2s; animation-delay: -2s; opacity: 1 } #pre-loader span:nth-child(5), .fullpage-loader span:nth-child(5) { -webkit-animation-delay: -2.5s; animation-delay: -2.5s; opacity: 1 } #pre-loader span:nth-child(6), .fullpage-loader span:nth-child(6) { -webkit-animation-delay: -3s; animation-delay: -3s; opacity: 1 } .pre-loader-in { position: absolute; top: 50%; left: 50%; margin: 0 auto; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%) } .blog-item .blog-img, .breadcrumbs .icon, .header, .header-vertical-menu, .iconset, .layout-boxed, .page-title h1, .preLoader, .product-details, .product-details-img .zoompro-wrap, .search-form, .slideshow .slide, .slideshow-wrapper, .top-info-bar, .vertical-menu-content li .dropdown .sub-menu, .vertical-menu-content li.dropdown-in { position: relative } .preLoader { color: #fff; display: inline-block; margin-top: 0; font-size: 48px; line-height: 1; letter-spacing: 4px; box-sizing: border-box } .preLoader:before { right: 86px; bottom: 4px; height: 34px; width: 7px } .preLoader:after { width: 14px; height: 14px; left: 144px; top: -11px; border-radius: 50%; animation: 1s ease-in infinite animloader } @keyframes animloader { 0% { transform: translateY(8px) scaleY(1) scaleX(1.25) } 25%,75% { transform: translateY(-5px) scaleY(1.2) scaleX(1) } 50% { transform: translateY(-10px) scaleY(1) scaleX(1) } 100% { transform: translateY(8px) scaleY(.8) scaleX(.8) } } .container { max-width: 1520px; padding-left: 15px; padding-right: 15px } .container-fluid { padding: 0 50px } .container-1330 { max-width: 1330px } .layout-boxed { max-width: 1400px; margin: 0 auto 30px; background: #fff; box-shadow: 0 0 5px 0 rgba(0,0,0,.15) } .layout-boxed .container, .layout-boxed .container-fluid, .layout-fullwidth .container, .layout-fullwidth .container-fluid { max-width: 100%; padding-left: 30px; padding-right: 30px } .layout-boxed .sticky-header { max-width: 1400px; margin: 0 auto; right: 0 } .breadcrumbs-wrapper { background: #f9f9f9; margin: 0 0 30px } .breadcrumbs-wrapper .container, .index-demo9 .top-info-bar .item, .top-info-bar .item { padding-top: 10px; padding-bottom: 10px } .breadcrumbs .icon, .breadcrumbs a, .breadcrumbs span { color: #333; display: inline-block; padding: 0; margin: 0; font-size: .725rem; text-transform: uppercase } .index-demo2 .newsletter-modal.style2 .title, .index-demo6 .section-header h2, .index-demo7 .section-header h2, .newsletter-modal.style2 .title, .page-title h1 { font-size: 25px } .breadcrumbs span.main-title { padding-right: 0; margin-right: 0 } .breadcrumbs .icon { font-size: .925rem; top: 0; padding: 0 3px; margin: 0 3px; color: var(--bs-orange) } .header.is-fixed, .main-menu-outer.is-fixed { max-width: 100%; top: -120px; width: 100%; z-index: 1000; position: fixed; left: 0; right: 0 } .breadcrumbs .main-title, .footer-10.footer.ftr-bg-black .footer-top .h4, .slideshow .ss-mega-title b { font-weight: 700 } .page-header { background-color: #fff; padding: 7px 0; margin-bottom: 15px; background-position: center center; background-size: cover; background-repeat: no-repeat; border: 1px solid #e6e6e6 } .page-header .page-title h1 { margin: 0 !important; padding: 5px 0; font-size: 16px } .page-title strong { font-weight: 600; font-size: .725rem; margin: 0; text-transform: uppercase } .minicart-header > h4, .section-header h2 { font-weight: 700; text-transform: uppercase } .newsletter-modal.style2 .newsltr-text { padding: 40px; border: 4px solid #fff } .section-header { margin-bottom: 40px } .section-header h2 { font-size: 25px; line-height: 1.3; margin: 0 auto 10px } .section-header p { margin: 5px 0 0; display: block; color: #888; font-size: 18px } .footer-contact p, .lookbook-shop .grid-lb .pro-img, .section-header .small-tlt, .text-content p { margin: 0 0 10px } .footer .footer-top, .section { padding-top: 60px; padding-bottom: 60px } .footer-3 .footer-logo-links, .index-demo9 .footer-3 .footer-logo-links, .section-md { padding-top: 40px; padding-bottom: 40px } .section-sm { padding-top: 30px; padding-bottom: 30px } .pb-section { padding-bottom: 50px } .pt-section { padding-top: 50px } .no-pb-section { padding-bottom: 0 !important } .no-pt-section { padding-top: 0 !important } #page-content { margin: 0 0 60px } .top-header { display: flex; flex-wrap: wrap; align-items: center; color: #fff; background: #333; font-size: 13px; padding-top: 10px; padding-bottom: 12px; min-height: 35px; text-transform: uppercase } .marquee-text, .top-promo-bar.style1 { background-color: #333; overflow: hidden } .category-item .details.whiteText .category-title, .classicHeader:not(.stickyNav) #siteNav > li > a, .classicHeader:not(.stickyNav) .iconset .hdr-icon, .classicHeader:not(.stickyNav) .iconset .hdr-text, .collection-banner-grid .details.whiteText .small-title, .collection-banner-grid .details.whiteText h3, .collection-banner-grid .details.whiteText p, .footer-8 .footer-logo-links .social-icons li a, .footer-8 .ftr-links a, .footer-contact a, .footer-links a, .footer.ftr-bg-black .footer-bottom a, .footer.ftr-bg-black .footer-middle a, .footer.ftr-bg-black .footer-top a, .footer.ftr-bg-gray .footer-top .h4, .header-10 #siteNav > li > a, .header-10 .iconset .hdr-icon, .header-6 #siteNav > li > a, .header-6 .store-link, .header-7 #siteNav > li > a, .header-7 .iconset:hover .iconCot .hdr-icon, .header-7 .store-link, .hero-saleTime.dark .time-count, .hero-saleTime.dark span > span, .index-demo4 .footer .footer-bottom .social-icons li a, .index-demo4 .top-header a, .index-demo5 .top-promo-bar.style1 .item a, .index-demo9 .top-promo-bar.style1 .counter-inline .ht-count, .lookbook-grid .lookbook-caption.black .content > *, .lookbook-grid .lookbook-caption.mainclr .content > *, .marquee-text .top-info-bar a, .newsletter-modal .whiteText, .newsletter-modal .whiteText .social-icons a:not(:hover), .newsletter-modal .whiteText .title, .saleTime.dark .time-count, .saleTime.dark span > span, .sec-bg-black h6, .slideshow .whiteText .ss-mega-title, .slideshow .whiteText .ss-small-title, .slideshow .whiteText .ss-sub-title, .top-header a, .top-promo-bar.style1, .topbar-slider-items a { color: #fff } .index-demo3 .top-info-bar .item a:focus, .index-demo3 .top-info-bar .item a:hover, .top-header a:hover { color: #f4f4f4 } .top-header .social-icons { display: inline-block; font-weight: 400; margin: 0 } .top-header .social-icons li, .top-header .social-icons li a { list-style: none; display: inline-flex; align-items: center } .footer-bottom .social-icons li:not(:last-child), .top-header .social-icons li:not(:last-child) { margin-right: 14px } .top-header.bg-white { color: #333; border-bottom: 1px solid #e6e6e6 } .top-header .left-brd > :not(:last-child) { margin-right: 15px; padding-right: 15px; border-right: 1px solid #494c51 } .social-sharing .btn:first-child, .toolbar .view-mode .icon-mode:first-of-type, .top-header .left-brd .select-wrap { margin-left: 0 } .top-promo-bar.style1 .alert { padding: 0; margin: 0; border: 0 !important } .top-promo-bar.style1 .item { padding: 5px 20px 5px 0; min-height: 35px } .top-promo-bar.style1 .item, .top-promo-bar.style1 .item a { color: #fff; font-size: 13px; letter-spacing: .3px; text-transform: uppercase } .top-promo-bar.style1 .item .btn-close { color: #fff; font-size: 15px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: auto; width: auto; line-height: 1; background: 0 0; padding: 0; margin: 0; opacity: 1 } .top-promo-bar.style1 .item .btn-sm { font-size: 12px; padding: 7px 10px } .button-bottom-action .button-right, .color-options div, .select-wrap .option, .top-promo-bar .slick-track { display: flex; align-items: center } .top-info-bar { color: #fff; z-index: 49 } .top-info-bar .item a { color: #fff; font-size: 14px } .classicHeader:not(.stickyNav) #siteNav > li > a:hover, .classicHeader:not(.stickyNav) .iconset .hdr-icon:hover, .classicHeader:not(.stickyNav) .iconset .hdr-text:hover, .footer.ftr-bg-black .footer-bottom a:hover, .footer.ftr-bg-black .footer-middle a:hover, .footer.ftr-bg-black .footer-top a:hover, .top-info-bar .item a:hover { color: #fff; opacity: .8 } .marquee-text { color: #333; background-color: #f5f5f5; font-size: 12px; font-weight: 400; padding: 5px 0; box-sizing: border-box; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center } .marquee-text .top-info-bar { background-color: transparent; padding: 5px 0 } .marquee-text .top-info-bar .flex-item { animation: 30s linear infinite reverse ticker; -webkit-animation: 30s linear infinite reverse ticker; flex-shrink: 0 } .marquee-text .top-info-bar:hover .flex-item { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; -ms-animation-play-state: paused; animation-play-state: paused } .marquee-text .top-info-bar a i { color: var(--bs-success); vertical-align: middle; font-size: 18px; margin-left: 6px; font-weight: 400; position: relative; top: -1px } .marquee-text .top-info-bar a span { color: #333; padding: 0 40px } @-webkit-keyframes ticker { 0% { transform: translateX(0) } 100% { transform: translateX(-100%) } } @keyframes ticker { 0% { transform: translateX(0) } 100% { transform: translateX(-100%) } } .header { width: 100%; min-height: 70px } .header.is-fixed { background: #fff; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .header.is-fixed.is-small { top: 0; box-shadow: 0 0 5px rgba(0,0,0,.2) !important; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2) !important } .main-menu-outer.is-fixed { background: 0 0; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .main-menu-outer.is-fixed.is-small { top: 0; box-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2) } .header-7 .main-menu-outer.is-fixed { position: fixed } .about-review .slick-dots li button, .footer.ftr-bg-black .footer-top a:before, .header-9 .main-menu-outer.is-fixed, .model-thumbnail-img .carousel-arrow:hover { background-color: #fff } .header-10, .header-10.is-fixed { background-color: #090909 } .logo a { display: block; opacity: 1 } .logo img { display: block; max-width: 170px; max-height: 39px } .iconset { display: inline-block; color: #333; padding: 0 8px; cursor: pointer } .iconset .hdr-icon { color: #333; font-size: 18px; text-decoration: none; transition: .3s ease-in-out } .cart-count, .wishlist-count { font-size: 10px; display: inline-block; color: #fff; border-radius: 50%; text-align: center; width: 15px; height: 15px; line-height: 15px; position: absolute; right: -5px; top: -4px } .cart-count, .product-availability .progress-bar, .top-info-bar { background-color: var(--bs-primary) } .wishlist-count { background-color: #1f6bc1 } #accountBox, #cart-drawer, #settingsBox { color: #333; text-align: left; background-color: #fff; box-shadow: 0 0 15px rgba(5,0,0,.1); -ms-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } #accountBox, #settingsBox { visibility: hidden; opacity: 0; padding: 20px; margin: 10px 0 0; width: 170px; border-radius: 0; position: absolute; top: 130%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 99 } #accountBox.active, #settingsBox.active, .account-parent:hover #accountBox, .setting-parent:hover #settingsBox { visibility: visible; opacity: 1; top: 100% } #settingsBox { width: 253px } #settingsBox .ttl { margin: 0 0 10px; display: block } .cnrLangList li { display: inline-block; margin: 0 6px 6px 0; cursor: pointer } .cnrLangList li a { display: block; font-size: 13px; text-transform: none; padding: 2px 10px; border: 1px solid rgba(0,0,0,.3) } .cnrLangList li a.active, .cnrLangList li a:hover { color: #fff; border: 1px solid #333; text-decoration: none; background: #000 } .customer-links li .icon { min-width: 20px; font-size: 14px; margin-right: 5px } .customer-links li:not(:last-child) { margin: 0 0 7px } #minicart-drawer, .minicart-right-drawer { width: 350px } #cart-drawer { color: #333; width: 100%; height: 100%; overflow: auto; z-index: 999 } #cart-drawer.active, .faqs-style2 .accordion .accordion-header .accordion-button:after, .product-details-img .product-thumb .slick-next, .sideProSlider .slick-next { right: 0 } #account-drawer .close-cart, #minicart-drawer .close-cart { color: #fff; background-color: var(--bs-primary); font-size: 15px; line-height: 32px; height: 30px; width: 30px; text-align: center; cursor: pointer; position: absolute; top: 10px; right: 100%; box-shadow: 0 0 5px #ddd; -ms-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } #cart-drawer .minicart-bottom, .button-set-bottom .btn, .index-demo1 .collection-slider .category-item .counts, .index-demo10 .service-section h6, .index-demo3 .testimonial-slider .text-muted, .index-demo3 .top-info-bar .item a, .index-demo4 .collection-banner-grid.two-bnr .details .subtitle, .index-demo4 .service-info p, .index-demo5 .category-item .counts, .lookbook-shop .grid-lb .btn-shop-close .icon, .lookbook-shop .grid-lb .detail .product-price .price, .minicart-modal-style .minicart-content .item .variant-cart, .sidebar .item-meta, .sub-collection .category-item .counts, .weekly-product .slick-next:before, .weekly-product .slick-prev:before { font-size: 13px } .minicart-header { border-bottom: 1px solid #e8e8e8; margin: 0 0 15px; padding: 0 0 15px } .minicart-header > h4 { color: #333; text-align: right; margin: 0 } .qtyField .qtyBtn, .qtyField input { text-align: center; height: 40px; margin: 0 } .minicart-content { padding: 0 20px; margin: 0; z-index: 1001; position: absolute; left: 0; overflow: hidden auto; width: 100%; height: calc(100% - 200px) } .minicart-content .item { padding: 0 0 15px; margin: 0 0 15px; line-height: normal; display: block; border-bottom: 1px solid #eee } .minicart-content .item .product-image { max-width: 23%; flex: 1; -webkit-flex: 1; -ms-flex: 1 } .minicart-content .item .product-details { width: 75%; flex: 1; -webkit-flex: 1; -ms-flex: 1; padding-left: 15px; padding-right: 10px; text-align: right } .minicart-content .item .product-title { color: #333; font-size: 11px; white-space: normal; text-decoration: none; display: block; margin-bottom: 0; font-weight: 400 } .minicart-content .item .remove { color: #5c5c5c; display: inline-block; font-size: 12px; padding: 10px 5px 0 } .minicart-content .item .qtyField span { display: inline-block; padding: 0; border: 0 } .minicart-content .item .variant-cart { color: #6c757d; font-size: 13px } .minicart-content .item .qtyField { width: 77px } .minicart-content .item .qtyField .qtyBtn, .quickshop-modal .qtyField .qtyBtn, .quickshop-modal .qtyField input { height: 35px } .minicart-content .item .qtyField .qty { width: 77px; height: 35px; padding: 0 20px } .minicart-bottom { color: #333; font-size: 13px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 20px 20px } .minicart-bottom .shipinfo { background-color: #f6f6f6; padding: 15px 20px; margin-left: -20px; margin-right: -20px } .minicart-bottom .shipinfo .progress-bar { width: 50%; background-color: rgba(41,51,85,.7) } .minicart-bottom .subtotal .totalInfo span { float: right; text-transform: uppercase; font-size: 16px; text-align: right; font-weight: 700; margin: 0 } .minicart-bottom .subtotal .totalInfo .product-price { float: left; color: #333 } .minicart-modal-style .minicart-right-drawer .modal-dialog { max-width: 770px } .minicart-modal-style .minicart-bottom, .minicart-modal-style .minicart-content { position: static } .minicart-modal-style .minicart-content { width: 55%; height: auto; float: left; padding: 0 20px 0 0; border-right: 1px solid #eee } .minicart-modal-style .minicart-bottom { width: 45%; height: auto; float: left; padding: 0 0 0 20px } .minicart-modal-style #cart-drawer, .minicart-modal-style .minicart-right-drawer .modal-content { height: auto; border-radius: 10px } .minicart-modal-style .minicart-content .item:last-of-type { border-bottom: 0; padding-bottom: 0; margin-bottom: 0 } .minicart-modal-style .minicart-bottom .shipinfo { margin-left: 0; margin-right: 0 } .product-vendor { color: #9b9b9b; font-size: 12px; margin: 0 0 2px; text-transform: uppercase; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical } .product-review { margin: 7px -2px 0; line-height: 1 } .product-review .icon { color: var(--bs-yellow); font-size: 13px; margin: 0 2px } .product-price { margin: 5px 0 } .product-price .old-price { opacity: .6; text-decoration: line-through; color: #333 !important; padding-right: 10px } .product-price .old-price + .price { padding-left: 10px; color: var(--bs-primary) } .collection-style1 .category-item:hover .category-title, .dashboard-content .btn-link, .dashboard-tab .nav-tabs .nav-item .nav-link:hover, .dashboard-tab .nav-tabs .nav-item.show .nav-link, .dashboard-tab .nav-tabs .nav-link.active, .discount-badge .off, .faqs-style2 .accordion .accordion-header .accordion-button.collapsed:hover, .footer-contact a:hover, .footer-links a:hover, .footer.ftr-bg-gray .footer-middle a:hover, .footer.ftr-bg-gray .footer-top a:hover, .hot-categories .hot-cat-wrap:hover h6 a, .morelist .more:hover, .pro-stockLbl .items, .product-price .price, .search-form .search-btn:hover, .sidebar-categories .sub-level > a.active, .sidebar-categories .sub-level > a:hover, .tags-list li a:hover, .tags-list li.active a, .vertical-menu-content .megamenu li ul li a:hover, .vertical-menu-content .moreCategories:hover, .vertical-menu-content .sub-menu:hover > a:after, .vertical-menu-content li .dropdown li a:hover, .vertical-menu-content li .dropdown li:hover > a, .vertical-menu-content ul > li .nav-link:hover, .video-button .icon:hover, .video-popup-content .icon:hover { color: var(--bs-primary) } .qtyField input { padding: 0 25px; width: 86px } .qtyField .qtyBtn { padding: 8px; color: #333; width: 30px; display: flex; align-items: center; justify-content: center; background: 0 0; border: none; position: absolute; left: 0; font-size: 14px; font-weight: 500 } .qtyField .qtyBtn .icon { font-size: 10px } .qtyField .qtyBtn.plus { left: auto; right: auto } .qtyField .qtyBtn.minus, .text-left .select-wrap .select-ul { left: 0; right: auto } .qtyField.md, .qtyField.md input { width: 90px !important } .qtyField.md .qty, .qtyField.md .qtyBtn { height: 40px !important } .search-drawer { padding: 20px 0; height: auto; max-height: inherit; bottom: auto } .search-drawer .btn-close { padding: 0; width: 15px; height: 15px } .search-drawer .action { width: 50px; font-size: 16px; padding: 0 } .search-drawer .search-products { border-top: 1px dashed #ddd; margin-top: 30px; padding-top: 30px } .search-inline-brd .searchField .input-group-btn, .search-inline-brd .searchField .input-group-field, .search-inline-brd .searchField .rgsearch-category { padding-top: 0; padding-left: 0; padding-bottom: 0; height: 35px; border-bottom: 1px solid #ccc !important } .search-inline-brd .searchField .input-group-field, .sidebar-categories .sub-level > a { padding-right: 25px } .search-inline-brd .searchField .input-group-btn { position: absolute; right: 10px; width: auto; min-width: inherit; padding: 0 } #siteNav { margin: 0 auto; padding: 0; list-style: none; display: flex; flex-wrap: wrap } #siteNav.right { text-align: right; justify-content: flex-end } #product-form-addtocart .product-details, #siteNav.left, .compare-style2-page .compare-table table th, .compare-style2-page .compare-table table tr th:first-child, .compare-table table td { text-align: left } #siteNav.center { text-align: center; justify-content: center } @media (min-width:990px) { #siteNav a, #siteNav > li.dropdown, #siteNav > li.mdropdown, .header .container, .header .container-fluid, .menu-position-left #siteNav > li { position: relative } #siteNav > li .dropdown li:hover > ul, #siteNav > li:hover > .dropdown, #siteNav > li:hover > .megamenu { top: 100%; opacity: 1; visibility: visible } .header .container .d-menu-col { position: static } #siteNav a { text-decoration: none; font-size: 0.825rem; display: block; opacity: 1; -webkit-font-smoothing: antialiased; letter-spacing: .04em } .site-nav .list-container .col ul li a { font-size: 14px !important; } #siteNav > li { display: inline-block; text-align: left } .header-9 #siteNav > li { margin: 0 10px } #siteNav > li > a { color: #333; line-height: 40px; padding: 8px 15px; text-transform: uppercase; display: inline-flex; align-items: center } #siteNav.medium > li a { font-weight: 600 } .classicHeader #siteNav.medium > li a { font-size: 14px } #siteNav.hidearrow > li > a .icon { display: none } #siteNav > li > a .icon { font-size: 18px; margin-right: 5px; -ms-transition: .2s ease-in; -webkit-transition: .2s ease-in; transition: .2s ease-in } #siteNav > li:hover > a, #siteNav > li > a:hover, #siteNav > li > a:hover:hover { color: #333 } #siteNav a .lbl, #siteNav > li > a .navLbl { color: #fff; display: inline-block; font-weight: 400 } #siteNav > li:hover > a > .icon { -webkit-transform: rotate(180deg); transform: rotate(180deg) } #siteNav > li .megamenu { opacity: 0; visibility: hidden; padding: 25px; max-width: 100%; min-width: 900px; width: 100%; margin: 0 auto; position: absolute; top: 130%; left: 0; right: 0; z-index: 999; background-color: #fff; border-radius: 0; box-shadow: 2px 2px 1px 0 rgba(0,0,0,.3); pointer-events: none; -ms-transition: .3s; -webkit-transition: .3s; transition: .3s; max-height: 600px; overflow: auto; box-shadow: 0 0 15px rgba(0,0,0,.1) } #siteNav > li .megamenu ul { padding: 0; list-style: none; text-align: right } #siteNav > li:hover > .megamenu { pointer-events: visible } #siteNav > li .megamenu .menu-title { color: var(--bs-primary); font-size: 14px; text-transform: uppercase; padding: 0 0 8px !important; font-weight: 600 !important } #siteNav > li .megamenu li.lvl-1 li .site-nav { color: #333; padding: 3px 0; font-weight: 400 } #siteNav > li .megamenu li.lvl-1 li .site-nav:hover { color: #333 } #siteNav > li .megamenu .subLinks .site-nav:before { content: ""; display: inline-block; width: 0; height: 2px; vertical-align: middle; background-color: #333; -ms-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } #siteNav > li .megamenu .subLinks .site-nav:hover:before { width: 5px; margin-right: 3px } #siteNav > li .megamenu.style2 { width: 800px } #siteNav > li .megamenu .imageCol { padding-bottom: 25px } #siteNav > li .megamenu .lvl-1 .site-nav { padding: 3px 0; font-weight: 400 } #siteNav > li > a .navLbl { white-space: nowrap; background-color: #f19280; font-size: 10px; line-height: normal; padding: 1px 5px; border-radius: 0; position: absolute; top: -1px; left: 50% } #siteNav > li > a .navLbl:after { content: " "; display: block; width: 0; height: 0; border: 3px solid transparent; border-top-color: #f19280; border-left-color: #f19280; position: absolute; bottom: -4px; left: 0 } #siteNav > li > a .navLbl.new { background-color: #83cc52 } #siteNav > li > a .navLbl.new:after { border-top-color: #83cc52; border-left-color: #83cc52 } #siteNav a .lbl { background-color: #0a9339; font-size: 9px; line-height: 1; text-transform: uppercase; padding: 4px 5px; position: relative; vertical-align: middle; border-radius: 2px; margin-left: 3px } #siteNav a .lbl:after { content: " "; display: block; width: 0; height: 0; position: absolute; bottom: 5px; left: -8px; border: 4px solid transparent; border-right-color: #0a9339 } #siteNav a .lbl.nm_label1 { background-color: red } #siteNav a .lbl.nm_label1:after { border-right-color: red } #siteNav a .lbl.nm_label2 { background-color: #0a9339 } #siteNav a .lbl.nm_label2:after { border-right-color: #0a9339 } #siteNav a .lbl.nm_label3 { background-color: #fb6c3e } #siteNav a .lbl.nm_label3:after { border-right-color: #fb6c3e } #siteNav a .lbl.nm_label4 { background-color: #fdb818 } #siteNav a .lbl.nm_label4:after { border-right-color: #fdb818 } #siteNav a .lbl.nm_label5 { background-color: #af4de2 } #siteNav a .lbl.nm_label5:after { border-right-color: #af4de2 } #siteNav > li ul.dropdown li a .icon { font-size: 17px; position: absolute; left: 10px; top: 10px } #siteNav > li .dropdown, #siteNav > li .dropdown ul { background-color: #fff; list-style: none; opacity: 0; visibility: hidden; width: 250px; border-radius: 0; position: absolute; top: 130%; right: 0; z-index: 999; box-shadow: 0 0 15px rgba(0,0,0,.1); -ms-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; padding: 10px } #siteNav > li ul.dropdown li { position: relative; border-top: 1px solid #f4f4f4 } #siteNav > li ul.dropdown li:first-child { border: 0 } #siteNav > li ul.dropdown li a { color: #333; text-align: right; background-color: #fff; font-weight: 400; padding: 8px 12px } #siteNav > li ul.dropdown li a:hover, #siteNav > li ul.dropdown li:hover > a { color: #333; background-color: #fff } #siteNav > li ul.dropdown li ul { top: 20px; left: 100% } #siteNav > li ul.dropdown li:hover > ul { top: 0 } #siteNav .grid-products.slick-slider .slick-arrow, .hdr-menu-left #siteNav > li .megamenu { margin: 0 } .index-demo2 .hdr-menu-left #siteNav > li > a { padding: 8px 13px } .index-demo2 .hdr-menu-left #siteNav > li:first-child > a, .index-demo4 .hdr-menu-left #siteNav > li:first-child > a { padding-left: 0 } .index-demo4 .hdr-menu-left #siteNav > li > a { padding: 8px 14px } .header-10 #siteNav > li .megamenu { max-width: 1300px } } @media only screen and (min-width:1025px) { .shop-grid-5 .grid-products .item.col-lg-2, .shop-grid-5 .item.col-xl-2 { -ms-flex: 0 0 20%; -webkit-flex: 0 0 20%; flex: 0 0 20%; width: 20% } } .weekly-product .product-name a { font-size: 13px !important; font-weight: 600 !important } .collection-style1 .category-item .counts, .filterBox ul:not(.filter-color) li:last-child label, .vertical-menu-content ul > li .moreSlideOpen, .weekly-product .product-price { margin: 0 } .weekly-product .product-review { margin-top: 5px } .banner-wrap, .lookbook-grid .lookbook-inner { position: relative; overflow: hidden } .banner-wrap .banner-content { position: absolute; top: 50%; left: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .banner-wrap .banner-content h4 { font-size: 14px; text-transform: uppercase; font-weight: 500; margin: 0 } .banner-wrap .banner-content h3 { font-size: 24px; margin: 10px 0 } .banner-wrap .banner-content .banner-save { margin: 0 0 15px; font-size: 20px; font-weight: 700; color: #333 } .banner-wrap .banner-discount { padding: 10px 15px; border-radius: 0; background-color: rgba(255,213,90,.8); position: absolute; top: 0; right: 0 } .banner-wrap .banner-discount h3 { color: #333; text-align: center; font-size: 13px; font-weight: 600; line-height: 1; margin: 0 } .weekly-product .product-details { position: static; bottom: 0; z-index: 9; padding: 10px; width: 100%; border-radius: 0 0 3px 3px; background-color: rgba(255,255,255,.8); background-image: linear-gradient(0deg,rgba(255,255,255,.99) 0,transparent 150px) } .grid-products.pro-hover4 .product-details .product-name, .product-name-price .product-name, .weekly-product .product-details .product-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; width: 100% } #siteNav .weekly-product .product-details .product-name a { display: inline } .weekly-product .product-labels .lbl { padding: 4px 12px } .weekly-product .slick-next, .weekly-product .slick-prev { top: -32px; transform: none; right: 0; left: auto; width: auto; height: auto } .weekly-product .slick-prev { right: 20px } .select-wrap { position: relative; user-select: none; margin-left: 15px } .select-wrap .default-option { background: 0 0; position: relative; cursor: pointer; margin: 0; padding-right: 10px } .select-wrap .default-option:before { content: "\eb66"; position: absolute; top: 50%; right: 0; font-family: annimex-icons; font-size: 14px; font-weight: 400; line-height: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 1px } .select-wrap .select-ul { opacity: 0; visibility: hidden; position: absolute; top: 130%; right: 0; z-index: 3; min-width: 65px; background: #fff; color: #333; border-radius: 0; padding: 0; margin: 5px 0 0; box-shadow: 0 2px 4px rgba(0,0,0,.1); -webkit-transition: .3s linear; transition: .3s linear } .select-wrap .select-ul li { padding: 5px 10px; cursor: pointer; border-top: 1px solid #f8f8f8 } .select-wrap .select-ul li:hover { background: #eaedf2; color: #333 } .select-wrap .option .icon { width: 17px; margin-right: 5px } .select-wrap.active .select-ul { opacity: 1; visibility: visible; top: 100% } .card-header .card-link[aria-expanded=true]:before, .select-wrap.active .default-option:before { content: "\eb69" } .text-left .select-wrap { margin-left: 0; margin-right: 15px } .classicTopbar { color: #fff; background: 0 0; border-bottom: 1px solid rgba(255,255,255,.1) } .classic-topHeader { position: absolute; left: 0; right: 0; z-index: 99 } .classicHeader.header.is-fixed { background-color: #2e2e2e } .classicHeader:not(.is-fixed) { position: absolute; left: 0; right: 0; z-index: 2 } .header-vertical-menu .menuTitle { color: #fff; font-size: 16px; padding: 20px 20px 10px; margin: 0; text-transform: uppercase } .header-vertical-menu .menu-title { background-color: #333; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; margin: 0; padding: 16px 15px; cursor: pointer; line-height: normal } .header-vertical-menu .menu-title:after { content: "\ea45"; font-family: annimex-icons; font-style: normal; font-size: 18px; font-weight: 400; position: absolute; right: 15px } .collection-top-filters .flTtl.show:after, .header-vertical-menu .menu-title.active:after, .tab-accordian-style .accordion-button:not(.collapsed):after { content: "\ea48" } .header-vertical-menu .menu-title .icon { font-size: 16px; margin-right: 10px } .header-vertical-menu .vertical-menu-content { width: 100%; background-color: #333; padding: 0 0 5px } .vertical-menu-content ul { list-style: none; padding: 0; margin: 0 } .vertical-menu-content ul > li { padding: 0 20px; position: relative } .topbar-slider .container-fluid, .vertical-menu-content .megamenu li ul li, .vertical-menu-content li .dropdown li, .vertical-menu-content ul > li .moreSlideOpen li { padding: 0 } .vertical-menu-content .moreCategories, .vertical-menu-content ul > li .nav-link { color: #fff; font-size: 13px; text-transform: uppercase; padding: 10px 0; border-bottom: 1px solid #434343 } .vertical-menu-content .moreCategories { position: relative; padding: 10px 20px; display: block; cursor: pointer } .vertical-menu-content .moreCategories:after { content: "\eafb"; font-family: annimex-icons; font-weight: 400; font-size: 12px; display: block; position: absolute; right: 10px; top: 0; width: 40px; height: 40px; line-height: 40px; text-align: center } .faqs-style .accordion .accordion-header .accordion-button[aria-expanded=true]:after, .lookbook-shop .products .btn-shop.active .icon:before, .vertical-menu-content .moreCategories.show:after { content: "\ead8" } .vertical-menu-content li .dropdown, .vertical-menu-content li .megamenu { min-width: 800px; background-color: #fff; visibility: hidden; opacity: 1; position: absolute; top: -9999px; left: 100%; margin: 0; box-shadow: 0 2px 35px rgba(0,0,0,.1); z-index: 1001; -webkit-transition: transform .3s ease-out; -ms-transition: transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate3d(10px,0,0); -ms-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } .vertical-menu-content li:hover .dropdown, .vertical-menu-content li:hover .megamenu { left: 100%; opacity: 1; visibility: visible; top: 0; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .vertical-menu-content .megamenu > li { padding: 20px; flex: 1; -ms-flex: 1; -webkit-flex: 1; margin: 0 } .vertical-menu-content .megamenu > li:last-child { flex: none; -webkit-flex: none; -ms-flex: none } .vertical-menu-content .has-submenu > a:after, .vertical-menu-content .sub-menu > a:after { content: "\eb68"; font-family: annimex-icons; font-weight: 400; font-size: 18px; position: absolute; right: 15px; margin-top: -3px } .vertical-menu-content .megamenu .sub-menu-title { color: #333; font-size: 15px; background-color: transparent; font-weight: 400; border-bottom: 1px solid #e6e6e6; margin: 0 0 10px; padding: 0 0 10px } .vertical-menu-content .megamenu li ul li a, .vertical-menu-content li .dropdown li a { color: #333; display: block; font-size: 14px; padding: 4px 0 } .vertical-menu-content .sub-menu > a:after { color: #333; right: 0 } .vertical-menu-content li .dropdown { min-width: 230px; padding: 20px } .vertical-menu-content li .dropdown .sub-menu > .sub-level2 { top: -20px; opacity: 0; visibility: hidden; -webkit-transform: translate3d(10px,0,0); -ms-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } .vertical-menu-content li .dropdown .sub-menu:hover > .sub-level2 { opacity: 1; visibility: visible; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .header-vertical-menu.toggle .vertical-menu-content { display: none; width: 100%; position: absolute; top: 100%; z-index: 100 } .menubar-mobile { position: fixed; bottom: 0; right: 0; left: 0; z-index: 999; overflow: auto hidden; padding: 5px; height: 47px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.12); transition: transform .25s } .button-set, .saleTime { box-shadow: 0 0 5px rgba(0,0,0,.1) } .menubar-mobile .menubar-item { position: relative; -ms-flex: 1 0 19%; flex: 1 0 19% } .menubar-mobile .menubar-item > a { position: relative; padding-right: 10px; padding-left: 10px; font-size: 15px; line-height: 1; display: flex; align-items: center; flex-direction: column; justify-content: center } .menubar-mobile .menubar-item > a .icon { color: var(--bs-gray-500) } .menubar-mobile .menubar-label { display: block; padding: 0; margin: 5px 0 0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 500; line-height: 1 } .menubar-mobile .counter { right: -12px } .hero-large, .slideshow-medium .slideshow-wrap { height: 600px } .slideshow-large .slideshow-wrap { height: 700px } .hero-exlarge, .slideshow-xlarge .slideshow-wrap { height: 900px } .slideshow .bottom-middle .slideshow-content-in { text-align: center; top: auto; bottom: 60px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%) } .slideshow .bottom-left .slideshow-content-in { top: auto; left: 60px; bottom: 60px; -ms-transform: none; -webkit-transform: none; transform: none } .slideshow .middle-center .slideshow-content-in { text-align: center; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .slideshow .middle-right .slideshow-content-in { text-align: right; right: 16%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) } .slideshow .middle-left .slideshow-content-in { text-align: left; left: 16% } .slideshow .middle-bottom .slideshow-content-in { right: 14%; bottom: 8%; top: auto; -ms-transform: none; -webkit-transform: none; transform: none } .slideshow .slideshow-content-in { position: absolute; max-width: 610px; width: 100%; top: 50%; z-index: 3; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) } .slideshow .wrap-caption { display: inline-block; padding: 25px } .slideshow .slideshow-overlay:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .5; z-index: 3 } .slideshow .wrap-caption.bg-white { background-color: rgba(255,255,255,.8) !important } .slideshow .animation.style1 { opacity: 0; -ms-transition: 1s .1s; -webkit-transition: 1s .1s; transition: 1s .1s; transform: scale(.8); -webkit-transform: scale(.8) } .slideshow .slick-active .animation.style1 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1) } .slideshow .animation.style2 { opacity: 0; margin-bottom: -30px; transition: 1s .1s; -webkit-transition: 1s .1s; -ms-transition: 1s .1s } .slideshow .slick-active .animation.style2 { opacity: 1; margin-bottom: 0 } .slideshow .animation.style3 { opacity: 0; transform: translateY(-15px); transition: .8s .2s } .slideshow .slick-active .animation.style3, .slideshow .slick-active .animation.style3 .ss-btnWrap { opacity: 1; transform: translateY(0) } .slideshow .animation.style3 .ss-btnWrap { opacity: 0; transition: .6s .4s; transform: translateY(10px) } .slideshow .slick-active .animation.style4 .ss-small-title { animation-delay: .3s; -webkit-animation-delay: .3s; animation-duration: .3s; -webkit-animation-duration: .3s; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-name: fadeInDown; -webkit-animation-name: fadeInDown } .slideshow .slick-active .animation.style4 .ss-mega-title { animation-delay: .5s; -webkit-animation-delay: .5s; animation-duration: .5s; -webkit-animation-duration: .5s; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-name: fadeInDown; -webkit-animation-name: fadeInDown } .slideshow .slick-active .animation.style4 .ss-sub-title { animation-delay: .4s; -webkit-animation-delay: .4s; animation-duration: .4s; -webkit-animation-duration: .4s; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-name: fadeInUp; -webkit-animation-name: fadeInUp } .slideshow .slick-active .animation.style4 .ss-btnWrap { animation-delay: .5s; -webkit-animation-delay: .5s; animation-duration: .5s; -webkit-animation-duration: .5s; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-name: fadeInUp; -webkit-animation-name: fadeInUp } .slideshow .ss-small-title { color: #333; font-size: 20px; margin: 0 0 15px; font-weight: 400 } .slideshow .ss-mega-title { color: #333; font-size: 45px; line-height: 1.3; margin: 0; font-weight: 700; text-transform: uppercase } .slideshow .ss-sub-title { color: #333; font-size: 18px; line-height: 1.8; margin: 10px 0 0 } .slideshow .ss-btnWrap { margin: 26px 0 0 } .slideshow .ss-btnWrap .btn { min-width: 140px; font-size: 14px; padding: 12px 25px } .slideshow .btn + .btn { margin-left: 15px } .slideshow .slick-arrow-dots .slick-arrow { width: 40px; height: 40px } .index-demo6 .slideshow > .container .middle-left .slideshow-content-in, .slideshow .container .slick-arrow-dots .slick-prev, .slideshow .slick-arrow-dots .slick-prev { left: 30px } .index-demo6 .slideshow > .container .middle-right .slideshow-content-in, .slideshow .container .slick-arrow-dots .slick-next, .slideshow .slick-arrow-dots .slick-next { right: 30px } .slideshow .slick-arrow-dots .slick-dots { position: absolute; bottom: 40px; margin-top: 0 } .slideshow > .container .middle-left .slideshow-content-in { left: 60px } .slideshow > .container .middle-right .slideshow-content-in { right: 60px } .collection-banner-grid a:hover { color: inherit } .collection-banner-grid .details { padding: 20px; position: absolute; z-index: 2 } .collection-banner-grid .details .title { font-size: 22px; margin: 0; text-transform: uppercase } .collection-banner-grid .details .title + .btn, .index-demo4 .grid-products .button-action { margin: 15px 0 0 } .category-item .counts, .collection-banner-grid .details .counts { opacity: .7; display: block; margin-top: 5px } .collection-banner-grid .details.middle-center { top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center } .collection-banner-grid .details.middle-left { top: 50%; left: 20px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) } .collection-banner-grid .details.middle-right { top: 50%; right: 20px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) } .collection-banner-grid .details.top-center { left: 50%; top: 0; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%) } .collection-banner-grid .details.top-left { left: 0; top: 0 } .collection-banner-grid .details.top-right { right: 0; top: 0 } .collection-banner-grid .details.bottom-center { left: 50%; bottom: 0; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%) } .collection-banner-grid .details.bottom-left { left: 0; bottom: 0 } .collection-banner-grid .details.bottom-right { right: 0; bottom: 0 } .collection-banner-grid .details.offerText .tex-top { position: absolute; top: 40px; font-size: 15px; font-weight: 600 } .collection-banner-grid .details.offerText .tex-bom { position: absolute; bottom: 0; background: rgba(0,0,0,.3); padding: 15px; font-size: 15px; width: 100% } .collection-banner-grid .details.offerText .tex1 { font-size: 28px } .collection-banner-grid .details.offerText .tex2 { font-size: 60px } .collection-banner-grid .img img { object-fit: cover } .collection-banner-grid .details .text { color: #333; background-color: #fff; padding: 10px 20px; text-transform: uppercase; font-weight: 600; display: block } .collection-banner-grid .sale-banner .details .title, .index-demo2 .slideshow .ss-mega-title { font-size: 40px } .collection-banner-grid.two-bnr .details { background-color: #fff; max-width: 320px; width: 90%; margin-bottom: 10px; padding: 30px } .collection-banner-grid.two-bnr .details .title { font-size: 22px; font-weight: 700 } .collection-banner-grid.two-bnr .details .subtitle { font-size: 15px; font-weight: 400; margin: 10px 0 } .tab-slider-product .section-header, .vdr_grid .item { margin-bottom: 20px } .tab-slider-product .nav-tabs { border: 0; text-align: center; padding: 0; margin: 0 0 40px } .tab-slider-product .nav-tabs .nav-link { background-color: transparent; color: #333; font-size: 20px; font-weight: 600; border-radius: 0; position: relative; padding: 0; margin: 0 20px; border: none; text-transform: uppercase } .tab-slider-product .nav-tabs.style1 .nav-link:after { width: 0; content: ""; display: block; height: 2px; position: absolute; bottom: -6px; left: 0; z-index: 1; background: #111; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out } .tab-slider-product .nav-tabs.style1 .nav-link:hover:after { width: 100%; opacity: 1 } .tab-slider-product .nav-tabs.style2 .nav-link { font-size: 15px; line-height: normal; padding: 10px 18px; margin: 0 7px; background-color: #fff; color: #333; font-weight: 600 } .tab-slider-product .nav-tabs.style2 .nav-link.active, .tab-slider-product .nav-tabs.style2 .nav-link:hover { background-color: #cb8161; color: #fff } .featured-content .featured-text { padding: 30px; margin: 0 auto } .featured-content .popup-video.zoom-scal:before { background-color: rgba(0,0,0,.25); opacity: 1 } .featured-content .featured-details.large-font .btn { padding: 12px 25px } .featured-content .featured-details.large-font .zoom-scal:before { background-color: rgba(0,0,0,.2); opacity: 1 } .hero-title { font-size: 35px; font-weight: 700; margin: 0; text-transform: uppercase } .hero-details, .hero-saleTime, .hero-subtitle { margin: 20px 0 0 } .hero-subtitle, .index-demo8 .newsletter-section .newsletter-wrap .section-header h2, .index-demo9 .collection-banner-grid.two-bnr .details .title, .pagination .page-item .page-link .icon { font-size: 22px } .hero-btn { font-size: 15px; padding: 14px 24px; margin: 30px 0 0 } .hero-saleTime .count-inner { color: #333; background-color: #fff; min-width: 70px; text-transform: uppercase; border: 1px solid #fff; padding: 12px 10px; margin: 0 5px; display: block } .hero-saleTime .count-inner .time-count { font-size: 20px; line-height: 20px; font-weight: 600; display: block; width: 100%; text-align: center; margin: 0 } .hero-saleTime .count-inner .text { font-size: 12px; line-height: 12px; display: block; background-color: transparent; border: 0; padding: 0; margin: 5px 0 0; min-width: 100% } .hero-saleTime.dark .count-inner { background: #333; color: #fff; border-color: #000 } .filterBox ul:not(.filter-color) input[type=checkbox]:checked + label > span, .hero-saleTime.dark .ht-count:not(:last-child) .count-inner, .model-thumbnail-img .list-inline-item.active img, .product-choose-style .choose-item.active .product-box, .saleTime.dark .ht-count:not(:last-child) .count-inner { border-color: var(--bs-primary) } .hero-saleTime.saleTime-circle .count-inner { border-radius: 50%; min-width: 74px; min-height: 74px; display: flex; align-items: center; justify-content: center; flex-direction: column } .hero-inner { position: relative; padding: 40px 0; height: 100%; z-index: 2 } .hero-inner .wrap-text { max-width: 560px } .hero-inner .wrap-text.center { margin: 0 auto; text-align: center } .hero-xlarge, .index-demo10 .slideshow-large .slideshow-wrap { height: 800px } .hero-medium { height: 450px } .hero-small { height: 380px } .testimonial-slider.style1 .testimonial-slide { background-color: #f5f5f5; padding: 30px } .home-blog-post .slick-arrow, .sub-collection .slick-arrow { margin-top: -50px } .product-name-price { display: flex; align-items: center; justify-content: space-between; margin: 5px 0; font-weight: 500 } .button-bottom-action { display: flex; align-items: center; justify-content: space-between; padding-top: 15px; width: 100% } .button-bottom-action .btn-icon { font-size: 16px; margin-left: 15px } .ctg-bnr-wrap .ctg-content, .sub-collection-style1 .content-text { position: absolute; top: 0; left: 0; right: 0; z-index: 1; padding: 30px; text-align: center } .ctg-bnr-wrap .ctg-title { font-size: 30px; line-height: 39px; font-weight: 700; text-transform: uppercase } .ctg-bnr-wrap .ctg-title span { font-weight: 100; margin: 0 0 5px } .ctg-bnr-wrap .saleText { border-top: 2px solid #fff; font-size: 46px; font-weight: 700; color: #cbff11; line-height: 1; margin-top: 20px; padding-top: 20px } .ctg-bnr-wrap.two .ctg-title { line-height: 42px } .category-item .details.whiteText .btn-brd { color: #fff; border-color: #fff; font-size: 13px; padding: 0 0 5px } .category-item .details.whiteText .btn-brd:hover { color: var(--bs-primary); border-color: var(--bs-primary) } .category-item.overlay-content .category-link, .collection-style2 .category-link, .collection-style4 .category-link { position: relative; display: block } .category-item.overlay-content .zoom-scal:before { overflow: visible; opacity: 1; background-color: rgba(0,0,0,.4) } .category-item.overlay-content .details { position: absolute; top: 50%; left: 50%; padding: 30px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 3 } .category-item .details.box { background: #f5f5f5; padding: 16px } .grid-products.pro-hover4 .product-details { display: flex; justify-content: space-between; width: 100% } .grid-products.pro-hover4 .product-details .details-left { width: calc(100% - 50px) } .grid-products.pro-hover4 .product-details .addtocart-btn .btn { height: 37px; width: 37px; padding: 0; font-size: 16px; border-radius: 4px } .grid-products.pro-hover4 .product-vendor { font-size: 13px; color: #8a8a8a; text-transform: uppercase } .grid-products.pro-hover4 .product-price .price, .index-demo5 .grid-products .product-price .price { font-size: 14px; font-weight: 600 } .one-banner-section .bg-size { min-height: 120px; display: block; background-color: #131313; background-repeat: repeat !important; background-size: contain !important } .one-banner-section .details { font-size: 15px; padding: 20px 40px } .one-banner-section .details.middle-center { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0 } .products-lookbook-section .bg-size { min-height: 650px } .products-lookbook-section .lookbook-shop { position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .products-lookbook-section .lookbook-shop .products .btn-shop { height: 35px; width: 35px; outline: #ffffff solid 1px; outline-offset: 3px } .index-demo9 .grid-products .button-set-top .btn-icon:hover, .products-lookbook-section .lookbook-shop .products .btn-shop.active { color: #fff; background-color: #f57c00 } .products-lookbook-section .lookbook-shop .grid-lb { width: 200px } .products-lookbook-section .lookbook-shop .grid-lb .pro-img { margin: 0 0 15px } .products-lookbook-section .lookbook-shop .grid-lb .detail .title { font-size: 15px; margin: 0 0 8px } .products-lookbook-section .lookbook-shop .grid-lb .detail .btn { margin-top: 8px; margin-bottom: 5px; font-size: 13px; padding: 9px 22px } .products-lookbook-section .look-position1 { left: 13%; top: 54%; bottom: auto } .products-lookbook-section .look-position2 { right: 65%; top: 6%; bottom: auto } .products-lookbook-section .look-position3 { top: 36%; left: 40% } .products-lookbook-section .look-position4 { bottom: 22%; left: auto; right: 36% } .products-lookbook-section .look-position5 { bottom: 52%; left: auto; right: 13% } .about-section .about-details .title { font-size: 35px } .about-section .about-details .service-info .icon { font-size: 28px; width: 40px; height: auto; line-height: normal; background-color: transparent !important } .about-section .about-details .service-info h2, .index-demo10 .collection-slider .category-item .category-title { font-size: 18px; margin-bottom: 10px; font-weight: 700 } .instagram-grid .instagram-item .ins-icon { opacity: 0; visibility: hidden; font-size: 24px; line-height: 1; color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) scale(0); transform: translate(-50%,-50%) scale(0); -webkit-transition: transform .3s; transition: transform .3s } .instagram-grid .instagram-item:hover .ins-icon { opacity: 1; visibility: visible; -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); z-index: 3 } .instagram-grid .instagram-item .zoom-scal:before { background-color: rgba(0,0,0,.5) !important } .instagram-grid .instagram-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background: rgba(255,255,255,.9); padding: 30px; z-index: 3 } .mini-product .column-ttl { font-size: 22px; margin: 0 0 30px; text-transform: uppercase } .button-set .btn-icon:not(:last-child), .mini-product .mini-list-item:not(:last-child), .saleTime .ht-count:not(:last-child) .count-inner { border-bottom: 1px solid #e6e6e6 } .mini-product .mini-list-item .item-link, .mini-product .mini-list-item .mini-image img { width: 85px } .mini-product .mini-list-item .item-title, .spr-form-label { font-weight: 500 } .mini-product .product-review { margin-top: 7px } .mini-list-item:not(:last-child) { border-bottom: 1px dotted rgba(0,0,0,.15); padding-bottom: 15px; margin-bottom: 15px } .mini-list-item .item-link, .mini-list-item .mini-image img { width: 70px; display: block } .topbar-slider-items { margin: 0 40px } .collection-style2 .category-link:hover .details .default, .collection-style2 .details .btn .onhover, .grid-products .item .product-image:hover .primary, .topbar-slider-items .slick-arrow { opacity: 0; visibility: hidden } .collection-style2 .category-link:hover .details .onhover, .compare-table table .product-image:hover .quick-view-modal, .grid-products .item .product-image:hover .hover, .portfolio-list .overlay:hover .caption, .sideProSlider:hover .slick-arrow, .topbar-slider-items:hover .slick-arrow, .wishlist-table table tr:hover .product-thumbnail .btn { opacity: 1; visibility: visible } .footer.ftr-bg-black .footer-top .h4, .topbar-slider-items .slick-arrow:before { color: #fff; font-size: 16px } .topbar-slider-items .slick-next { right: -40px } .topbar-slider-items .slick-prev { left: -40px } .index-demo1 .testimonial-slider.style1 .testimonial-slide { background-color: #fff; border: 1px solid #f3f4f5 } .index-demo1 .home-blog-post { background-color: #f3f4f5 } .index-demo1 .collection-slider .category-item .details { background-color: rgba(234,236,241,.3); padding: 15px 10px; margin: 0 !important } #product-form-addtocart .title, .blog-item .date, .checkout-form .block .title, .collection-style1 .category-item .category-title, .footer-8 .copytext, .index-demo2 .h1, .index-demo2 .h2, .index-demo2 .h3, .index-demo2 .h4, .index-demo2 .h5, .index-demo2 .h6, .index-demo2 .head-font, .index-demo2 h1, .index-demo2 h2, .index-demo2 h3, .index-demo2 h4, .index-demo2 h5, .index-demo2 h6, .index-demo5 .collection-banner-grid .details.whiteText .small-title, .index-demo5 .collection-banner-grid .details.whiteText h3, .index-demo5 .collection-banner-grid .details.whiteText p, .index-demo8 .grid-products .product-vendor, .product-labels .lbl, .sidebar h2, .spr-form-title { text-transform: uppercase } .header-4 #siteNav > li .dropdown, .header-4 #siteNav > li .dropdown ul, .header-4 #siteNav > li .megamenu, .index-demo2 .btn, .index-demo4 .button-set-top .btn-icon, .index-demo8 .btn-outline-light, .index-demo8 .btn-outline-secondary, .index-demo8 .button-set.style2 .btn-icon:first-child, .index-demo8 .button-set.style2 .btn-icon:last-child, .index-demo8 .product-labels .lbl { border-radius: 0 !important } .index-demo2 .section-header h2 { color: #333; margin-bottom: 0 } .index-demo2 .section-header p { color: #8c8c8c; font-size: 18px; font-weight: 400; margin: 0 0 10px } .brands-search .listing li .alpha.active, .index-demo2 .btn, .index-demo2 .btn-primary, .index-demo2 .btn-secondary:hover, .index-demo2 btn-secondary:focus, .index-demo3 .btn-secondary, .index-demo3 .btn-secondary:focus, .index-demo4 .btn-secondary:focus, .index-demo4 .btn-secondary:hover, .index-demo4 .button-set-top .btn-icon:focus, .index-demo4 .button-set-top .btn-icon:hover { color: #fff; background-color: #333; border-color: #000 } .index-demo2 .btn-primary:focus, .index-demo2 .btn-primary:hover, .index-demo2 .btn:focus, .index-demo2 .btn:hover { color: #ff; background-color: #333; border-color: #333 } .collection-style4 .category-link:hover .btn, .index-demo2 .btn-secondary { color: #fff; background-color: #333; border-color: #333 } .index-demo2 .cart-count, .index-demo2 .wishlist-count, .index-demo5 .tab-slider-product .nav-tabs.style1 .nav-link:after, .index-demo8 .button-set .btn-icon:hover, .swatches li.black { background-color: #000 } .index-demo2 .slideshow .ss-btnWrap .btn { font-size: 13px; padding: 12px 20px; min-width: 120px } .index-demo2 .service-section { border-bottom: 1px solid #212121; background-color: #262626; padding: 40px 0 } .index-demo2 .service-section h6 { font-size: 14px; font-weight: 600; line-height: normal } .index-demo2 .service-info.separate-line .service-wrap:not(:last-child) { border-color: #424242 } .index-demo2 .blog-article h2 { font-size: 20px; text-transform: none; margin-bottom: 10px !important } .index-demo2 .service-info .icon { height: auto; line-height: normal; background-color: transparent !important; border-radius: 0; margin-right: 10px } .index-demo2 .footer-newsletter .input-group > .btn, .index-demo2 .footer-newsletter .input-group > .form-control, .index-demo5 .footer-newsletter .input-group > .btn, .index-demo5 .footer-newsletter .input-group > .form-control { height: 50px } .index-demo2 #site-scroll { background-color: #333; box-shadow: none } .index-demo2 .grid-products .item .product-image > a { border: 1px solid #eee } .index-demo10 .home-blog-post .blog-content h2 a:not(:hover), .index-demo10 .slideshow .ss-mega-title, .index-demo3 .h1, .index-demo3 .h2, .index-demo3 .h3, .index-demo3 .h4, .index-demo3 .h5, .index-demo3 .h6, .index-demo3 .head-font, .index-demo3 h1, .index-demo3 h2, .index-demo3 h3, .index-demo3 h4, .index-demo3 h5, .index-demo3 h6, .index-demo4 .footer .footer-top .h4, .index-demo4 .footer .footer-top a, .index-demo4 .h1, .index-demo4 .h2, .index-demo4 .h3, .index-demo4 .h4, .index-demo4 .h5, .index-demo4 .h6, .index-demo4 .head-font, .index-demo4 h1, .index-demo4 h2, .index-demo4 h3, .index-demo4 h4, .index-demo4 h5, .index-demo4 h6, .index-demo5 .newsletter-modal .title, .index-demo5 .tab-slider-product .nav-tabs .nav-link, .index-demo5 .tab-slider-product .nav-tabs .nav-link.active, .index-demo5 .tab-slider-product .nav-tabs .nav-link:hover, .index-demo7 .collection-banner-grid .details .title, .index-demo7 .collection-slider-5items .category-title, .index-demo7 .section-header h2, .index-demo7 h1, .index-demo7 h2, .index-demo7 h3, .index-demo7 h4, .index-demo7 h5, .index-demo7 h6, .index-demo8 .h1, .index-demo8 .h2, .index-demo8 .h3, .index-demo8 .h4, .index-demo8 .h5, .index-demo8 .h6, .index-demo8 .head-font, .index-demo8 .newsletter-section .section-header p, .index-demo8 h1, .index-demo8 h2, .index-demo8 h3, .index-demo8 h4, .index-demo8 h5, .index-demo8 h6 { color: #000 } .index-demo3 .collection-banner-grid .large-bnr .details .title { color: #333; font-size: 30px } .button-set-top .btn-icon:hover, .footer-8, .index-demo3 .cart-count, .index-demo3 .wishlist-count { color: #fff; background-color: #000 } .index-demo3 #site-scroll, .index-demo3 .btn-primary, .index-demo3 .btn-secondary:hover, .index-demo3 .cnrLangList li a.active, .index-demo3 .cnrLangList li a:hover, .index-demo3 .footer-newsletter .input-group > .btn:hover { color: #fff; background-color: #cb8161; border-color: #cb8161 } .index-demo3 .minicart-bottom .shipinfo .progress-bar { background-color: rgba(203,129,97,.7) } .index-demo3 .bg-light { background-color: rgba(238,231,228,.4) !important } .index-demo3 #MobileNav li a:hover, .index-demo3 #MobileNav li a:hover .icon, .index-demo3 #siteNav > li .megamenu li.lvl-1 li .site-nav:hover, .index-demo3 #siteNav > li ul.dropdown li a:hover, .index-demo3 #siteNav > li ul.dropdown li:hover > a, .index-demo3 #siteNav > li:hover > a, .index-demo3 #siteNav > li > a:hover, .index-demo3 #siteNav > li > a:hover:hover, .index-demo3 .addtocart-modal .price, .index-demo3 .footer .footer-top .footer-links .h4.active, .index-demo3 .iconset .hdr-icon:hover, .index-demo3 .minicart-bottom .subtotal .totalInfo .product-price, .index-demo3 .minicart-content .item .remove:hover, .index-demo3 .product-price .old-price + .price, .index-demo3 .qtyField .qtyBtn:hover, .index-demo3 .social-sharing .btn:hover, .index-demo3 .text-link:hover, .index-demo3 a:not(.btn):focus, .index-demo3 a:not(.btn):hover { color: #cb8161 } .index-demo3 #siteNav > li .megamenu li.lvl-1 li .site-nav:before, .index-demo3 .footer-links a:before, .index-demo3 .product-availability .progress-bar, .index-demo3 .rounded-dots .slick-dots li.slick-active button, .index-demo3 .top-info-bar { background-color: #cb8161 } .index-demo3 .filterBox .swatches li.active, .index-demo3 .filterBox .swatches li:hover, .index-demo3 .size-swatches li.active, .index-demo3 .size-swatches li:hover, .index-demo3 .swatches li.active, .index-demo3 .swatches li:hover { box-shadow: 0 0 0 1px #cb8161,0 0 0 0 #fff inset } .index-demo3 .footer-logo-links .social-icons li a:hover, .index-demo3 .model-thumbnail-img .list-inline-item.active img, .index-demo3 .rounded-dots .slick-dots li button { border-color: #cb8161 } .index-demo3 .discount-badge .off, .index-demo3 .pro-stockLbl .items, .index-demo3 .text-primary { color: #cb8161 !important } .index-demo3 #site-scroll:hover, .index-demo3 .btn-primary:hover { color: #fff; background-color: #b87558; border-color: #b87558 } .index-demo3 .btn-outline-primary, .index-demo3 .btn-outline-primary:focus { background-color: transparent; color: #cb8161; border-color: #cb8161 } .index-demo3 .btn-outline-primary:hover { background-color: #cb8161; color: #fff; border-color: #cb8161 } .index-demo3 .section-header h2 { color: #333; font-size: 28px; text-transform: uppercase } .index-demo3 .collection-banner-grid .col-lg-4 { width: 36% } .index-demo3 .collection-banner-grid .col-lg-3 { width: 28% } .index-demo3 .product-vendor, .index-demo5 .grid-products .product-vendor { font-size: 12px; text-transform: uppercase } .index-demo3 .testimonial-slider.style1 .testimonial-slide, .swatches li.white { background-color: #fff; border: 1px solid #ddd } .index-demo3 .collection-banner-grid .sale-banner .details .btn { color: #fff; background-color: #d8a28a; border-color: #d8a28a } .index-demo3 .collection-banner-grid .sale-banner .details .btn:hover { color: #fff; background-color: #bf8c76; border-color: #bf8c76 } .index-demo3 .top-info-bar .item { padding-top: 5px; padding-bottom: 5px } .index-demo3 .collection-banner-grid .collection-item .btn-lg { font-size: 18px; text-transform: uppercase !important; font-weight: 600; padding: 8px 20px; background-color: rgba(255,255,255,.8); border-color: rgba(255,255,255,.8) } .index-demo3 .collection-banner-grid .collection-item .btn-lg:hover { background-color: #fff; border-color: #fff } .index-demo3 .testimonial-slider .authour { margin-bottom: 0 !important; text-transform: none !important } .index-demo3 .newsletterbg { background-color: #cb8161; padding: 60px } .index-demo3 .newsletterbg label { font-size: 22px; text-transform: uppercase } .index-demo3 .newsletterbg .news-icon img { max-width: 71px } .index-demo3 .footer-newsletter .input-group > .form-control { padding-right: 155px; padding-left: 25px; height: 55px } .index-demo3 .footer-newsletter .input-group > .btn { position: absolute; top: 6px; right: 6px; z-index: 3; height: 43px } .index-demo3 .footer-newsletter .news-icon { border-right: 1px solid #af6f54; padding-right: 30px; margin-right: 30px } .index-demo3 .service-info .title { font-size: 16px !important; margin: 0 0 5px !important; text-transform: uppercase; font-weight: 700 !important } .index-demo3 .service-info .icon { color: #cb8161; background-color: rgba(238,231,228,.36) } .about-review, .index-demo4 .cart-count, .index-demo4 .select-wrap .select-ul li:hover, .index-demo4 .wishlist-count, .index-demo5 .service-info .service-wrap:hover .icon, .sec-bg-black { background-color: #333; color: #fff } .index-demo4 .top-header .left-brd > :not(:last-child) { border-color: rgba(255,255,255,.4) } .index-demo4 #siteNav > li .megamenu li.lvl-1 li .site-nav:before, .index-demo4 .footer-links a:before, .index-demo4 .product-availability .progress-bar { background-color: #40667b } .index-demo4 .filterBox .swatches li.active, .index-demo4 .filterBox .swatches li:hover, .index-demo4 .size-swatches li.active, .index-demo4 .size-swatches li:hover, .index-demo4 .swatches li.active, .index-demo4 .swatches li:hover { box-shadow: 0 0 0 1px #ff6363,0 0 0 0 #fff inset } .index-demo4 .text-primary { color: #cbff11 !important } .index-demo4 #site-scroll, .index-demo4 .btn-primary { color: #fff; background-color: #333; border-color: #333; border-radius: 0 } .index-demo4 #site-scroll:hover, .index-demo4 .btn-primary:hover { color: #fff; background-color: #3a3a3a; border-color: #3a3a3a } .index-demo4 .btn-secondary, .index-demo4 .button-set-top .btn-icon { color: #fff; background-color: #40667b; border-color: #40667b } .index-demo4 .btn-outline-primary, .index-demo4 .btn-outline-primary:focus { background-color: transparent; color: #fca600; border-color: #fca600; border-radius: 0 } .index-demo4 .btn-outline-primary:hover { background-color: #f4aa1b; color: #fff; border-color: #f4aa1b } .index-demo4 .btn-brd { border-color: #333; color: #333; border-radius: 0 } .index-demo4 .slideshow .slideshow-content-in { margin-top: 85px } .index-demo4 .slideshow .ss-btnWrap .btn { font-size: 15px; padding: 12px 25px } .index-demo4 .brands-list .brands-logo a:hover, .index-demo4 .model-thumbnail-img .list-inline-item.active img { border-color: #3a3a3a } .index-demo4 .top-header { color: #fff; padding-top: 8px; padding-bottom: 8px } .index-demo4 .rounded-dots .slick-dots li button { border-color: #fff } .index-demo4 .rounded-dots .slick-dots li.slick-active button, .tabs-listing .product-tabs.style3 li.active a:before { background: #fff } .index-demo4 .section-header h2 { font-size: 24px; font-weight: 700; margin: 0; text-transform: uppercase } .index-demo4 .section-header-right .btn { padding: 13px 25px } .index-demo4 .addtocart-modal .variant-cart, .index-demo4 .grid-products .product-vendor, .index-demo4 .product-subtitle, .index-demo4 .quickshop-modal .variant-cart { color: #a5a5a5; font-size: 13px; text-transform: uppercase } .index-demo4 .grid-products .product-name a { font-size: 15px; font-weight: 600 !important } .index-demo4 .grid-products .product-price .price { font-size: 15px; font-weight: 600 } .index-demo4 .grid-products .addtocart-btn .btn { font-size: 13px; font-weight: 600 } .index-demo4 .newsletter-section .newsletter-wrap { min-height: 266px; padding: 15px 20px 20px; display: flex; flex-direction: column; justify-content: center } .index-demo4 .footer .footer-top { color: #333; background-color: #fff; border-color: #ddd } .index-demo4 .footer .footer-bottom { color: #fff; background-color: #2e2e2e; border-color: #2e2e2e; padding: 20px 0 } .index-demo4 .footer .footer-top .h4 { font-size: 16px; font-weight: 700 } .index-demo4 .footer .footer-bottom .social-icons li a:hover, .index-demo4 .footer .footer-top a:hover { color: #40667b } .category-image, .collection-style3 .category-item .f-item, .footer .footer-top, .footer-middle, .index-demo4 .section-clr, .index-demo5 .section-clr, .index-demo9 .footer-logo-links, .model-viewer-model, .newsletterbg { background-color: #f5f5f5 } .index-demo4 .section-header p { color: #a0a0a0; font-size: 15px; line-height: normal } .index-demo10 .mini-product .column-ttl, .index-demo4 .collection-banner-grid.two-bnr .details .title { font-size: 20px; font-weight: 700 } .index-demo4 .slideshow .ss-mega-title { font-size: 50px; font-weight: 700 } .index-demo4 .slideshow .ss-small-title { margin-bottom: 15px; letter-spacing: 1px } .index-demo4 .newsletter-modal .title { font-size: 28px; line-height: normal } .index-demo4 .service-info .icon { width: 50px; background-color: #fff; height: 50px; line-height: 50px; font-size: 24px; text-align: center; -ms-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } #Content_account_DataPager1 .active, .index-demo4 .service-info .service-wrap:hover .icon, .service-info .service-wrap:hover .icon { background-color: var(--bs-primary); color: #fff } .index-demo4 .service-info h6 { font-size: 16px; margin-bottom: 0; text-transform: uppercase } .index-demo4 .collection-slider .slick-dots li.slick-active button { background-color: #333; border-color: #000 } .brands-list .brands-logo a:hover, .brands-list.box-border .brands-logo a:hover, .index-demo4 .collection-slider .slick-dots li button { border-color: transparent } .index-demo5 .collection-slider.cs_1, .index-demo6 #minicart-drawer .close-cart { margin-top: -7px } .index-demo5 .collection-slider.cs_1 .category-title { color: #333; text-transform: none; font-size: 17px } .index-demo5 .collection-slider.cs_1 .category-item { position: relative; border: 5px solid #fff } .index-demo5 .collection-slider.cs_1 .details { position: absolute; bottom: 0; width: 100%; background-color: rgba(255,255,255,.85); padding: 10px } .index-demo5 .collection-slider.section-text .category-title { color: #333; font-size: 20px; text-transform: uppercase; margin: 0 0 10px; font-weight: 700 } .index-demo5 .service-info .icon { font-size: 22px; background-color: #fff; -ms-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } .index-demo5 #siteNav > li .megamenu li.lvl-1 li .site-nav:before, .index-demo5 .circle-dots .slick-dots li.slick-active button:after, .index-demo5 .footer-links a:before, .index-demo5 .footer.ftr-bg-black .footer-top a:before, .index-demo5 .product-availability .progress-bar, .index-demo5 .slick-dots li.slick-active button, .index-demo5 .top-promo-bar.style1 { background-color: #e05c0b } .index-demo5 .cart-count, .index-demo5 .wishlist-count { font-size: 11px } .index-demo5 .service-info .fs-5 { color: #333; font-size: 15px !important; text-transform: uppercase } .index-demo5 .section-header h2 { font-size: 28px; color: #333; text-transform: uppercase } .index-demo5 .collection-banner-grid.three-bnr .details .title { color: #333; font-size: 28px; font-weight: 700; text-transform: uppercase } .index-demo5 .grid-products .product-name a { font-size: 14px; font-weight: 500 } .index-demo5 .cart-count, .index-demo5 .select-wrap .select-ul li:hover, .index-demo5 .wishlist-count { background-color: #e05c0b; color: #fff } .index-demo5 .minicart-bottom .shipinfo .progress-bar { background-color: rgba(255,99,56,.7) } .index-demo5 .button-set .btn-icon:hover, .index-demo5 .cnrLangList li a.active, .index-demo5 .cnrLangList li a:hover { color: #fff; background: #e05c0b; border-color: #e05c0b } .index-demo5 #siteNav > li .megamenu li.lvl-1 li .site-nav:hover, .index-demo5 #siteNav > li ul.dropdown li a:hover, .index-demo5 #siteNav > li ul.dropdown li:hover > a, .index-demo5 #siteNav > li:hover > a, .index-demo5 #siteNav > li > a:hover, .index-demo5 #siteNav > li > a:hover:hover, .index-demo5 .addtocart-modal .price, .index-demo5 .footer .footer-top .footer-links .h4.active, .index-demo5 .footer.ftr-bg-black .footer-middle a:hover, .index-demo5 .footer.ftr-bg-black .footer-top a:hover, .index-demo5 .iconset .hdr-icon:hover, .index-demo5 .minicart-bottom .subtotal .totalInfo .product-price, .index-demo5 .minicart-content .item .remove:hover, .index-demo5 .product-price .old-price + .price, .index-demo5 .qtyField .qtyBtn:hover, .index-demo5 .text-link:hover, .index-demo5 a:not(.btn):focus, .index-demo5 a:not(.btn):hover { color: #e05c0b } .index-demo5 .mobileMenu-bg-black #MobileNav li a:hover, .index-demo5 .mobileMenu-bg-black #MobileNav li a:hover .icon { color: #7bb5d8; opacity: 1 } .index-demo5 .brands-list .brands-logo a:hover, .index-demo5 .circle-dots .slick-dots li button, .index-demo5 .model-thumbnail-img .list-inline-item.active img { border-color: #e05c0b } .index-demo5 .slick-dots li button { opacity: .9 } .index-demo5 .circle-dots .slick-dots li button::after { margin-left: -1px } .index-demo5 .text-dark { color: #050505 } .index-demo5 .filterBox .swatches li.active, .index-demo5 .filterBox .swatches li:hover, .index-demo5 .size-swatches li.active, .index-demo5 .size-swatches li:hover, .index-demo5 .swatches li.active, .index-demo5 .swatches li:hover { box-shadow: 0 0 0 1px #e05c0b,0 0 0 0 #fff inset } .index-demo5 .text-primary { color: #e05c0b !important } .index-demo5 #site-scroll, .index-demo5 .btn-primary, .index-demo5 .button-set .btn-icon { color: #fff; background-color: #7bb5d8; border-color: #7bb5d8 } .index-demo5 #site-scroll:hover, .index-demo5 .btn-primary:hover, .index-demo5 .button-set .btn-icon:hover { color: #fff; background-color: #6dacd2; border-color: #6dacd2 } .index-demo5 .btn-outline-primary:hover, .index-demo5 .btn-secondary, .index-demo5 .btn-secondary:focus { border-color: #e05c0b; background-color: #e05c0b; color: #fff } .index-demo5 .btn-outline-primary, .index-demo5 .btn-outline-primary:focus { background-color: transparent; color: #e05c0b; border-color: #e05c0b } .index-demo5 .btn-secondary:hover { color: #fff; background-color: #d25407; border-color: #d25407 } .index-demo5 .btn-brd { border-color: #fdde58; color: #fdde58 } .index-demo5 .blog-article h2 { font-size: 18px; text-transform: uppercase !important } .index-demo5 .blog-article .blog-bottom a { font-size: 13px; font-weight: 700 } .index-demo5 .ftr-promo-bar { color: #fff; background-color: #d25407 } .index-demo5 .top-info-bar { background-color: #7bb5d8; font-size: 18px } .index-demo5 .top-info-bar .slick-slide:not(:last-child) { border-right: 0 } .index-demo5 .top-info-bar .item { padding-top: 25px; padding-bottom: 20px } .index-demo5 .footer.ftr-bg-black .footer-top .h4 { font-size: 18px; margin-bottom: 20px !important; text-transform: uppercase } .index-demo5 .three-bnr .sp-row { margin-left: -20px; margin-right: -20px } .index-demo10 .h1, .index-demo10 .h2, .index-demo10 .h3, .index-demo10 .h4, .index-demo10 .h5, .index-demo10 .h6, .index-demo10 .head-font, .index-demo10 h1, .index-demo10 h2, .index-demo10 h3, .index-demo10 h4, .index-demo10 h5, .index-demo10 h6, .index-demo6 .h1, .index-demo6 .h2, .index-demo6 .h3, .index-demo6 .h4, .index-demo6 .h5, .index-demo6 .h6, .index-demo6 .head-font, .index-demo6 h1, .index-demo6 h2, .index-demo6 h3, .index-demo6 h4, .index-demo6 h5, .index-demo6 h6 { color: #333; text-transform: uppercase } .index-demo6 .top-header { padding-top: 8px; padding-bottom: 8px; font-size: 13px } .header-6 #siteNav > li .megamenu li.lvl-1 li .site-nav:hover, .header-6 #siteNav > li ul.dropdown li a:hover, .header-6 #siteNav > li ul.dropdown li:hover > a, .header-6 .iconset .icon-link:hover, .header-6 .iconset .icon-link:hover .hdr-icon, .header-6 .minisearch-inline .input-group-btn:hover, .index-demo6 .top-header.bg-white .select-wrap.active, .index-demo6 .top-header.bg-white a:hover { color: #f69c63 } .index-demo6 .top-header .left-brd > :not(:last-child) { margin-right: 10px; padding-right: 10px; border-right-color: #ddd } .minisearch-inline .input-group-btn, .minisearch-inline .input-group-field, .minisearch-inline .rgsearch-category { height: 45px; line-height: normal } .minisearch-inline .input-group-btn { width: 45px; min-width: 45px; font-size: 18px; padding: 5px; text-decoration: none; position: absolute; right: 0 } .header-6 .iconset .text { margin: 0; display: none; font-size: 13px; text-transform: uppercase } .header-6 .cart-count, .header-6 .wishlist-count { background-color: #f69c63; right: 7px } .header-6 .header-main { padding-top: 20px; padding-bottom: 20px } .header-6 .menu-outer { position: relative; background-color: #f69c63; padding: 0 10px } .header-6 #siteNav > li:hover > a, .header-6 #siteNav > li > a:hover, .header-6 #siteNav > li > a:hover:hover, .header-6 .menu-outer .store-link:focus, .header-6 .menu-outer .store-link:hover { color: #333 } .header-6 #siteNav > li .megamenu .subLinks .site-nav:before, .header-6 #siteNav > li .megamenu li.lvl-1 li .site-nav:before, .header-6.stickyNav .main-menu-outer, .index-demo6 .footer-links a:before, .index-demo6 .product-availability .progress-bar { background-color: #f69c63 } .header-6.stickyNav, .header-7.stickyNav { min-height: inherit } .index-demo6 .minicart-bottom .shipinfo .progress-bar { background-color: rgba(246,156,99,.7) } .index-demo6 .addtocart-modal .price, .index-demo6 .collection-slider .category-item:hover .category-title, .index-demo6 .footer .footer-top .footer-links .h4.active, .index-demo6 .footer.footer-6 .footer-links a:hover, .index-demo6 .minicart-bottom .subtotal .totalInfo .product-price, .index-demo6 .minicart-content .item .remove:hover, .index-demo6 .mobileMenu-bg-black #MobileNav li a:hover, .index-demo6 .mobileMenu-bg-black #MobileNav li a:hover .icon, .index-demo6 .product-price .old-price + .price, .index-demo6 .product-price .price, .index-demo6 .qtyField .qtyBtn:hover, .index-demo6 .social-sharing .btn:hover, .index-demo6 .text-link:hover, .index-demo6 .vertical-menu-content .megamenu li ul li a:hover, .index-demo6 .vertical-menu-content .moreCategories:hover, .index-demo6 .vertical-menu-content .sub-menu:hover > a:after, .index-demo6 .vertical-menu-content li .dropdown li a:hover, .index-demo6 .vertical-menu-content li .dropdown li:hover > a, .index-demo6 .vertical-menu-content ul > li .nav-link:hover, .index-demo6 .vertical-menu-content ul > li:hover > a, .index-demo6 a:not(.btn):focus, .index-demo6 a:not(.btn):hover { color: #f69c63; opacity: 1 } .index-demo6 .section-header .small-tlt { color: #a5a5a5 } .index-demo6 .button-set-top .btn-icon, .index-demo6 .select-wrap .select-ul li:hover { color: #fff; background-color: #f69c63 } .index-demo6 .button-set-top .btn-icon:hover { color: #fff; background-color: #d9773b } .index-demo6 .filterBox .swatches li.active, .index-demo6 .filterBox .swatches li:hover, .index-demo6 .size-swatches li.active, .index-demo6 .size-swatches li:hover, .index-demo6 .swatches li.active, .index-demo6 .swatches li:hover { box-shadow: 0 0 0 1px #f69c63,0 0 0 0 #fff inset } .index-demo6 .text-primary { color: #f69c63 !important } .index-demo6 #site-scroll, .index-demo6 .btn-primary { color: #fff; background-color: #f69c63; border-color: #f69c63; border-radius: 4px } .index-demo6 #site-scroll:hover, .index-demo6 .btn-primary:hover { color: #fff; background-color: #d9773b; border-color: #d9773b } .index-demo6 .btn-secondary { color: #fff; background-color: #333; border-color: #333; border-radius: 4px } .index-demo6 .btn-outline-primary, .index-demo6 .btn-outline-primary:focus { background-color: transparent; color: #f69c63; border-color: #f69c63 } .index-demo6 .btn-outline-primary:hover { background-color: #f69c63; color: #fff; border-color: #f69c63 } .index-demo6 .brands-list .brands-logo a:hover, .index-demo6 .model-thumbnail-img .list-inline-item.active img { border-color: #f69c63 } .index-demo6 .addtocart-modal .addcart-total, .index-demo6 .section-clr { background-color: #faf8f6 } .dashboard-content .btn-link:hover, .footer-6 .footer-bottom, .footer-6 .footer-top, .footer-6 .payment-icons .icon, .footer-7.footer.ftr-bg-black .payment-icons .icon, .footer-7.ftr-bg-black .footer-bottom a, .footer-7.ftr-bg-black .footer-middle a, .footer-7.ftr-bg-black .footer-top .h4, .footer-7.ftr-bg-black .footer-top a, .footer-contact a, .footer-links a, .footer.footer-6, .footer.footer-6 .footer-contact a, .footer.footer-6 .footer-links a, .footer.footer-6 .footer-top, .footer.footer-6 .footer-top .h4, .index-demo6 .product-review .icon, .lookbook-grid .lookbook-caption.white .content > * { color: #333 } .index-demo6 .product-price .old-price { opacity: 1; color: #838383 } .index-demo6 .slideshow .ss-mega-title, .index-demo7 .slideshow .ss-mega-title { color: #333; font-size: 40px } .index-demo6 .gemstone .category-item img { max-width: 80px } .index-demo6 .featured-content .featured-text { padding: 70px } .index-demo6 .featured-content .image img { height: 100%; object-fit: cover } .index-demo6 .service-info .icon { width: 40px; height: 40px; line-height: 40px; background-color: transparent !important; color: #333 !important } .index-demo6 .collection-banner-grid .details .title { font-size: 20px; margin-bottom: 15px } .ftr-logoText .logoImg, .index-demo6 .ftr-logoText img { max-width: 130px } .index-demo6 .slideshow .ss-btnWrap { margin-top: 20px } .index-demo6 .input-group > .form-control { border-radius: 4px 0 0 4px !important; border: 0 !important } .index-demo6 .input-group > .btn { border-radius: 0 4px 4px 0 !important } .index-demo6 .footer-newsletter.icon-arrow .newsletter-input { border: 1px solid #e6e6e6 !important; border-radius: 4px !important } .index-demo6 .slideshow .slideshow-content-in { max-width: max-content } .index-demo7 .btn.btn-small { padding: 10px 20px } .index-demo7 .btn-outline-secondary { border-color: #2b7c63 } .index-demo7 .btn-outline-secondary:focus, .index-demo7 .btn-outline-secondary:hover { background-color: #2b7c63; border-color: #2b7c63 } .header-7 .header-main, .index-demo10 .ftr-promo-bar { padding-top: 25px; padding-bottom: 25px } .header-7 .main-menu-outer { position: relative; background-color: #18604a } .header-7 .header-vertical-menu .menu-title, .header-7 .header-vertical-menu.toggle .vertical-menu-content { background-color: #23755c } .header-7 #siteNav > li > a { line-height: 34px } .header-7 #siteNav > li:hover > a, .header-7 #siteNav > li > a:hover, .header-7 #siteNav > li > a:hover:hover, .header-7 .menu-outer .store-link:focus, .header-7 .menu-outer .store-link:hover { color: #f4f4f4 } .header-7 #siteNav > li .megamenu li.lvl-1 li .site-nav:hover, .header-7 #siteNav > li ul.dropdown li a:hover, .header-7 #siteNav > li ul.dropdown li:hover > a, .header-7 .iconset .text a:hover, .header-7 .minisearch-inline .input-group-btn:hover, .header-7 .vertical-menu-content .megamenu li ul li a:hover, .header-7 .vertical-menu-content .sub-menu:hover > a:after, .header-7 .vertical-menu-content li .dropdown li a:hover, .header-7 .vertical-menu-content li .dropdown li:hover > a, .index-demo7 .category-item:hover .category-title, .index-demo7 .top-header.bg-white .select-wrap.active, .index-demo7 .top-header.bg-white a:hover { color: #2b7c63 } .header-7 .vertical-menu-content .moreCategories, .header-7 .vertical-menu-content ul > li .nav-link { border-color: #1a7559 } .header-7 .vertical-menu-content .moreCategories:hover, .header-7 .vertical-menu-content ul > li .nav-link:hover { color: #f4f4f4 } .header-7 #siteNav > li .megamenu li.lvl-1 li .site-nav:before, .header-7 .cart-count, .header-7 .iconset:hover .iconCot, .header-7 .wishlist-count { background-color: #2b7c63 } .header-7 .iconset .iconCot { position: relative; width: 40px; height: 40px; text-align: center; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: #333; background: #f5f5f5; -webkit-transition: .3s linear; transition: .3s linear } .header-7 .iconset .text { font-size: 13px; margin-left: 15px; font-weight: 600; text-transform: uppercase } .header-7 .iconset .text small { color: #6c757d; font-size: 13px; font-weight: 500; display: block; line-height: normal } .header-7 .iconset .text a, .tracking-detail ul li .right { color: #6c757d } .header-7 .iconset .text .price { font-size: 14px; font-weight: 600; display: block; line-height: normal } .index-demo7 .top-header { padding-top: 10px; padding-bottom: 10px; font-size: 13px; font-weight: 500 } .index-demo7 .select-wrap .select-ul li:hover { color: #fff; background-color: #2b7c63 } .index-demo7 .product-availability .progress-bar, .index-demo7 .slick-dots li.slick-active button, .index-demo7 .tab-slider-product .nav-tabs.style1 .nav-link:after { background: #60a103 } .index-demo7 .minicart-bottom .shipinfo .progress-bar { background-color: rgba(96,161,3,.7) } .index-demo7 .footer .footer-top .footer-links .h4.active, .index-demo7 .footer.ftr-bg-black .footer-bottom a:hover, .index-demo7 .footer.ftr-bg-black .footer-middle a:hover, .index-demo7 .footer.ftr-bg-black .footer-top a:hover, .index-demo7 .minicart-content .item .remove:hover, .index-demo7 .product-price .old-price + .price, .index-demo7 .social-sharing .btn:hover, .index-demo7 .tab-slider-product .nav-tabs .nav-link:hover, .index-demo7 .tab-slider-product .nav-tabs.style1 .nav-link.active, .index-demo7 a:not(.btn):focus, .index-demo7 a:not(.btn):hover { color: #60a103 } .index-demo7 .minicart-bottom .subtotal .totalInfo .product-price, .index-demo7 .text-primary { color: #60a103 !important } .index-demo7 #site-scroll, .index-demo7 .btn-primary, .index-demo7 .collection-banner-grid .sale-banner .details .btn { color: #fff; background-color: #60a103; border-color: #60a103 } .index-demo7 #site-scroll:hover, .index-demo7 .btn-primary:hover { color: #fff; background-color: #528c01; border-color: #528c01 } .index-demo7 .btn-outline-primary, .index-demo7 .btn-outline-primary:focus { background-color: transparent; color: #60a103; border-color: #60a103 } .index-demo7 .btn-outline-primary:hover { background-color: #60a103; color: #fff; border-color: #60a103 } .index-demo7 .filterBox .swatches li.active, .index-demo7 .filterBox .swatches li:hover, .index-demo7 .size-swatches li.active, .index-demo7 .size-swatches li:hover, .index-demo7 .swatches li.active, .index-demo7 .swatches li:hover { box-shadow: 0 0 0 1px #60a103,0 0 0 0 #fff inset } .index-demo7 .brands-list .brands-logo a:hover, .index-demo7 .model-thumbnail-img .list-inline-item.active img { border-color: #60a103 } .index-demo7 .footer-links a:before { background-color: #e6e6e6 } .index-demo7 .footer.ftr-bg-black .footer-top a:before { background-color: #60a103 } .index-demo7 .section-clr { background-color: #fff; border-top: 1px solid #e9e9e9 } .category-image-3items.slick-slider .slick-dots, .index-demo7 .collection-banner-grid .details.middle-center { margin-top: 0 } .index-demo7 .slideshow { background: url('images/slideshow/demo7-banner-overlay.jpg') center; width: 100%; padding: 30px 0 } .index-demo7 .slideshow .middle-right .slideshow-content-in { max-width: fit-content } .index-demo7 .category-item .category-link { background: #f7f6f1; padding: 20px 20px 25px; display: block; border-radius: 4px !important; -webkit-border-radius: 4px !important } .index-demo7 .collection-banner-grid.onelarge-four-bnr .details .title { font-size: 22px; font-weight: 700; line-height: 1.3; text-transform: uppercase !important } .index-demo7 .collection-banner-grid .collection-item.ctImg3 .details .btn, .index-demo7 .collection-banner-grid .collection-item.ctImg4 .details .btn { font-size: 30px; font-weight: 700; text-transform: none; line-height: 1.3 } .index-demo7 .collection-banner-grid .collection-item.ctImg1 .details.bottom-right { right: 125px; bottom: 70px } .index-demo7 .collection-banner-grid .sale-banner .details .btn:hover { color: #fff; background-color: #568e06; border-color: #568e06 } .index-demo7 .hero-saleTime.dark.saleTime-circle .count-inner { background: #2b7c63; color: #fff; border-color: #2b7c63 } .index-demo7 .hero-btn { padding: 14px 40px 11px } .index-demo7 .ctg-bnr-wrap .ctg-title { font-size: 30px; line-height: normal; color: #333; text-transform: uppercase; font-weight: 700 } .index-demo7 .ctg-bnr-wrap .ctg-des { font-size: 20px; font-weight: 500 } .index-demo7 .newsletterbg { background-color: #18604a; color: #fff; padding: 30px 0 } .index-demo7 .newsletterbg label { font-size: 24px; margin-bottom: 0 } .index-demo7 .newsletterbg .newsletter-input, .index-demo7 .newsletterbg .newsletter-submit { border-radius: 5px } .index-demo7 #site-scroll, .index-demo9 .section-header h2 { font-size: 26px } .index-demo7 .collection-slider-5items .category-title { text-transform: uppercase; font-weight: 700 } .index-demo7 .tab-slider-product .nav-tabs .nav-link { color: #333; font-size: 16px; font-weight: 600 } .index-demo7 .pop_cate { border-top: 1px solid #e9e9e9 } .index-demo7 .quickshop-modal .product-form-submit .btn { padding-left: 20px; padding-right: 20px } .index-demo8 .cnrLangList li a.active, .index-demo8 .cnrLangList li a:hover, .index-demo8 .top-header { background: #000 } .index-demo8 .btn-primary, .index-demo8 .btn-secondary { background-color: #333; color: #fff; border: 1px solid #333; border-radius: 0 !important } .index-demo8 .btn-primary:focus, .index-demo8 .btn-primary:hover { background-color: #222; color: #fff; border-color: #222 } .index-demo8 .btn-secondary:focus, .index-demo8 .btn-secondary:hover { background-color: #111; color: #fff; border-color: #111 } .index-demo8 .category-item .counts, .index-demo9 .top-promo-bar.style1 .item a, .lookbook-shop .products .btn-shop .icon, .product-details-img .product-thumb .slick-arrow:before { font-size: 12px } .index-demo10 .button-set-top .btn-icon:hover, .index-demo8 .cart-count, .index-demo8 .wishlist-count { background-color: #222 } .header-8 .header-main { padding-top: 15px; padding-bottom: 15px } .header-8 .minisearch-inline, .header-9 .minisearch-inline { max-width: 260px } .header-8 .minisearch-inline .input-group-btn, .header-8 .minisearch-inline .input-group-field, .header-8 .minisearch-inline .rgsearch-category, .header-9 .minisearch-inline .input-group-btn, .header-9 .minisearch-inline .input-group-field, .header-9 .minisearch-inline .rgsearch-category, .quickview-modal .product-action .addtocart .btn, .variable-select select { height: 40px } .header-8 .minisearch-inline .input-group-btn { border-left: 1px solid #ddd; border-radius: 0 } .header-8 .minisearch-inline .input-group-field, .header-9 .minisearch-inline .input-group-field { padding-right: 50px } .header-8 .menu-outer { border-bottom: 1px solid #ddd; padding-bottom: 0; padding-top: 0 } .index-demo8 .category-item .details.box { background: #f6f6f6 } .index-demo8 .category-item .category-title { font-size: 16px; text-transform: uppercase } .index-demo8 .featured-content .featured-details.large-font h2 { font-size: 25px; font-weight: 700 !important; text-transform: uppercase } .index-demo8 .featured-content .featured-details.large-font .small-text { font-size: 15px; font-weight: 700 } .index-demo8 .section-header h2 { font-size: 25px; display: inline-block; position: relative; margin-bottom: 0 } .index-demo8 .section-header h2:after { content: ""; background-color: #333; height: 2px; width: 30px; position: absolute; right: -45px; top: 50% } .index-demo8 .section-header h2:before { content: ""; background-color: #333; height: 2px; width: 30px; position: absolute; left: -45px; top: 50% } .blog-article .content, .index-demo8 .collection-banner-grid .details .subtitle { margin: 10px 0 15px } .index-demo8 .collection-banner-grid .details .btn { padding: 8px 16px } .footer-8 .ftr-links a, .index-demo8 .grid-products .product-name a, .index-demo8 .grid-products .product-price .price { font-weight: 500; text-transform: uppercase } .index-demo8 .brands-list .brands-logo a { border: 1px solid #ddd; min-height: 70px; display: flex; align-items: center; padding: 10px } .index-demo8 .newsletter-section .newsletter-wrap { min-height: 160px; padding: 20px; display: flex; flex-direction: column; justify-content: center } .index-demo8 .section-clr { background-color: #f6f6f6 } .index-demo8 .logo-section .section-clr { padding: 60px !important } .index-demo8 #site-scroll { color: #fff; background: #000 } .index-demo8 #site-scroll:hover, .pagination .page-item.active .page-link, .pagination .page-item:hover .page-link { color: #fff; background: #333 } .index-demo9 .h1, .index-demo9 .h2, .index-demo9 .h3, .index-demo9 .h4, .index-demo9 .h5, .index-demo9 .h6, .index-demo9 .head-font, .index-demo9 h1, .index-demo9 h2, .index-demo9 h3, .index-demo9 h4, .index-demo9 h5, .index-demo9 h6 { color: #314662; font-weight: 700; text-transform: uppercase } .index-demo9 .product-availability .progress-bar, .index-demo9 .top-info-bar, .index-demo9 .top-promo-bar.style1 { background-color: #3e516a } .header-9 .header-main { background-color: #f8f8fa; padding-top: 15px; padding-bottom: 15px } .header-9 .minisearch-inline .input-group-btn { border-left: none } .header-10 #accountBox, .header-10 #settingsBox, .header-10 #siteNav > li .dropdown, .header-10 #siteNav > li .dropdown ul, .header-10 #siteNav > li .megamenu, .header-10 .cnrLangList li a, .header-9 #siteNav > li .dropdown, .header-9 #siteNav > li .dropdown ul, .header-9 #siteNav > li .megamenu, .modal-content { border-radius: 0 !important; -webkit-border-radius: 0 !important } .index-demo9 .about-section .about-details .small-text, .index-demo9 .section-header p { color: #a6b0bd; font-size: 18px; font-family: 'Edu VIC WA NT Beginner',cursive !important; font-weight: 400; margin: 0 0 10px } .index-demo9 #siteNav > li .megamenu li.lvl-1 li .site-nav:before, .index-demo9 .cart-count, .index-demo9 .footer-links a:before, .index-demo9 .lookbook-shop .grid-lb .btn-shop-close:hover, .index-demo9 .wishlist-count { background-color: #f57c00 } .index-demo9 .footer-3 .newsletterbg { background-color: #3e516a; padding: 40px 0 } .index-demo9 .minicart-bottom .shipinfo .progress-bar { background-color: rgba(245,124,0,.7) } .index-demo9 .footer-logo-links .social-icons li a:hover, .index-demo9 .model-thumbnail-img .list-inline-item.active img { border-color: #f57c00 } .index-demo9 .cnrLangList li a.active, .index-demo9 .cnrLangList li a:hover { color: #fff; border-color: #f57c00; background: #f57c00 } .index-demo9 #siteNav > li .megamenu li.lvl-1 li .site-nav:hover, .index-demo9 #siteNav > li ul.dropdown li a:hover, .index-demo9 #siteNav > li ul.dropdown li:hover > a, .index-demo9 #siteNav > li:hover > a, .index-demo9 #siteNav > li > a:hover, .index-demo9 #siteNav > li > a:hover:hover, .index-demo9 .footer .footer-top .footer-links .h4.active, .index-demo9 .iconset .hdr-icon:hover, .index-demo9 .minicart-bottom .subtotal .totalInfo .product-price, .index-demo9 .minicart-content .item .remove:hover, .index-demo9 .product-price .old-price + .price, .index-demo9 .social-sharing .btn:hover, .index-demo9 .text-link:hover, .index-demo9 a:not(.btn):focus, .index-demo9 a:not(.btn):hover { color: #f57c00 } .index-demo9 #siteNav > li .megamenu li.lvl-1 a.lvl-1, .index-demo9 .footer .footer-top .h4 { color: #314662 } .index-demo9 .footer-3 .footer-newsletter .news-icon { border-color: #506075 } .index-demo9 .footer-3 .footer-bottom, .index-demo9 .footer-3 .footer-top { background-color: #f5f5f5; border-color: #e6e6e6 } .index-demo9 .filterBox .swatches li.active, .index-demo9 .filterBox .swatches li:hover, .index-demo9 .size-swatches li.active, .index-demo9 .size-swatches li:hover, .index-demo9 .swatches li.active, .index-demo9 .swatches li:hover { box-shadow: 0 0 0 1px #f57c00,0 0 0 0 #fff inset } .index-demo9 .text-primary { color: #f57c00 !important } .index-demo9 #site-scroll, .index-demo9 .btn-primary { color: #fff; background-color: #f57c00; border-color: #f57c00 } .index-demo9 #site-scroll:hover, .index-demo9 .btn-primary:hover, .index-demo9 .footer-newsletter .input-group > .btn:hover { color: #fff; background-color: #ff9426; border-color: #ff9426; opacity: 1 } .index-demo9 .btn-outline-primary, .index-demo9 .btn-outline-primary:focus { background-color: transparent; color: #f57c00; border-color: #f57c00 } .index-demo9 .btn-outline-primary:hover, .index-demo9 .collection-banners.four-bnr .collection-item:hover .btn-light { background-color: #f57c00; color: #fff; border-color: #f57c00 } .index-demo9 .btn-secondary, .index-demo9 .btn-secondary:focus { background-color: #3e516a; color: #fff; border: 1px solid #3e516a } .header-10 .cnrLangList li a.active, .header-10 .cnrLangList li a:hover, .index-demo10 .btn, .index-demo10 .btn-primary { border-color: #fc4f4f; background-color: #fc4f4f } .index-demo9 .btn-secondary:hover { background-color: #30507b; color: #fff; border-color: #30507b } .index-demo9 .collection-banners.four-bnr .btn-light { font-size: 18px; padding: 12px 25px; color: #3e516a; text-transform: uppercase !important } .index-demo9 .collection-banners.four-bnr sup { font-size: 14px; top: -.5em; left: .2rem } .index-demo9 .collection-banners.four-bnr .zoom-scal:before { background-color: rgba(0,0,0,.3) } .index-demo9 .section-clr { background-color: #f7f9fb } .index-demo9 .product-collection .collection-banner-grid.two-bnr .details { max-width: 310px } .index-demo9 .collection-banner-grid.two-bnr .details { max-width: 380px; margin-bottom: 0; padding-bottom: 26px } .index-demo9 .collection-banner-grid.two-bnr .details .btn { padding: 13px 30px 12px; margin-top: 6px } .index-demo9 .testimonial-slider.style1 .testimonial-slide { background-color: #fff; border: 1px solid #ebebeb } .index-demo9 .grid-products .product-name a { font-size: 15px; font-weight: 500 } .index-demo9 .grid-products .button-set-top .btn-icon { color: #fff; background-color: #3e516a; font-size: 14px; width: 30px; height: 30px; border-radius: 0 !important; -webkit-border-radius: 0 !important } .index-demo9 .service-info .service-content h3 { margin: 0 0 10px; font-size: 16px } .footer-9 .payment-icons .icon { color: #646464 } .header-10 #siteNav > li ul.dropdown li a:hover, .header-10 #siteNav > li ul.dropdown li:hover > a, .header-10 #siteNav > li:hover > a, .header-10 #siteNav > li > a:hover, .header-10 #siteNav > li > a:hover:hover { color: #fc4f4f } .header-10 .cart-count, .header-10 .wishlist-count { background-color: #fc4f4f } .index-demo10 .collection-slider .category-item:hover a, .index-demo10 a:focus, .index-demo10 a:hover { color: #fc4f4f } .index-demo10 .btn, .index-demo10 .btn-primary { color: #fff; border-radius: 0 !important; -webkit-border-radius: 0 !important } .index-demo10 #site-scroll, .index-demo10 .btn-primary:focus, .index-demo10 .btn-primary:hover, .index-demo10 .btn:focus, .index-demo10 .btn:hover { color: #fff; background-color: #f23636; border-color: #f23636 } .index-demo10 .one-banner-section .bg-size { min-height: 173px } .index-demo10 .home-blog-post .blog-article .blog-content { background-color: #f9f7f5 } .index-demo10 .newsletter-section .newsletter-wrap { min-height: 200px; padding: 20px; display: flex; flex-direction: column; justify-content: center } .index-demo10 .newsletter-section .section-header p { color: #333; font-size: 14px } .index-demo10 .btn-secondary, .index-demo10 .btn-secondary:focus { background-color: #090909; color: #fff; border: 1px solid #090909 } .index-demo10 .btn-secondary:hover { background-color: #444; color: #fff; border-color: #444 } .index-demo10 .collection-slider-section2 .category-item .category-title { color: #fff; font-size: 14px; font-weight: 700; margin-bottom: 10px } .index-demo10 .category-item .details.box { background-color: #060606; color: #fff } .index-demo10 .collection-slider .category-item .pr-2 { padding-right: 20px } .index-demo10 .collection-slider .category-item .btn { border-radius: 100px !important; padding: 0; width: 40px; height: 40px; line-height: 40px; border: 0 !important } .index-demo10 .section-header h2 { font-size: 24px; font-weight: 800 } .index-demo10 .section-clr { background-color: #efefef } .index-demo10 .button-set-top .btn-icon { border-radius: 0 !important; -webkit-border-radius: 0 !important; background-color: #090909 } .index-demo10 .blog-article h2 { font-size: 17px; font-weight: 700 } .index-demo10 .blog-article .text-link i { vertical-align: middle; margin-top: -3px } .index-demo10 .service-section { background-color: #090909 !important } .index-demo10 .service-info.separate-line .service-wrap:not(:last-child) { border-right: 1px solid #535353 } .index-demo10 #site-scroll:hover, .index-demo10 .ftr-promo-bar { color: #fff; background-color: #f23636 } .footer-6 .phone-info .phone-icon, .index-demo10 .collection-banner-grid .sale-banner .details .title { font-size: 30px } .index-demo10 .mini-product .column-ttl:after { background-color: #333; width: 50px } .index-demo10 .section-clr.mini-product .mini-list-item:not(:last-child) { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #d8d8d8 } .index-demo10 .service-info .icon { background-color: transparent !important; height: auto; line-height: normal } .index-demo10 .tab-slider-product .nav-tabs .nav-link { text-transform: none; font-weight: 500 } .footer-10.footer.ftr-bg-black .footer-bottom, .footer-10.footer.ftr-bg-black .footer-top { background-color: #090909; border-color: #1e1e1e } .search-form .search-input { padding-right: 35px } .search-form .search-btn { border: none; padding: 0; margin: -1px 0 0; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 16px; line-height: 1 } .toolbar-wrapper { margin: 0 0 30px } .toolbar-wrapper .search-form { max-width: 300px; width: 100% } .toolbar-wrapper select { height: 36px; min-width: 65px } .blog-article .featured-image { position: relative; margin: 0 0 20px } .blog-article .blog-tag { font-size: 13px; margin: 0 0 5px; text-transform: uppercase; letter-spacing: .5px } .blog-article h2 { font-size: 24px; margin-bottom: 20px !important } .blog-article h2.h3 { font-size: 20px; margin-bottom: 10px !important } .blog-article h2.h1 { font-size: 30px; margin: 20px 0 10px !important } .blog-article .publish-detail li { color: #828282; display: inline-flex; align-items: center; font-size: 13px; margin-right: 15px } .blog-article .publish-detail li a { color: #828282 } .blog-article .publish-detail .icon { font-size: 13px; margin-right: 7px; margin-top: -2px } .blog-action .tags-list li a { padding: 0; border: none } .social-sharing .btn { color: #333; background-color: transparent; padding: 0; justify-content: center; margin: 0 0 0 15px } .social-sharing .btn:hover { color: var(--bs-primary); background-color: transparent } .social-sharing .share-title { font-size: 13px; font-weight: 400; text-transform: none; margin-left: 8px; display: none } .author-bio { background: #f5f5f5; padding: 30px; margin: 30px 0 0 } .author-bio .author-img { min-width: 100px; width: 100px } .blog-comment h2 { margin-bottom: 30px !important } .blog-item .date { font-size: 12px; position: absolute; top: 10px; left: 10px; background: #fff; padding: 10px; font-weight: 600; line-height: normal; text-align: center } .blog-item .date .dt { font-size: 25px; font-weight: 700; line-height: 1; margin-bottom: 2px } .blog-item .date .mt { font-weight: 500; line-height: 1.2 } .tags-list { margin: -4px } .tags-list .item { padding: 4px } .tags-list li button { background-color: #fff; display: inline-flex; align-items: center; padding: 6px 12px; border: 1px solid #e6e6e6; font-size: 13px } .tags-list li button i { color: var(--bs-primary); margin-left: 5px } .btn.brd-link { background: 0 0; color: #333; padding: 0 0 2px; margin: 15px 0 0; border: none; border-bottom: 1px solid #333; border-radius: 0 } .btn.brd-link:hover { background: 0 0; border-color: var(--bs-primary); color: var(--bs-primary) } .comment-img { width: 75px; margin-right: 20px } .comments-item + .comments-item { border-top: 1px solid #e6e6e6; margin-top: 20px; padding-top: 20px; padding-left: 40px } .comment-form { background: #fff; padding: 30px; border: 1px solid #e6e6e6 } .sidebar-bg .sidebar-widget { padding: 15px; margin-bottom: 20px; border-bottom: 1px solid #dfdfdf } .sidebar h2 { color: #333; font-size: 14px; margin: 0 } .sidebar .widget-content { padding-top: 15px } .sidebar .tags-list li a { padding: 5px 12px } .sidebar .item-title { line-height: 1.75; margin: 0 0 5px; font-weight: 600; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; font-size: 12px } .collection-top-filters .filterDD .swacth-list, .sidebar .scrollspy { max-height: 200px; overflow: hidden auto } .collection-top-filters .filterDD .swacth-list, .sidebar .scrollspy::-webkit-scrollbar { width: 4px; background-color: #f5f5f5; border-radius: 50px } .collection-top-filters .filterDD .swacth-list, .sidebar .scrollspy::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(85,85,85,.5) } .collection-top-filters .filterDD .swacth-list, .sidebar .scrollspy::webkit-scrollbar-track { border-radius: 10px; background-color: rgba(85,85,85,.5) } ::-webkit-scrollbar { width: 7px; height: 7px } ::webkit-scrollbar-thumb { background-color: #cecece; border-radius: 5px } ::webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 5px } .filter-widget .widget-title { position: relative; cursor: pointer } .filter-widget .widget-title:after { content: "\ea48"; font-family: annimex-icons; display: inline-block; position: absolute; left: 0; top: -3px; font-size: 17px; color: var(--bs-red) } .filter-widget .widget-title.active:after { content: "\ea45" } .sidebar-categories li { position: relative; font-size: 14px; font-weight: 600; padding: 0; margin: 0; display: block } .sidebar-categories li a { display: flex; align-items: center; justify-content: space-between; margin: 0 0 8px } .sidebar-categories li .count { font-size: 13px; color: #7e7e7e; margin-left: 7px } .color-1, .color-altin-c, .color-gold { border: 1px solid #827b57; border-radius: 3px; position: relative } .color-1:after, .color-5:after, .color-altin-c:after, .color-gold:after, .color-gumus:after, .color-silber:after { border-color: #3d3d3d !important } .color-1:before, .color-altin-c:before, .color-gold:before { content: ''; display: block; width: 30px; height: 30px; border-color: #827b57; background-image: -o-linear-gradient(315deg,#d3bb51,#fff 48%,#ccbd74); background-image: -moz-linear-gradient(315deg,#d3bb51,#fff 48%,#ccbd74); background-image: -webkit-linear-gradient(315deg,#d3bb51,#fff 48%,#ccbd74); background-image: linear-gradient(315deg,#d3bb51,#fff 48%,#ccbd74) } .color-2, .color-beige, .color-bej { border: 1px solid #d3c3b4; border-radius: 3px; position: relative } .color-13:after, .color-2:after, .color-3:after, .color-4:after, .color-686230:after, .color-68678:after, .color-beige:after, .color-bej:after, .color-beyaz:after, .color-cok-renkli:after, .color-gelb:after, .color-grau:after, .color-gri:after, .color-sari:after, .color-weiss:after { border-color: #303030 !important } .color-2:before, .color-beige:before, .color-bej:before { content: ''; display: block; width: 30px; height: 30px; border-color: #d3c3b4; background: #f5e0cc } .color-3, .color-beyaz, .color-weiss { border: 1px solid #979797; border-radius: 3px; position: relative } .color-3:before, .color-beyaz:before, .color-weiss:before { content: ''; display: block; width: 30px; height: 30px; border-color: #979797; background: #fff } .color-4, .color-grau, .color-gri { border: 1px solid #bdbdbd; border-radius: 3px; position: relative } .color-4:before, .color-grau:before, .color-gri:before { content: ''; display: block; width: 30px; height: 30px; border-color: #bdbdbd; background: #ddd } .color-5, .color-gumus, .color-silber { border: 1px solid #898989; border-radius: 3px; position: relative } .color-5:before, .color-gumus:before, .color-silber:before { content: ''; display: block; width: 30px; height: 30px; border-color: #898989; background-image: -o-linear-gradient(315deg,#a3a3a3,#fff 46%,#898989); background-image: -moz-linear-gradient(315deg,#a3a3a3,#fff 46%,#898989); background-image: -webkit-linear-gradient(315deg,#a3a3a3,#fff 46%,#898989); background-image: linear-gradient(315deg,#a3a3a3,#fff 46%,#898989) } .color-6, .color-braun, .color-kahverengi { border: 1px solid #62442a; border-radius: 3px; position: relative } .color-11:after, .color-14:after, .color-15:after, .color-16:after, .color-17:after, .color-19:after, .color-21:after, .color-6:after, .color-7:after, .color-8:after, .color-9:after, .color-blau:after, .color-bordeaux:after, .color-bordo:after, .color-braun:after, .color-gruen:after, .color-haki:after, .color-kahverengi:after, .color-khaki:after, .color-kirmizi-c:after, .color-lacivert:after, .color-lila:after, .color-marineblau:after, .color-mavi-c:after, .color-mor:after, .color-orange:after, .color-rot:after, .color-schwarz:after, .color-siyah:after, .color-tuerkis:after, .color-turkuaz:after, .color-turuncu:after, .color-yesil:after { border-color: #fff !important } .color-6:before, .color-braun:before, .color-kahverengi:before { content: ''; display: block; width: 30px; height: 30px; border-color: #62442a; background: #8b572a } .color-7, .color-kirmizi-c, .color-rot { border: 1px solid #920a1a; border-radius: 3px; position: relative } .color-7:before, .color-kirmizi-c:before, .color-rot:before { content: ''; display: block; width: 30px; height: 30px; border-color: #920a1a; background: #de001b } .color-8, .color-lacivert, .color-marineblau { border: 1px solid #101f6b; border-radius: 3px; position: relative } .color-8:before, .color-lacivert:before, .color-marineblau:before { content: ''; display: block; width: 30px; height: 30px; border-color: #101f6b; background: #1f3897 } .color-9, .color-blau, .color-mavi-c { border: 1px solid #488ce5; border-radius: 3px; position: relative } .color-9:before, .color-blau:before, .color-mavi-c:before { content: ''; display: block; width: 30px; height: 30px; border-color: #488ce5; background: #71b2ff } .color-10, .color-metalik, .color-metallik { border: 1px solid #9a603c; border-radius: 3px; position: relative } .color-10:after, .color-metalik:after, .color-metallik:after { border-color: #cb906f !important } .color-10:before, .color-metalik:before, .color-metallik:before { content: ''; display: block; width: 30px; height: 30px; border-color: #9a603c; background-image: -o-linear-gradient(315deg,#c27e57,#fff 52%,#cb906f); background-image: -moz-linear-gradient(315deg,#c27e57,#fff 52%,#cb906f); background-image: -webkit-linear-gradient(315deg,#c27e57,#fff 52%,#cb906f); background-image: linear-gradient(315deg,#c27e57,#fff 52%,#cb906f) } .color-11, .color-lila, .color-mor { border: 1px solid #4c2572; border-radius: 3px; position: relative } .color-11:before, .color-lila:before, .color-mor:before { content: ''; display: block; width: 30px; height: 30px; border-color: #4c2572; background: #8331cc } .color-12, .color-pembe, .color-rosa { border: 1px solid #cc7db7; border-radius: 3px; position: relative } .color-12:after, .color-20:after, .color-ekru:after, .color-pembe:after, .color-rosa:after, .color-wollweiss:after { border-color: #2a2a2a !important } .color-12:before, .color-pembe:before, .color-rosa:before { content: ''; display: block; width: 30px; height: 30px; border-color: #cc7db7; background: #ffa8e7 } .color-13, .color-gelb, .color-sari { border: 1px solid #d8c212; border-radius: 3px; position: relative } .color-13:before, .color-gelb:before, .color-sari:before { content: ''; display: block; width: 30px; height: 30px; border-color: #d8c212; background: #ffe500 } .color-14, .color-schwarz, .color-siyah { border: 1px solid #373737; border-radius: 3px; position: relative } .color-14:before, .color-schwarz:before, .color-siyah:before { content: ''; display: block; width: 30px; height: 30px; border-color: #373737; background: #565656 } .color-15, .color-tuerkis, .color-turkuaz { border: 1px solid #2f9776; border-radius: 3px; position: relative } .color-15:before, .color-tuerkis:before, .color-turkuaz:before { content: ''; display: block; width: 30px; height: 30px; border-color: #2f9776; background: #46c49e } .color-16, .color-orange, .color-turuncu { border: 1px solid #c08626; border-radius: 3px; position: relative } .color-16:before, .color-orange:before, .color-turuncu:before { content: ''; display: block; width: 30px; height: 30px; border-color: #c08626; background: #f5a623 } .color-17, .color-gruen, .color-yesil { border: 1px solid #72a23d; border-radius: 3px; position: relative } .color-17:before, .color-gruen:before, .color-yesil:before { content: ''; display: block; width: 30px; height: 30px; border-color: #72a23d; background: #7ed321 } .color-19, .color-bordeaux, .color-bordo { border: 1px solid #6b181f; border-radius: 3px; position: relative } .color-19:before, .color-bordeaux:before, .color-bordo:before { content: ''; display: block; width: 30px; height: 30px; border-color: #6b181f; background: #a52c36 } .color-20, .color-ekru, .color-wollweiss { border: 1px solid #bfb59b; border-radius: 3px; position: relative } .color-20:before, .color-ekru:before, .color-wollweiss:before { content: ''; display: block; width: 30px; height: 30px; border-color: #bfb59b; background: #ede9de } .color-21, .color-haki, .color-khaki { border: 1px solid #646d3f; border-radius: 3px; position: relative } .color-21:before, .color-haki:before, .color-khaki:before { content: ''; display: block; width: 30px; height: 30px; border-color: #646d3f; background: #8b9955 } .color-686230, .color-68678, .color-cok-renkli { border: 1px solid #9b5959; border-radius: 3px; position: relative } .color-686230:before, .color-68678:before, .color-cok-renkli:before { content: ''; display: block; width: 30px; height: 30px; border-color: #9b5959; background: #fa4750; background: linear-gradient(90deg,#fa4750 0,#e24597 13%,#a550ff 25%,#6c7ff8 38%,#70bbfd 50%,#2effd4 61%,#57e4a0 73%,#d2ab48 86%,#fdde0a 100%) } .sidebar-categories .sub-level ul { margin: 0 0 10px; display: none } .footer-contact p i, .sidebar-categories .sub-level ul li a { padding-left: 10px } .sidebar-categories .sub-level .sub-sub-level ul li a { padding-left: 20px } .sidebar-categories .sub-level > a:after { content: '\ebe0'; font-family: annimex-icons; display: inline-block; position: absolute; right: 0; top: 0; font-size: 13px } .sidebar-categories .sub-level > a.active:after { content: '\ebd1'; font-family: annimex-icons; color: var(--bs-primary) } .morelist .more { position: relative; cursor: pointer; color: #6c757d } .morelist .more:after, .morelist .more:before { content: "\ea48"; font-family: annimex-icons; position: absolute; right: 0; top: 0; line-height: 1 } .morelist .more:after { content: "\ea45"; top: 7px } .price-filter input[type=text] { height: 34px; padding: 0 10px; text-align: center; font-size: 13px; width: 100px } .price-filter .ui-slider-horizontal { background: #777; border: none; border-radius: 5px; height: 3px; margin-bottom: 20px } .price-filter .ui-slider-horizontal .ui-slider-range { background: var(--bs-primary) } .price-filter .ui-slider-handle { background: #fff; border: 2px solid var(--bs-primary); height: 12px; width: 12px; outline: 0; top: -5px; border-radius: 50%; cursor: w-resize; margin-left: 0 } .price-filter .ui-slider-handle + .ui-slider-handle { margin-left: -12px } .pagination-bottom { padding-top: 60px } .pagination .page-item { margin: 0 5px } .pagination .page-item .page-link { padding: 5px; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 0; color: #333; background-color: #f2f3f4; text-align: center; font-size: 15px; font-weight: 700; border: 0; outline: 0; box-shadow: none } .sidebar-sticky .sidebar-widget .store-info-item:after, .sidebar-sticky .sidebar-widget .store-info-item:before { content: ''; display: block; clear: both } .sidebar-sticky .sidebar-widget .store-info-item { margin-bottom: 30px } .collection-style4 .counts, .featureText, .sidebar-sticky .sidebar-widget .store-info-item:last-of-type { margin-bottom: 10px } #product-form-addtocart .product-title, #product-form-quickshop .product-title, .grid-products .item .product-name a { font-weight: 500; line-height: 1.5; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; font-size: 12px } .grid-products .item .product-image { position: relative; text-align: center; overflow: hidden; margin: 0 auto } .grid-products .item .product-image > a { position: relative; overflow: hidden; display: block; opacity: 1 } .grid-products .item .product-image img { display: inline-block; width: 100%; margin: 0 auto; -ms-transition: .4s ease-out; -webkit-transition: .4s ease-out; transition: .4s ease-out } .grid-products .item .product-image .hover { visibility: hidden; opacity: 0; left: 50%; top: 50%; position: absolute; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .grid-products .item .product-details.text-center .swatches, .tracking-steps { justify-content: center } .grid-products .item .swatches { margin: -3px; padding: 15px 0 0 } .grid-products .item .swatches li { margin: 3px } .grid-products.slick-slider .slick-arrow { margin-top: -40px } .hoverDetails .product-des .button-set.style2 { display: none; position: static; -webkit-transform: none; transform: none; box-shadow: none; margin-top: 15px } .button-set .btn-icon:hover, .hoverDetails .product-des .button-set .btn-icon, .sidebar-filter .filterbar.active .closeFilter:hover { color: #fff; background-color: #333 } .hoverDetails .product-des .button-set .btn-icon:hover, .tracking-steps .step.current { color: #fff; background-color: var(--bs-primary) } .product-availability { position: absolute; bottom: 0; background: #fff; font-size: 12px; padding: 10px; margin: 5px; left: 0; right: 0 } .size-swatches, .swatches { margin: -5px; list-style: none } .button-set, .button-set-top { right: 5px; -webkit-transition: .3s ease-out } .product-availability .progress { height: 6px; margin: 5px 0 0 } .product-labels { position: absolute; right: 5px; top: 5px; z-index: 1 } .button-set, .button-set-bottom, .button-set-top { z-index: 5; position: absolute } .aboutVideo-modal .btn-close, .product-labels.radius, .product-labels.rectangular, .product-labels.round, .product-labels.round-pill, .product-labels.rounded, .productVideo-modal .btn-close, .threesixty-modal .btn-close { left: 5px; top: 5px } .button-set.style2 .btn-icon:first-child, .button-set.style2 .btn-icon:last-child, .faqs-style .accordion .accordion-header .accordion-button.collapsed, .product-labels.rectangular .lbl, .size-swatches li.radius, .size-swatches li.radius .swatchLbl, .swatches li.radius, .swatches li.radius .swatchLbl, .swatches li.radius img, .swatches li.square img { border-radius: 0 } .product-labels.radius .lbl { border-radius: 3px } .product-labels.round .lbl { border-radius: 50%; width: 43px; height: 43px; line-height: 43px; padding: 0 10px } .product-labels.rounded .lbl { border-radius: 50%; padding: 5px; display: flex; align-items: center; justify-content: center; white-space: nowrap; word-break: break-all; text-align: center; min-height: 45px; min-width: 45px } .product-labels.round-pill .lbl { border-radius: 50rem } .product-labels .lbl { display: flex; color: #fff; font-size: 10px; font-weight: 600; text-align: center; padding: 3px; margin-bottom: 5px; border-radius: .25rem; height: 30px; width: 70px } .product-labels .lbl > i { display: flex; align-items: center; justify-content: center; font-size: .825rem; width: 20%; height: 10px; margin: 5px 2px } .product-labels .lbl > span { font-weight: 600; text-align: center; width: 80%; font-size: .625rem; line-height: 10px; text-transform: uppercase; -webkit-font-smoothing: antialiased; margin-right: 6px; margin-top: 1px } .product-labels .on-sale { right: 0; background: var(--bs-red) } .product-labels .new, .product-labels .pr-label1 { background: #01bad4 } .product-labels .hot, .product-labels .pr-label2 { background: #e9a400 } .product-labels .pr-label3 { left: 0; background: var(--bs-green) } .product-labels .pr-label4 { left: 0; background: #fb6c3e } .button-set .btn-icon, .size-swatches li { background-color: #fff; text-transform: uppercase; text-align: center } .button-set, .button-set-top { top: 5px; transition: .3s ease-out } .button-set .btn-icon { color: #333; font-size: 14px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 0; border: 0; padding: 0; margin: 0 } .button-set.style2 { display: flex; justify-content: center; align-items: center; top: auto; bottom: 5px; right: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .button-set.style2 .btn-icon:not(:last-child), .saleTime.horizonal .ht-count:not(:last-child) .count-inner { border-bottom: none; border-right: 1px solid #e6e6e6 } .button-set.style3 { left: 5px; right: auto } .button-set-top .btn-icon { color: #fff; background-color: #333; font-size: 16px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; text-align: center; border-radius: 0; border: 0; padding: 0; margin: 0 0 5px } .size-swatches li, .swatches li { position: relative; margin: 5px; border: 1px solid #fff; cursor: pointer } .button-set-bottom { left: 0; right: 0; bottom: 5px; -webkit-transition: .3s ease-out; transition: .3s ease-out } .swatches { padding: 7px 0 0; display: flex; flex-wrap: wrap; align-items: center } .swatches li { display: inline-flex; height: 17px; width: 17px; box-shadow: 0 0 1px 1px #ddd } .swatches li img { display: block; width: 100%; height: 100%; margin: 0 auto } .size-swatches li .swatchLbl, .swatches li .swatchLbl { width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center } .filterBox .swatches li.active, .filterBox .swatches li:hover, .size-swatches li.active, .size-swatches li:hover, .swatches li.active, .swatches li:hover { border-color: #fff; box-shadow: 0 0 0 1px #000,0 0 0 0 #fff inset } .swatches li.small { border-width: 2px } .swatches li.rectangle { width: 34px; height: 24px } .swatches li.medium { height: 20px; width: 20px } .swatches li.large { height: 30px; width: 30px } .swatches li.x-large { height: 40px; width: 40px } .swatches li.navy { background-color: #000082 } .swatches li.green { background-color: #007d00 } .swatches li.gray { background-color: #828282 } .swatches li.aqua { background-color: #01dfdf } .swatches li.orange { background-color: #ffa602 } .swatches li.purple { background-color: #930293 } .swatches li.teal { background-color: #007d7d } .swatches li.red { background-color: #fb0404 } .swatches li.yellow { background-color: #fbfb02 } .swatches li.darkgreen { background-color: #00ac00 } .swatches li.maroon { background-color: #7b0202 } .swatches li.blue { background-color: #0000fe } .swatches li.pink { background-color: #ffc1cc } .swatches li.blueviolet { background-color: #8a2be2 } .swatches li.brown { background-color: brown } .swatches li.khaki { background-color: khaki } .size-swatches { padding: 0; display: flex; flex-wrap: wrap; align-items: center } .size-swatches li { color: #222; font-size: 13px; font-weight: 500; min-width: 30px; height: 30px; overflow: hidden; box-shadow: 0 0 1px 1px #ddd; padding: 0; display: flex; align-items: center; justify-content: center; -ms-transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out } .size-swatches li .swatchLbl { padding: 0 5px; line-height: normal } .size-swatches li.x-large { min-width: 36px; height: 36px } .swatch-rectangle-style .size-swatches li, .swatch-rectangle-style .swatches li { width: auto; min-width: auto; height: 30px; padding: 0 10px; background-color: #f5f5f5; box-shadow: 0 0 1px 1px #ddd } .swatch-rectangle-style .size-swatches li.active, .swatch-rectangle-style .swatches li.active { background-color: #333; color: #fff; border: 1px solid #333 } .filterBox ul:not(.filter-color) input[type=checkbox] + label { display: block; padding: 0; margin: 0 0 5px; cursor: pointer; font-weight: 400 } .filterBox ul:not(.filter-color) input[type=checkbox] + label > span { background: #fff; display: inline-block; width: 16px; height: 16px; margin: -3px 0 0 10px; border: 1px solid #d0d0d0; vertical-align: middle; border-radius: 2px } .filterBox ul:not(.filter-color) input[type=checkbox]:checked + label > span:before { content: "\ea7f"; font-family: annimex-icons; display: block; width: 15px; color: #fff; background: var(--bs-orange); font-size: 10px; line-height: 15px; text-align: center; border-radius: 2px } .filterBox ul:not(.filter-color) input[type=checkbox] { width: 20px; height: auto; margin: 0; padding: 0; font-size: 1em; opacity: 0; display: none } .saleTime { position: absolute; bottom: 5px; left: 5px; z-index: 2 } .saleTime .time-count { color: #141414; font-weight: 700; font-size: 12px } .saleTime span > span { max-width: 50px; min-width: 30px; padding: 6px 4px 4px; line-height: 12px; font-weight: 700; display: block; margin: 0; text-align: center; background: rgba(255,255,255,.8); color: #333 } .saleTime span > span span { display: block; background: 0 0; font-size: 10px; font-weight: 400; margin-top: -3px; text-transform: uppercase; line-height: 8px } .saleTime.horizonal { display: flex; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .saleTime.dark .count-inner { background: #333; color: #fff } .size-swatches li.soldout, .swatches li.soldout { opacity: .5; cursor: no-drop; box-shadow: 0 0 1px 1px #ddd; border: 1px solid #fff } .size-swatches li.soldout:after, .swatches li.soldout:after { content: ""; opacity: 1; visibility: visible; position: absolute; left: 0; top: 0; bottom: 0; display: block; width: 100%; height: 100%; background: url(../assets/images/icons/soldout.svg) 50% 50%/cover no-repeat; -webkit-transform: none; transform: none; border: none; margin: 0; z-index: 100 } .size-swatches li.soldout .swatchLbl, .swatches li.soldout .swatchLbl, .swatches li.soldout img { position: relative; z-index: 2 } .toolbar .view-mode .icon-mode { position: relative; min-width: 19px; height: 26px; display: none; border: 1px solid #9b9b9b; margin-left: 5px; cursor: pointer } .toolbar .view-mode .icon-mode:before { content: ""; background: #9b9b9b; position: absolute; top: 3px; left: 3px } .toolbar .view-mode .icon-mode.mode-list:before { width: 18px; height: 4px; box-shadow: 0 7px 0 #9b9b9b,0 14px 0 #9b9b9b } .toolbar .view-mode .icon-mode.grid-3, .toolbar .view-mode .icon-mode.mode-list { width: 26px } .toolbar .view-mode .icon-mode.mode-grid:before { width: 4px; height: 18px } .toolbar .view-mode .icon-mode.grid-2 { width: 19px } .toolbar .view-mode .icon-mode.grid-2:before { box-shadow: 7px 0 0 #9b9b9b } .toolbar .view-mode .icon-mode.grid-3:before { box-shadow: 7px 0 0 #9b9b9b,14px 0 0 #9b9b9b } .toolbar .view-mode .icon-mode.grid-4 { width: 33px } .toolbar .view-mode .icon-mode.grid-4:before { box-shadow: 7px 0 0 #9b9b9b,14px 0 0 #9b9b9b,21px 0 0 #9b9b9b } .toolbar .view-mode .icon-mode.grid-5 { width: 40px } .toolbar .view-mode .icon-mode.grid-5:before { box-shadow: 7px 0 0 #9b9b9b,14px 0 0 #9b9b9b,21px 0 0 #9b9b9b,28px 0 0 #9b9b9b } .toolbar .view-mode .icon-mode.active { border-color: #333 } .toolbar .view-mode .icon-mode.active.mode-list:before { box-shadow: 0 7px 0 #333,0 14px 0 #333 } .toolbar .view-mode .icon-mode.active.grid-2:before { box-shadow: 7px 0 0 #333 } .toolbar .view-mode .icon-mode.active.grid-3:before { box-shadow: 7px 0 0 #333,14px 0 0 #333 } .toolbar .view-mode .icon-mode.active.grid-4:before { box-shadow: 7px 0 0 #333,14px 0 0 #333,21px 0 0 #333 } .toolbar .view-mode .icon-mode.active.grid-5:before { box-shadow: 7px 0 0 #333,14px 0 0 #333,21px 0 0 #333,28px 0 0 #333 } .footer-5.ftr-bg-black .footer-top, .ratings-list .progress-bar, .toolbar .view-mode .icon-mode.active:before { background-color: #333 } .btn.btn-filter { padding: 8px 15px } .btn.btn-filter:before { font-family: annimex-icons; font-size: 18px; margin-right: 6px } .sidebar-filter .filterbar { width: 300px; height: 100%; padding: 0 !important; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.3); position: fixed; top: 0; left: -335px; z-index: 9999; -ms-transition: .5s; -webkit-transition: .5s; transition: .5s } .product-details-img .product-thumb .slick-prev, .sideProSlider .slick-prev, .sidebar-filter .filterbar.active { left: 0 } .sidebar-filter .filterbar .sidebar-tags { position: relative; z-index: 9; background: #f8f9fa; padding: 30px 20px; height: 100%; overflow: auto } .sidebar-filter .filterbar .filterBox { padding: 0; border: none; margin-bottom: 30px } .sidebar-filter .filterbar.active .closeFilter { color: #fff; background-color: #333; font-size: 15px; line-height: 37px; height: 35px; width: 35px; text-align: center; cursor: pointer; position: absolute; top: 10px; left: 100%; box-shadow: 0 0 1px #fff; -ms-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .sidebar-filter .filterbar.active .closeFilter i { vertical-align: inherit } .sidebar-filter .filterbar.active .closeFilter:after { content: ''; background: rgba(0,0,0,.5); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -1 } .sideProSlider .slick-arrow { opacity: 0; visibility: hidden; width: 32px; height: 32px; background: #fff } .grid-products .list-style .item { padding-top: 30px; width: 100% } .grid-products .list-style .product-box { width: 100%; display: flex; align-items: center } .grid-products .product-box { min-height: 100% } .grid-products .list-style .product-image { position: relative; flex: 0 0 250px; width: 250px; margin: 0 20px 0 0 } .grid-products .list-style .product-details.text-center .swatches { justify-content: flex-start } .grid-products .list-style .sort-desc { display: inline-block; margin: 10px 0 } .grid-products .list-style .swatches { padding: 2px 0 } .grid-products .list-style .button-action { display: inline-block; margin: 15px 0 0 } .grid-products .list-style .button-set .btn-icon.quickview { border-top-left-radius: 5px; border-bottom-left-radius: 5px } .collection-top-filters .flTtl { font-size: 14px; font-weight: 600; color: #333; background: 0 0; text-transform: uppercase; display: flex; align-items: center; justify-content: space-between; border: none; outline: 0; padding: 6px 15px } .collection-top-filters .flTtl:after { content: "\ea45"; font: 15px/1 annimex-icons; padding: 0 0 0 5px; margin: 0; border: none } #filter-scroll, #site-scroll { line-height: 36px; left: 30px; z-index: 444 } .collection-top-filters .count-bubble { color: #fff; background-color: #333; display: inline-block; margin: 0 auto 0 5px; height: 15px; width: 15px; line-height: 15px; font-size: 10px; font-weight: 400 } .category-image .image { width: 100px; min-width: 100px } .category-image .contain { padding: 10px; width: 100% } .category-image .contain h4 { font-size: 16px; text-transform: capitalize; margin: 0 0 7px } .category-image-3items.slick-slider .slick-arrow { margin-top: -20px } .hot-categories .hot-cat-wrap:hover .bg-light { background-color: #efefef !important } .sub-collection .category-item .details { background-color: #f5f5f5; padding: 15px 10px } .sub-collection .category-item .category-title { text-transform: uppercase; font-size: 15px } .collection-style2 .details { margin: 0; padding: 15px 10px 0; position: absolute; bottom: 0; width: 100%; background-color: #000 } .collection-style2 .details h4 { font-size: 16px; color: #fff; text-transform: uppercase } .collection-style2 .details .btn { position: relative; min-width: 130px; height: 45px } .collection-style2 .details .btn span { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: .3s; transition: .3s } .collection-style2 .category-link:hover .btn-light { background-color: var(--bs-primary); color: #fff; border-color: var(--bs-primary) } .collection-style2-page .collection-style2 .details { background-image: -webkit-linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent 110px); background-image: linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent 110px); background-color: transparent; padding-top: 35px } .collection-style3 .category-item .details .description { font-size: 13px; margin: 0 0 20px } .collection-style3 .category-item .category-title { font-size: 18px; text-transform: uppercase } .collection-style4 .details { position: absolute; top: 50%; left: 0; padding: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .category-text-banner .banner-large { position: relative; height: 225px } .category-text-banner .banner-content { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 30px } .product-countdown .count-inner { background-color: #e9ecf2; min-width: 60px; text-transform: uppercase; border: 0; border-radius: 0; padding: 10px; margin: 0 3px; display: block } .product-countdown .count-inner .time-count { color: #333; font-size: 20px; line-height: 20px; font-weight: 700; display: block; width: 100%; text-align: center; margin: 0 } .product-countdown .count-inner .text { color: #333; font-size: 12px; line-height: 12px; display: block; background-color: transparent; border: 0; padding: 0; margin: 5px 0 0; min-width: 100% } .category-item .fprice { position: absolute; z-index: 9; bottom: 0; right: 0; line-height: 1; background: #fff; padding: 7px 12px; text-align: center } .category-item .fprice .ftxt { opacity: .7; display: block; margin-bottom: 3px; font-size: 13px } .category-item .fprice .fprc { color: var(--bs-primary); font-size: 16px; font-weight: 700; display: block } .category-item .foffer { color: #fff; font-size: 14px; font-weight: 400 } .countdown-text .prcountdown > span { color: #333; font-size: 13px; font-weight: 600; position: relative; text-transform: uppercase; letter-spacing: .05em } .countdown-text .prcountdown > span + span { margin: 0 0 0 10px; padding: 0 0 0 10px } .countdown-text .prcountdown > span + span:before { content: ":"; position: absolute; left: -2px } .countdown-text.style1 { background-color: #f4f7fb; padding: 10px; text-align: center } .countdown-text.style1 label { color: #333; text-transform: uppercase; font-weight: 600; display: block; font-size: 16px; text-decoration: underline; margin: 0 } .inline-countdown .count-inner { display: flex; align-items: center; position: relative; margin: 0 10px 0 0; padding: 0 10px 0 0; line-height: 1 } .inline-countdown .time-count { color: var(--bs-primary); font-size: 20px; font-weight: 700; margin: 0 6px 0 0; padding: 0 } .inline-countdown .text { color: #6c757d; font-size: 14px; margin: 0; padding: 1px 0 0 } .inline-countdown .ht-count + .ht-count .count-inner:before { content: ":"; position: absolute; left: -11px } .text-in-stock { color: #090; text-transform: uppercase; font-weight: 600 } .text-out-stock { color: #dd0101; text-transform: uppercase; font-weight: 600 } .btn.remove-icon { position: absolute; left: 5px; top: -10px; z-index: 1; height: 22px; width: 22px; line-height: 22px; text-align: center; padding: 0; border-radius: 50% } .btn.remove-icon .icon { font-size: 12px; margin-left: 1px } .btn.soldOutBtn { background-color: #f54337; border-color: #f54337; opacity: 1 } .soldOutBtn { pointer-events: none; opacity: .75 } .table-bottom-brd table tr { border-bottom: 1px solid #ddd } .table-bottom-brd table td, .table-bottom-brd table th { padding: 15px 10px; border: none; box-shadow: none } .table-bottom-brd table th { padding: 12px 10px } .table-bottom-brd table > :not(:first-child) { border-color: #ddd } .table-bottom-brd table tfoot { border: none !important } .wishlist-table table .product-thumbnail { position: relative; width: 120px } .compare-table table .product-image .quick-view-modal, .wishlist-table table .product-thumbnail .btn { opacity: 0; visibility: hidden; font-size: 16px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 35px; height: 35px; padding: 5px; box-shadow: 0 0 5px rgba(0,0,0,.1) !important } .wishlist-table table .product-img { width: 100px; display: block } .compare-table table tr th:first-child { min-width: 180px; text-align: right } .compare-table table td, .compare-table table th { padding: 15px; text-align: center } .compare-table table tr:nth-of-type(2n) { background-color: #f8f9fa } .compare-table table .image { margin: 0 auto; display: block } .compare-table .product-action .btn { min-width: 150px } .cart-col h5 { font-size: 15px; font-weight: 600; text-transform: uppercase } .cart-meta-text { color: #222; font-size: 12px; line-height: 1.6; padding: 5px 0 } .cart-image, .product-form-quantity .qtyField { width: 100px } .cart-delete { width: 30px } .bg-block { padding: 20px; background-color: #f5f5f5; border: 1px solid #e6e6e6 } .cart-info { padding: 20px; background-color: transparent; border-radius: .25rem; border: 1px solid #e6e6e6 } .card, .card-header { border-color: #f5f5f5 } .cart-subtotal-title { text-transform: uppercase; font-size: 14px } .cart-subtotal { padding-left: 15px; display: inline-block } .cart-shipping { font-style: italic; font-size: 13px } .cart-style2-page .table-bottom-brd table tfoot, .cart-style2-page .table-bottom-brd table thead { background: #f5f5f5 } #Content_account_DataPager1, .counter-inline { display: flex } .counter-inline .ht-count { position: relative; color: var(--bs-primary); font-size: 14px; font-weight: 600; margin: 0 8px } .counter-inline .ht-count:not(.days):after { content: ":"; position: absolute; left: -10px; font-weight: 600 } .checkout-form .block { transition: .3s ease-in; border: 1px solid #e6e6e6; border-radius: .25rem; padding: 20px } .card { background-color: #fff; border-radius: 0; margin-bottom: 10px } .card-header { position: relative; padding: 10px 15px } .card-header .card-link { position: relative; text-decoration: none } .card-header .card-link:before { content: "\eb66"; font-family: annimex-icons; font-size: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%) } .order-table .table .thumb, .order-table .table .thumbImg { width: 60px; display: block } .order-table.table-bottom-brd table tr:last-child { border-bottom: none } .payment-accordion .card { background: 0 0; border: 1px solid #ddd; border-radius: 4px } .payment-accordion .card .card-header { background-color: transparent; padding: 0; border: none } .payment-accordion .card .card-header .card-link { background-color: transparent; color: #333; padding: 10px 15px 8px; display: block; font-size: 14px; font-weight: 400; width: 100%; text-align: right; margin: 0; border: none; border-bottom: 1px solid transparent } .payment-accordion .card .card-header .card-link:hover, .payment-accordion .card .card-header .card-link[aria-expanded=true] { border-color: #ddd; color: var(--bs-primary); border-radius: 0 } .payment-accordion .card .card-header .card-link:before { left: 15px } .step-checkout .step-items { margin: -5px -15px; padding-bottom: 30px; justify-content: center; border: none } .step-checkout .nav-link { width: auto; text-align: center; padding: 10px 30px; border-radius: 0; margin: 5px 15px; background-color: #333; color: #fff; border-color: #333; font-size: 15px; font-weight: 600; text-transform: uppercase; cursor: pointer; position: relative; z-index: 1; transition: 150ms ease-in-out } .step-checkout .nav-link:after { content: ""; cursor: default; width: 31px; height: 4px; background-color: #333; display: block; position: absolute; top: 50%; margin-top: -2px; right: 100%; z-index: -1 } .step-checkout .nav-item.onactive ~ .nav-item .nav-link { background-color: #ebebeb; color: #888; border-color: #ebebeb } .step-checkout .nav-item.onactive ~ .nav-item .nav-link:after { background-color: #ebebeb } .payment-accordion-radio .card { background: 0 0; border: none; border-radius: 0 } .payment-accordion-radio .card .card-header { background-color: transparent; padding: 0; border: none; border-radius: 0 } .payment-accordion-radio .card .card-header .card-link { background-color: transparent; color: #333; padding: 0; display: block; width: 100%; text-align: left; margin: 0; border: none } .payment-accordion-radio .card .card-header .card-link:hover, .payment-accordion-radio .card .card-header .card-link[aria-expanded=true] { color: var(--bs-primary); border-radius: 0 } .checkout-card h2 { font-size: 30px; margin-bottom: 15px } .checkout-card .icon { color: #198754; font-size: 70px; margin: 0 0 20px; display: block } .checkout-card .text-order { padding: 10px 20px; font-size: 13px; font-weight: 600; letter-spacing: .5px } .billing-details p:not(:last-child), .shipping-details p:not(:last-child) { margin: 0 0 5px } .template-product .page-header { padding: 15px 0; text-align: left !important } .product-details-img .product-thumb-horizontal div.slick-slide { padding: 0 5px; cursor: pointer } .product-details-img .product-thumb .slick-arrow { background-color: rgba(255,255,255,.8); border-radius: 100% !important; width: 25px; height: 25px } .product-details-img .product-thumb .slick-arrow:hover { background-color: rgba(255,255,255,.9); box-shadow: 0 0 4px rgba(0,0,0,.1) !important } .product-details-img .product-thumb .slick-slide img { border: 1px solid transparent } .product-details-img .product-thumb .slick-slide.active img { border-color: #c1c1c1 } .product-details-img .product-buttons { position: absolute; right: 10px; bottom: 10px; z-index: 99 } .product-details-img .product-buttons .btn { font-size: 15px; height: 36px; width: 36px; text-align: center; margin-top: 5px; clear: both; padding: 0 } .product-thumb-left-style .thumb-left { width: 15.5%; padding: 0; margin: 0 } .product-thumb-left-style .product-zoom-right { width: calc(85% - 20px); padding: 0; margin: 0 0 0 15px } .product-thumb-left-style .product-thumb-vertical div.slick-slide { padding: 0 0 10px; cursor: pointer } .product-thumb-left-style .model-thumbnail-img .carousel-arrow, .product-thumb-left-style .product-thumb .slick-arrow { width: 100%; height: 30px; margin: 0; padding: 0; -webkit-transform: none; -ms-transform: none; transform: none; border-radius: 0 !important; -webkit-border-radius: 0 !important } .product-thumb-left-style .model-thumbnail-img .carousel-control-prev, .product-thumb-left-style .product-thumb .slick-arrow.slick-prev { top: 0; left: auto; bottom: auto } .product-thumb-left-style .model-thumbnail-img .carousel-control-next, .product-thumb-left-style .product-thumb .slick-arrow.slick-next { bottom: 0; right: auto; top: auto } .product-thumb-left-style .product-thumb .slick-prev:before { content: "\ea91" } .product-thumb-left-style .product-thumb .slick-next:before { content: "\ea8a" } .product-thumb-right-style .product-zoom-right { margin: 0 15px 0 0 } .product-main-title { color: #333; font-size: 28px; font-weight: 700; margin-bottom: 12px } .product-main-subtitle { color: #9b9b9b; font-size: 14px; margin: 0 0 6px } .product-main-title + .product-main-subtitle { margin: -5px 0 10px } .product-single-meta .reviewLink:before { content: "|"; margin: 0 10px; color: #6c757d } .product-single-meta .product-price .price { font-size: 22px; font-weight: 600; line-height: 1; color: #f50000 } .product-single-meta .product-price .old-price { font-size: 18px; color: #4c4c4c; font-weight: 500 } .product-single-meta .product-availability .progress { margin: 12px 0 20px } .product-single-meta .orderMsg .icon { color: var(--bs-primary); font-size: 18px; margin-right: 10px; -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.6,0,1,1); -webkit-animation-duration: .8s } @-webkit-keyframes blinker { from { opacity: 1 } to { opacity: 0 } } @keyframes blinker { from { opacity: 1 } to { opacity: 0 } } .product-form-submit .btn { height: 45px; width: 100% } .product-form-quantity .qtyField input { font-size: 15px; width: 100px; height: 45px } .product-form .swatches-size .sizelink { font-size: 13px; margin-left: 90px; text-transform: uppercase; font-weight: 600 } .infolinks .text-link { text-decoration: none; text-transform: none; font-weight: 400; width: auto; height: auto; padding: 0; margin: 0 15px 0 0; display: flex; align-items: center } .featureText .icon { min-width: 25px; font-size: 16px; vertical-align: sub; text-align: right } .uersView { font-size: 13px; font-weight: 700; min-width: 30px; display: inline-block; text-align: center; border-radius: 3px; background: var(--bs-primary); color: #fff; padding: 1px 5px; margin: 0 5px 0 3px } .product-form-border { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px 0; margin: 20px 0 15px } .bg-block.xsm, .brands-search, .orderMsg { padding: 10px } .product-two-gallery .product-labels { left: .5rem; top: 1.5rem } .product-wrap-bg.bg-block { padding: 30px 25px; background-color: #fbfbfb; border: 0 } .orderMsg { background-color: #fee } .orderMsg strong { color: #ea0000 } #productInquiry .page-title h3, #sizechart h4 { font-size: 20px; text-transform: uppercase } .tabs-listing .product-tabs li a { font-size: 14px; font-weight: 600; text-transform: uppercase; position: relative; display: block; padding: 0 0 10px; background-color: transparent; color: #333; border: none; cursor: pointer; margin-left: 40px } .tabs-listing .product-tabs li a:before { content: ""; width: 0; height: 1px; background-color: #333; position: absolute; bottom: -1px; left: 0; right: 0 } .tabs-listing .product-tabs.style2 li a { color: #333; background-color: #eee; padding: 12px 25px; margin: 0 5px; line-height: normal } .tabs-listing .product-tabs.style2 li.active a, .tabs-listing .product-tabs.style2 li:hover a { background-color: #222b4c; color: #fff } .tabs-listing .product-tabs.style3 li a { color: #333; background-color: #f5f5f5; border: 1px solid transparent; border-bottom: 0; padding: 10px 25px; margin-right: 10px } .tabs-listing .product-tabs.style3 li.active a, .tabs-listing .product-tabs.style3 li:hover a { background-color: #fff; color: #333; border-color: #ddd } .tabs-listing .product-tabs.style3 li a:before { background: #ddd } .tabs-listing .acor-ttl.active { border-bottom: 1px solid #333 } .tabs-listing .acor-ttl { display: block; padding: 15px 0; position: relative; font-weight: 600; letter-spacing: 1px; border-bottom: 1px solid #e8e9eb; font-family: IRANSans,Helvetica,Tahoma,Arial,sans-serif; margin: 0; font-size: 12px; cursor: pointer } .tabs-listing .tab-container { padding: 30px 0 0; text-align: left } .tabs-listing .tab-container .tab-content .size-chart-tbl tbody tr th { text-align: left; width: 150px } .tabs-listing .prstyle2 .tabs-listing .acor-ttl:before { position: absolute; right: 15px; top: 15px; content: "\f107"; font-family: annimex-icons; font-size: 16px; font-weight: 400 } .tabs-listing .prstyle2 .tabs-listing .acor-ttl.active:before { content: "\f106"; color: #333 } .tab-accordian-style .accordion-button { font-size: 14px; font-weight: 600; margin: 0; padding: 12px 30px 12px 15px; text-transform: uppercase; color: #333; background-color: #f5f5f5; border: 1px solid #eee; border-radius: 0 !important } .tab-accordian-style .accordion-button:after { content: "\ea45"; font-family: annimex-icons; font-size: 18px; font-weight: 400; position: absolute; top: 52%; right: 12px; background: 0 0; width: auto; height: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .tab-accordian-style .accordion-button:hover, .tab-accordian-style .accordion-button:not(.collapsed) { color: #fff; background-color: #222b4c; border-color: #222b4c } .tab-vertical-style .nav-pills .nav-link { font-size: 14px; font-weight: 600; margin: 0 0 15px; padding: 12px 15px; text-transform: uppercase; color: #333; background-color: #f5f5f5; border: 1px solid #eee; border-radius: 0 } .checkmark-info li { position: relative; list-style: none; margin-right: 25px; text-align: right } .checkmark-info li:before { content: "\eb8c"; font-family: annimex-icons; position: absolute; right: -25px; top: 4px; color: var(--bs-primary); text-align: left; font-size: 15px; line-height: normal } .checkmark-info li:not(:last-child) { margin-bottom: 8px } .table-part tr th { background-color: #f5f5f5; font-weight: 500 } .table-part tr td, .table-part tr th { text-align: right; padding: 10px 15px } .size-chart-tbl tr th { background: #f5f5f5; color: #333; white-space: nowrap } .size-chart-tbl tr td, .size-chart-tbl tr th { padding: 10px 15px; text-align: center; font-size: 13px } .avg-rating .avg-mark { font-size: 60px; line-height: 1; margin-bottom: 0; letter-spacing: -.05em } .avg-rating .text-rating { font-size: 16px; font-weight: 500; margin-bottom: 0 } .ratings-list .progress { margin: 0 20px; height: 10px; background-color: #eee; width: 100% } .spr-header { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #ddd } .spr-review-profile { width: 80px; margin-right: 20px } .spr-review-profile img { border-radius: 100% } .product-review-form { padding: 20px; background-color: #f5f5f5 } .spr-reviews .review-inner { max-height: 500px; overflow-y: auto } .spr-reviews .spr-review:not(:last-of-type) { border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px } .spr-review-byline { opacity: .7; display: block; margin: 0 } .checkmark-info { margin-bottom: 25px } .productInquiry-modal .modal-dialog { max-width: 600px } .video-button .icon { font-size: 70px; border-radius: 50%; opacity: .8; color: #fff; position: absolute; box-shadow: 0 0 0 0 rgba(255,255,255,.7); -webkit-animation: 1.25s cubic-bezier(.66,0,0,1) infinite video-button; -moz-animation: 1.25s cubic-bezier(.66,0,0,1) infinite video-button; animation: 1.25s cubic-bezier(.66,0,0,1) infinite video-button } .upsell-bundle .usbImgCall { position: relative; align-self: center; width: auto; flex: none } .upsell-bundle .usbImgCall + .usbImgCall:before { content: "\eafb"; font-family: annimex-icons; font-size: 12px; position: absolute; top: 44%; left: -5px } .upsell-bundle .usbRow select { width: auto; height: 34px; white-space: nowrap } .fullpage-loader--invisible, .upsell-bundle .usbRow:not(.active) .customCheckbox input[type=checkbox]:checked + label:after { opacity: 0 } .upsell-bundle .usbbtnCall { margin-left: 20px; max-width: 320px } .product-choose-style .product-box { padding: 10px; box-shadow: 0 0 1px 1px #ddd; border: 1px solid #fff } .grouped-product-list td { padding: 15px 0 } .grouped-product-list .product-thumb { max-width: 60px; min-width: 60px } .grouped-product-list .selectbox { position: relative; width: 155px; height: 37px } .threesixty-modal .modal-dialog { max-width: 420px } .threesixty-modal .modal-content { background-color: transparent; border: none } .threesixty { overflow: hidden; position: relative; max-width: 386px; margin: 0 auto } .threesixty .nav_bar { position: absolute; bottom: 20px; left: 50%; z-index: 11; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); box-shadow: 0 1px 4px rgba(0,0,0,.15) } .threesixty .nav_bar a { font-size: 0; width: 40px; line-height: 40px; height: 40px; float: left; background-color: #fff; text-align: center } .threesixty .nav_bar a::before { display: inline-block; font-size: 24px; font-family: annimex-icons } .threesixty .nav_bar a.nav_bar_previous::before { content: "\ea46" } .threesixty .nav_bar a.nav_bar_play::before { content: "\ebdf" } .threesixty .nav_bar a.nav_bar_next::before { content: "\ea47" } .threesixty .nav_bar a.nav_bar_stop::before { content: "\ebd8" } .threesixty .spinner { width: 60px; display: block; margin: 0 auto; height: 30px; background: #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .threesixty .spinner span { font-family: Arial,"MS Trebuchet",sans-serif; font-size: 12px; font-weight: bolder; color: #fff; text-align: center; line-height: 30px; display: block } .threesixty .threesixty_images { display: none; list-style: none; margin: 0; padding: 0 } .threesixty .threesixty_images img { position: absolute; top: 0; left: 50%; height: auto; max-height: 500px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); border-radius: 0 } .threesixty .threesixty_images img.current-image { visibility: visible } .threesixty .threesixty_images img.previous-image { visibility: hidden } .product-nav { color: #333; font-size: 13px; line-height: 1.2; max-width: 200px; padding: 5px; opacity: .6; position: fixed; top: 45%; z-index: 10; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2) } .product-nav.prev-pro { left: -130px } .product-nav.next-pro { right: -130px } .product-nav .details { width: 125px; padding: 10px } .product-nav span.img { width: 60px } .product-nav:hover.prev-pro { left: 0; opacity: 1 } .product-nav:hover.next-pro { right: 0; opacity: 1 } .product-nav .name:hover { color: var(--bs-primary); opacity: 1 } .product-nav .price { margin-top: 10px; display: block } .stickyCart { display: none; background-color: #333; color: #fff; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99; width: 100%; padding: 10px 0 } .brands-search, .letter-title { background-color: #f5f5f5; border: 1px solid #e6e6e6 } .stickyCart .product-featured-img { max-width: 50px } .stickyCart .selectbox, .stickyCart .stickyOptions .selectedOpt { position: relative; background-color: #333; color: #fff; border: 1px solid #535353; padding: 0 30px 0 15px; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 200px; cursor: pointer; display: flex; align-items: center } .letter-title, .stickyCart .btn { padding: 8px 20px } .stickyCart .stickyOptions .selectedOpt:after { content: "\ea45"; font-family: annimex-icons; font-size: 14px; position: absolute; top: 9px; right: 10px } .stickyCart .stickyOptions ul { position: absolute; bottom: 115%; left: 0; display: none; list-style: none; min-width: 100%; max-height: 300px; overflow: auto; background-color: #333; margin: 0 } .stickyCart .stickyOptions ul li { font-size: 90%; overflow: hidden; border-bottom: 1px solid #353535; padding: 7px 12px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer } .stickyCart .stickyOptions ul li.soldout { opacity: .5; text-decoration: line-through } .stickyCart .qtyField .qtyBtn { background: 0 0; color: #fff; height: 40px } .stickyCart .qtyField .qty { background: #333; color: #fff; border-color: #535353; height: 40px } .stickyCart .qtyField .qty:focus { border-color: #848484 } .letter-title { color: #333; font-size: 16px; font-weight: 600; margin: 20px 0 } .brands-list .brands-logo a { display: block; background-color: #fff; border: 1px solid transparent } .brands-list .brands-logo img { padding: 5px; margin: 0 auto; display: block; filter: grayscale(25%); width: 86px; height: 86px; box-sizing: border-box; border: 1px solid #e8e8e8; border-radius: 50% } .allbrand img { border: 2px solid var(--bs-primary) !important } .brands-list .brands-logo a:hover img { filter: grayscale(0) } .brands-search .listing li { display: inline-block; margin: 0 10px 0 0 } .brands-search .listing li .alpha { background-color: #fff; padding: 3px 11px; border: 1px solid transparent } .brands-search .listing li .alpha:not(.active):hover { color: #333; background-color: #fff; border-color: var(--bs-primary) } .brands-search-logo { padding: 20px 0; margin-bottom: 20px } .faqs-style .accordion .accordion-item { border: 1px solid #e6e6e6; border-radius: 0; margin: 0 0 10px } .faqs-style .accordion .accordion-header .accordion-button:after { content: "\eafb"; font-family: annimex-icons; position: absolute; top: 50%; right: 15px; background: 0 0; width: auto; height: auto; transform: translateY(-50%); font-size: 13px; font-weight: 400 } .faqs-style .accordion .accordion-header .accordion-button { background: #f5f5f5; color: #333; position: relative; font-size: 14px; font-weight: 500; padding: 12px 30px 12px 15px; border-radius: 0; box-shadow: none; outline: 0 } .faqs-style .accordion .accordion-body { padding: 15px } .faqs-style2 .accordion .accordion-item { border: none; border-radius: 0; margin: 0 } .faqs-style2 .accordion .accordion-header .accordion-button { background: 0 0; color: var(--bs-primary); border: none; border-bottom: 1px solid #eee; border-radius: 0; padding: 15px 30px 15px 0 } .faqs-style2 .accordion .accordion-header .accordion-button.collapsed { border-radius: 0; color: #333 } .faqs-style2 .accordion .accordion-body { padding: 15px 0; border-bottom: 1px solid #eee } .section-clr { background-color: #eaeaea } .section-color-light { background-color: #f9f9f9 } .service-info .icon { font-size: 25px; color: var(--bs-primary); width: 60px; height: 60px; line-height: 60px; background-color: #f3f4f5; border-radius: 100px; -webkit-transition: .3s; transition: .3s } .service-info .title { font-size: 16px !important; margin-bottom: 5px !important; text-transform: uppercase } .counterup-items:not(:last-child), .service-info.separate-line .service-wrap:not(:last-child) { border-right: 1px solid #d6d6d6 } .service-section .service-info .box { border: 1px solid #ebebeb; padding: 30px; -ms-transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out } .service-section .service-info .box:hover { border-color: #314662 } .team-section .team-item .social-icons { position: absolute; bottom: 0; z-index: 2; -webkit-transform: translateY(100%); transform: translateY(100%); width: 100%; text-align: center; padding: 10px; background: rgba(255,255,255,.7); color: #fff; -webkit-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out } .team-section .team-item .social-icons a { background-color: rgba(51,51,51,.7); width: 27px; height: 27px; border-radius: 5px; display: flex; align-items: center; justify-content: center } .counterup-title { font-size: 16px; font-weight: 500; color: #888; line-height: 1; margin: 0 } .counterup-number { font-size: 32px; font-weight: 800; color: #333; line-height: 1; margin: 0 0 10px } .awards-items .awards-icon { background: #333; color: #fff; font-size: 40px; width: 85px; height: 85px; border-radius: 50%; margin: 0 auto 1rem; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } .awards-items .awards-title { font-size: 18px; margin: 0 } .video-popup-content .icon { font-size: 70px; border-radius: 50%; opacity: .8; color: #fff; position: absolute; z-index: 2; box-shadow: 0 0 0 0 rgba(255,255,255,.7); -webkit-animation: 1.25s cubic-bezier(.66,0,0,1) infinite video-button; -moz-animation: 1.25s cubic-bezier(.66,0,0,1) infinite video-button; animation: 1.25s cubic-bezier(.66,0,0,1) infinite video-button } @-webkit-keyframes video-button { to { box-shadow: 0 0 0 45px rgba(255,255,255,0) } } @-moz-keyframes video-button { to { box-shadow: 0 0 0 45px rgba(255,255,255,0) } } @keyframes video-button { to { box-shadow: 0 0 0 45px rgba(255,255,255,0) } } .aboutus-style1-page .service-info .icon { background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.15) } .aboutus-style1-page .service-info .service-wrap:hover .icon { background-color: #333; color: #fff !important } .mailsendbtn { display: inline-block; position: relative } .mailsendbtn .loading { display: none; position: absolute; left: 175px; top: 7px; width: 28px; height: 28px; padding: 3px; box-shadow: 0 0 3px #999; text-align: center } .response-msg .alert { padding: 11px 20px; margin: 18px 0 0 } .error_msg { display: block; color: #ff4141 } .map-section { height: 400px; overflow: hidden } .map-section-overlay { background: rgba(255,255,255,.8); width: 250px; padding: 20px; display: inline-block; text-align: center; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 3 } .dashboard-sidebar { position: sticky; top: 30px; z-index: 1; padding: 30px 0 15px } .dashboard-tab .nav-tabs .nav-item .nav-link { color: #333; font-size: 15px; padding: 8px 20px; border: none; border-radius: 0; cursor: pointer; -webkit-transition: .5s; transition: .5s } .dashboard-content .counter-box img { height: 45px; margin-right: 20px } .dashboard-content .box-info .box-title { position: relative; background-color: #f5f5f5; padding: 10px 15px } .dashboard-content .box-info .box-title h4 { color: #333; font-size: 15px; margin: 0; text-transform: capitalize } .dashboard-content .address-box { position: relative; padding: 15px; background-color: #fff; height: 100%; box-shadow: 0 0 1px #e3e3e3; -webkit-transition: .5s; transition: .5s } .dashboard-content .address-box .bottom { border-top: 1px solid #ddd; padding-top: 15px; margin-top: 15px } .dashboard-content .custom-badge { padding: 6px 10px; font-size: 12px; font-weight: 400 } .dashboard-content .details .left { width: 150px; margin-right: 15px } .dashboard-content .profileImg { width: 130px } .login-divide { text-align: center; position: relative; padding: 1rem 0 } .login-divide:before { content: ""; width: 100%; height: 1px; background: #e5e5e5; position: absolute; top: 50%; left: 0; -webkit-transform: translatey(-50%); transform: translatey(-50%) } .login-divide-text { position: relative; font-size: 16px; font-weight: 500; padding: 0 15px; background: #fff; color: #898686 } .social-link { padding: 10px 15px; margin: 0 6px; min-width: 130px; text-align: center } .social-link.facebook { background: #4867aa; color: #fff } .social-link.google { background: #e94235; color: #fff } .social-link.twitter { background: #55adee; color: #fff } .tracking-detail ul li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 5px } .tracking-detail ul li .left { min-width: 220px; text-transform: capitalize; font-weight: 600 } .tracking-map iframe { border: 5px solid #fff; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.09); box-shadow: 0 5px 15px rgba(0,0,0,.09); border-radius: 8px } .tracking-steps .step { text-align: center; margin: 0 8px 8px; padding: 10px 10px 10px 1px; min-width: 30%; position: relative; background-color: #f0f0f0; min-height: 64px; -webkit-transition: background-color .2s; transition: background-color .2s } .tracking-steps .step span { position: relative; font-size: 14px; font-weight: 500; text-transform: capitalize } .tracking-steps .step:after, .tracking-steps .step:before { content: " "; position: absolute; top: 0; left: -17px; width: 0; height: 0; border-top: 33px solid transparent; border-bottom: 33px solid transparent; border-right: 17px solid #f0f0f0; z-index: 2; -webkit-transition: border-color .2s; transition: border-color .2s } .tracking-steps .step:before { right: 0; left: auto; border-right: 17px solid #fff; z-index: 0 } .tracking-steps .step:first-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .tracking-steps .step:first-child:before { border: none } .tracking-steps .step.done { color: #fff; background-color: var(--bs-success) } .tracking-steps .step.done:after { border-right: 17px solid var(--bs-success) } .tracking-steps .step.current:after { border-right: 17px solid var(--bs-primary) } .lookbook-grid .zoom-img { text-align: center; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; -ms-transition: .3s ease-out; -webkit-transition: .3s ease-out; transition: .3s ease-out; cursor: pointer; position: absolute; left: 10px; top: 10px; z-index: 9; background-color: #fff; box-shadow: 0 0 3px rgba(0,0,0,.15) } .lookbook-grid .zoom-img:hover { background-color: #222; color: #fff } .lookbook-grid .lookbook-caption { background: #f5f5f5; text-align: center; position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 15px 20px; -webkit-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out } .lookbook-grid .lookbook-caption.mainclr { background: rgba(41,51,85,.77) } .lookbook-grid .lookbook-caption.black { background: rgba(0,0,0,.77) } .lookbook-grid .lookbook-caption.white { background: rgba(255,255,255,.77) } .lookbook-shop .look-share { transition: transform .2s ease-out,opacify .2s ease-out; background: rgba(0,0,0,.7); color: #fff; border-radius: 50%; padding: 15px; position: absolute; top: 50%; left: 33% } .lookbook-shop .look-share:hover { background: rgba(0,0,0,.9) } .lookbook-shop .look-shop { position: absolute; background-color: rgba(0,0,0,.3); color: #fff; padding: 8px; border-radius: 50%; font-size: 12px; box-shadow: 0 0 2px 0 rgba(255,255,255,.5); -webkit-transition: .225s ease-out .01s; transition: .225s ease-out .01s; bottom: 3%; right: 3% } .lookbook-shop .look-shop:hover { background-color: rgba(0,0,0,.9) } .lookbook-shop .products .btn-shop { background: #fff; color: #212529; border-radius: 50%; height: 24px; width: 24px; margin: 5px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 0 rgba(255,255,255,.7); -webkit-animation: 2s linear infinite box-shadow; -moz-animation: 2s linear infinite box-shadow; animation: 2s linear infinite box-shadow } .lookbook-shop .grid-lb .btn-shop-close:hover, .lookbook-shop .products .btn-shop.active { background: var(--bs-primary); color: #fff } @-webkit-keyframes box-shadow { to { box-shadow: 0 0 0 20px rgba(255,255,255,0) } } @-moz-keyframes box-shadow { to { box-shadow: 0 0 0 20px rgba(255,255,255,0) } } @keyframes box-shadow { to { box-shadow: 0 0 0 20px rgba(255,255,255,0) } } .lookbook-shop .grid-lb { visibility: hidden; z-index: 2; box-shadow: 0 0 2px #bbb; flex-direction: column; opacity: 0; display: none; position: absolute; width: 150px; background: #fff; padding: 10px; -ms-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } .lookbook-shop .grid-lb.active { opacity: 1; visibility: visible; display: flex } .lookbook-shop .grid-lb:before { content: ""; position: absolute; border: 10px solid transparent; border-bottom: 10px solid #fff; left: 50%; top: -20px } .lookbook-shop .grid-lb.top { top: auto; left: 50%; bottom: calc(100% + 10px); -webkit-transform: translate(-50%,0); transform: translate(-50%,0) } .lookbook-shop .grid-lb.top:before { border-bottom: none; border-top: 10px solid #fff; top: auto; left: 50%; bottom: -10px; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .lookbook-shop .grid-lb.bottom { bottom: auto; left: 50%; top: calc(100% + 10px); -webkit-transform: translate(-50%,0); transform: translate(-50%,0) } .lookbook-shop .grid-lb.bottom:before { left: 50%; top: -20px; bottom: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .lookbook-shop .grid-lb.left { right: calc(100% - -10px); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .lookbook-shop .grid-lb.left:before { border: 10px solid transparent; border-left: 10px solid #fff; top: calc(50% - 10px); left: auto; right: -20px } .lookbook-shop .grid-lb.right { left: calc(100% - -10px); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .lookbook-shop .grid-lb.right:before { border: 10px solid transparent; border-right: 10px solid #fff; top: calc(50% - 10px); left: -20px; right: auto } .lookbook-shop .grid-lb .btn-shop-close { background: #333; color: #fff; position: absolute; right: -8px; top: -8px; z-index: 5; cursor: pointer; width: 24px; height: 24px; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 2px rgba(255,255,255,.5) } .lookbook-shop .grid-lb .detail .title { font-size: 13px; font-weight: 500; line-height: 1.2; margin: 0 0 5px; display: block } .lookbook-shop .grid-lb .detail .btn { margin-top: 5px; font-size: 12px; padding: 8px 12px } .look-position1 { bottom: 15%; left: 45% } .look-position2 { bottom: 25%; right: 55% } .look-position3 { top: 38%; left: 25% } .look-position4 { bottom: 10%; left: 35% } .look-position5 { bottom: 50%; left: 40% } .look-position6 { top: 10%; left: 62% } .look-position7 { top: 60%; right: 27% } .look-position8 { top: 50%; left: 25% } .look-position9 { top: 20%; right: 55% } .look-position10 { bottom: 20%; right: 40% } .look-position11 { top: 8%; left: 24% } .look-position12 { bottom: 30%; left: 40% } .look-position13 { bottom: 30%; left: 50% } .look-position14 { top: 20%; left: 65% } .portfolio-nav .nav-item { background-color: #efefef; color: #888; border-color: #efefef; margin: 3px 5px } .portfolio-nav .nav-item.active { background-color: #333; color: #fff; border-color: #000 } .portfolio-list .overlay .caption { opacity: 0; visibility: hidden; position: absolute; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 2; -webkit-transition: .3s ease-out; transition: .3s ease-out } .portfolio-list .btn-outline-light { color: #fff; background-color: transparent; border: none; border-bottom: 1px solid #fff } .portfolio-list .btn-outline-light:hover { color: #e8e8e8; background-color: transparent; border-color: #e8e8e8 } .footer-newsletter .input-group > .btn, .footer-newsletter .input-group > .form-control { height: 60px } .footer-newsletter .input-group > .btn:hover { background-color: var(--bs-primary); border-color: var(--bs-primary); opacity: .8 } .footer .footer-top, .footer-bottom { border-top: 1px solid #e6e6e6; color: #333 } .footer-newsletter .input-group > .form-control { font-size: 15px; padding: 10px 20px } .footer .footer-top .h4 { color: #333; font-size: 16px; margin: 0 0 15px; text-transform: uppercase } .footer-links ul { padding: 0; margin: -3px 0 } .footer-links li { padding: 3px 0; margin: 0 } .footer-links a:before { content: ""; display: inline-block; width: 0; height: 3px; vertical-align: middle; background-color: var(--bs-primary) } .footer-links a:hover:before { width: 4px; margin-right: 3px } .footer-contact .social-icons .list-inline-item:not(:last-child), .footer-logo-links .social-icons .list-inline-item:not(:last-child) { margin-right: 10px } .footer-middle { padding: 25px 0; clear: both } .ftr-info .list-inline-item:not(:last-child) { border-right: 1px solid #d6d6d6; padding-right: 15px; margin-right: 15px } .footer-bottom { background: #f5f5f5; clear: both; padding: 30px 0 } #elements-icons .glyph-icon, #elements-icons .iconInfo p, .payment-icons li { display: flex; flex-wrap: wrap; align-items: center } .payment-icons .icon { font-size: 22px; color: #fff; margin-left: 10px } .footer-bottom .social-icons li, .footer-bottom .social-icons li a, .footer-newsletter .social-icons li, .footer-newsletter .social-icons li a { display: inline-flex; align-items: center } .newsletterbg { color: #fff; padding: 40px 0 } .newsletterbg label { font-size: 28px; text-transform: uppercase } .footer-8 .footer-logo-links .social-icons .list-inline-item:not(:last-child), .footer-logo-links .inline-links .list-inline-item:not(:last-child), .footer-newsletter .social-icons li:not(:last-child) { margin-right: 15px } .footer-newsletter.icon-arrow .newsletter-input { padding-right: 40px } .footer-newsletter.icon-arrow .newsletter-submit { height: 100%; width: 40px; font-size: 16px; line-height: normal; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3 } .footer.ftr-bg-gray .footer-bottom, .footer.ftr-bg-gray .footer-top { background-color: #333; color: #c6c6c6 } .footer.ftr-bg-black .payment-icons .icon, .footer.ftr-bg-gray .footer-middle a, .footer.ftr-bg-gray .footer-top a, .footer.ftr-bg-gray .payment-icons .icon { color: #c6c6c6 } .footer.ftr-bg-gray .footer-middle { background-color: #383838; color: #c6c6c6 } .footer.ftr-bg-black .footer-bottom, .footer.ftr-bg-black .footer-top { background-color: #1e1e1e; color: #fff } .footer.ftr-bg-gray .ftr-info .list-inline-item:not(:last-child) { border-color: #929292 } .footer.ftr-bg-black .footer-bottom { border-color: #2d2d2d } .footer-logo-links { color: #333; background-color: #eee7e45c; padding-top: 30px; padding-bottom: 30px } .footer-logo-links .inline-links.left-brd .list-inline-item:not(:last-child) { border-right: 2px solid #d8d8d8; margin-right: 30px; padding-right: 30px } .footer-logo-links .social-icons li a { width: 28px; height: 28px; border-radius: 50% } .footer-2 .footer-middle { color: #fff; background-color: #181818 } .footer-3 .ftr-logo, .footer-8 .footer-logo-links .logoImg { max-width: 120px } .footer-3 .footer-top { color: #333; background-color: #eee7e45c; border-color: #ece7e4 } .footer-3 .phone-info .phone-text a { font-size: 19px } .footer-3 .footer-bottom { background: #eee7e45c; border-color: #ece7e4; font-weight: 400 } .footer-3 .footer-contact a, .footer-3 .footer-links a { color: #222 } .footer-5.ftr-bg-black .footer-bottom { background-color: #333; border-color: #242424 } .footer-5.footer .newsletter-submit { border-left: 1px solid #c6c6c6 } .footer-6 .footer-bottom, .footer-6 .footer-top { background-color: #fff; border-color: #e3e3e3 } .phone-info .phone-icon { font-size: 35px; -webkit-transform: rotate(105deg); transform: rotate(105deg); margin-right: 10px } .phone-info .phone-text a { font-size: 23px; font-weight: 600 } .ftr-promo-bar { background-color: #fdde58; padding-top: 20px; padding-bottom: 20px; font-size: 15px } .footer-7 { background: url(images/slideshow/demo7-banner-overlay.jpg) center } .footer-7.footer.ftr-bg-black .footer-top { background-color: transparent; color: #333; border: none } .footer-7.footer.ftr-bg-black .footer-bottom { background-color: transparent; color: #333; border-top: 1px solid #d5d2c4c2 } .footer-8 .footer-logo-links { background-color: #333; padding-top: 40px; padding-bottom: 40px } .footer-8 .ftr-links li:after { content: "|"; padding: 0 20px; color: #646464 } .footer-8 .ftr-links li:last-of-type:after { content: "" } .footer-8 .footer-logo-links .inline-links .list-inline-item:not(:last-child) { margin-right: 0 } .footer-8 .ftr-links a:hover { opacity: .7 } .footer-8 .footer-bottom { color: #fff; background-color: #333; border-color: #282828 } .footer-8 .footer-logo-links .social-icons li a { font-size: 15px; width: auto; height: auto; border-radius: 0; border: none } .footer-8 .payment-icons .icon { color: #fff; margin-left: 10px } .footer.footer-9 .footer-top { padding-bottom: 35px } #site-scroll { display: none; color: #fff; background: var(--bs-primary); cursor: pointer; font-size: 16px; width: 40px; height: 40px; position: fixed; bottom: 40px; box-shadow: 0 0 1px #d8d8d8; border-radius: 100px; text-align: center; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s } #site-scroll:hover { color: #fff; background: #b84f0b; border-color: #b84f0b } .quickshop-modal .modal-dialog { max-width: 380px } .addtocart-modal .variant-cart, .quickshop-modal .variant-cart { font-size: 13px; color: #888 } .quickshop-modal .product-form-submit .btn { height: auto; width: auto; min-width: 130px } .addtocart-modal .modal-dialog { max-width: 630px } .addtocart-modal .price { color: var(--bs-primary); font-size: 20px; font-weight: 600; line-height: 1; margin-left: 10px } .addtocart-modal .addcart-total { background: #f5f5f5; margin: 15px 0; padding: 10px } .quickview-modal .modal-dialog { max-width: 860px } .quickview-modal .product-title { font-size: 22px; margin: 0 0 10px; text-transform: none; color: #333 } .quickview-modal .product-arrow .icon { font-size: 22px; margin-left: 10px } .quickview-modal .sort-description { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #bdbdbd } .quickview-modal .product-price { border-bottom: 1px dotted #bdbdbd; border-top: 0; padding: 0 0 20px } .quickview-modal .product-price .price { font-size: 22px; font-weight: 600; line-height: 1; text-transform: none } .quickview-modal .product-subtitle { margin-bottom: 10px; text-transform: uppercase } .model-thumbnail-img { position: relative; margin: 10px 0 0 } .model-thumbnail-img .list-inline { position: static; margin: 0 -4px; padding: 0 } .model-thumbnail-img .list-inline-item { position: relative; width: 100px; height: auto; opacity: 1; text-indent: initial; margin: 0; padding: 0 4px; border: none } .model-thumbnail-img .list-inline-item img { display: block; border: 1px solid #e6e6e6 } .model-thumbnail-img .carousel-arrow { color: #333; background-color: rgba(255,255,255,.5); font-size: 18px; opacity: 1; position: absolute; top: 50%; margin-top: -10px; width: 22px; height: 22px; text-align: center } .product-thumb-left-style .model-thumbnail-img .list-inline-item { width: auto; padding: 0 0 10px } .product-details-img .carousel-inner .youtubeSlide.ratio:before { padding-top: 127.586% } .model-thumbnail-img .thumb-play { position: absolute; right: 4px; top: 4px; color: #fff; background-color: rgba(51,51,51,.8); padding: 5px; width: 24px; height: 24px; border-radius: 50%; font-size: 12px } .loading .loadingBox { display: block; position: fixed } .loadingBox { display: none; padding: 15px; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.3); position: fixed; z-index: 1050; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .loadingBox .anm { font-size: 40px; opacity: .9 } .modalOverly { display: none; position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 666; background-color: rgba(0,0,0,.6); -ms-transition: .45s cubic-bezier(.29, .63, .44, 1); -webkit-transition: .45s cubic-bezier(.29, .63, .44, 1); transition: .45s cubic-bezier(.29, .63, .44, 1) } .product-subtitle { color: #9b9b9b } .pro-stockLbl .stockLbl { font-size: 13px; text-transform: capitalize; font-weight: 500 } .pro-stockLbl .icon { color: var(--bs-primary); margin-right: 5px } .pro-stockLbl .instock .icon, .product-info p span.instock { color: #447900 } .pro-stockLbl .outstock .icon { color: red } .product-info p { position: relative; color: #333; font-size: 14px; font-weight: 600; text-transform: none; margin-bottom: 5px } .product-info p span { padding-right: 10px; font-weight: 400; text-transform: capitalize } #cookie-message { text-align: center; position: fixed; top: auto; bottom: 0; left: 0; right: 0; margin: 0; z-index: 99; background-color: rgba(51,51,51,.9); color: #fff; padding: 10px 0; border-radius: 0; border: none } .product-notification { display: block; width: 270px; padding: 15px; background-color: #fff; box-shadow: 0 0 7px 2px rgba(158,158,158,.2); margin: 15px; position: fixed; bottom: 0; -webkit-animation: 15s infinite movebottom; animation: 15s infinite movebottom; z-index: 999 } .product-notification .mediaImg { width: 80px; display: block } .product-notification .smtlt { color: #6c757d; font-size: 12px; font-weight: 500 } .product-notification .pname { font-size: 14px; font-weight: 600; margin: 5px 0 10px } .product-notification .detail { font-size: 12px; line-height: 1.2; margin: 0; color: #6c757d } .product-notification .close { font-size: 13px; cursor: pointer; position: absolute; right: 10px; top: 6px; z-index: 99 } @-webkit-keyframes movebottom { 0% { display: block; bottom: -200px } 25%,75% { bottom: 0 } 100% { display: none; bottom: -200px } } @keyframes movebottom { 0% { display: block; bottom: -200px } 25%,75% { bottom: 0 } 100% { display: none; bottom: -200px } } .four0-img { max-width: 500px; margin: 0 auto } .search-404 .action { width: 45px; padding: 0 } .four0-img .cls-1 { fill: #dcdcdc } .four0-img .cls-2 { fill: #333333 } .four0-img .cls-3 { fill: var(--bs-primary) } .four0-img .cls-4 { fill: #f78d5e } .four0-img .cls-5 { fill: #fa976c } .four0-img .cls-6, .four0-img .cls-7, .four0-img .cls-8 { fill: #b65c32 } .four0-img .cls-10, .four0-img .cls-6, .newsletter-modal .newsltr-img.overlay:before { opacity: .6 } .four0-img .cls-7 { opacity: .4 } .four0-img .cls-9 { fill: #f4b73b } .four0-img .cls-11 { fill: #f9c358 } .four0-img .cls-12 { fill: #9b462c } .four0-img .cls-13 { fill: #aa512e } .four0-img .cls-14 { fill: #e8ecff } .four0-img .wheel { animation: 6s infinite wheel-rotate; transform-origin: center; transform-box: fill-box } @keyframes wheel-rotate { 50% { transform: rotate(360deg); animation-timing-function: cubic-bezier(0.55,0.085,0.68,0.53) } 100% { transform: rotate(960deg) } } .four0-img .clock-hand-1 { animation: 3s linear infinite clock-rotate; transform-origin: bottom; transform-box: fill-box } .four0-img .clock-hand-2 { animation: 6s linear infinite clock-rotate; transform-origin: bottom; transform-box: fill-box } .four0-img #ou, .four0-img #stripe, .four0-img .circle { transform-origin: center; transform-box: fill-box } @keyframes clock-rotate { 100% { transform: rotate(360deg) } } .four0-img #stripe { animation: 3s linear infinite stripe-anim } @keyframes stripe-anim { 25% { transform: translate(10px,0) rotate(-10deg) } 75% { transform: translateX(10px) } } .four0-img #bike { animation: 6s infinite bike-anim } @keyframes bike-anim { 0% { transform: translateX(-1300px) } 50% { transform: translateX(0); animation-timing-function: cubic-bezier(0.47,0,0.745,0.715) } 100% { transform: translateX(1300px) } } .four0-img .circle { animation: infinite circle-anim; perspective: 0px } .four0-img .circle.c1, .four0-img .circle.c5 { animation-duration: 2s } .four0-img .circle.c2, .four0-img .circle.c6 { animation-duration: 3s } .four0-img .circle.c3, .four0-img .circle.c4 { animation-duration: 1s } .four0-img .four.a, .four0-img .four.b { animation-duration: 3s; transform-box: fill-box } @keyframes circle-anim { 50% { transform: scale(.2) rotateX(360deg) rotateY(360deg) } } .four0-img #ou, .four0-img .four { animation: cubic-bezier(.39,.575,.565,1) infinite four-anim } .four0-img .four.a { transform-origin: bottom left } .four0-img .four.b { transform-origin: bottom right } .four0-img #ou { animation-duration: 6s } @keyframes four-anim { 50% { transform: scale(.98) } } .template-password { background-image: url("/assets/images/coming-soon.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; height: 100vh } .password-header { position: absolute; right: 20px; top: 20px } .password-title { font-size: 45px; letter-spacing: 4px; font-weight: 700; margin-bottom: 15px; text-transform: uppercase } .password-main .pwd-timer > span { font-size: 13px; line-height: 1.2; border-radius: 5px; text-transform: uppercase; font-weight: 500; padding: 10px 12px; color: #444; background: #f9f9f9; border: 1px dashed var(--bs-primary); margin: 0 5px; min-width: 40px; display: block } .password-main .time-count { font-size: 22px; font-weight: 600; min-width: 40px; display: block; margin: 0 0 2px } .password-loginModal .btn-close { position: absolute; top: 10px; right: 10px; z-index: 3; padding: 0; border: none } .newsletter-modal .newsltr-text { position: relative; padding: 20px 40px 30px; z-index: 2 } .newsletter-modal .social-icons li:not(:last-child) { margin-right: 13px } .newsletter-modal .title { font-size: 24px; font-weight: 700; line-height: 1.4; margin-bottom: 10px; text-transform: uppercase !important } .newsletter-modal .text { font-size: 15px; margin-bottom: 20px } .newsletter-modal .checkboxlink { line-height: 1.3 } .newsletter-modal.style1 .modal-dialog { max-width: 830px } .newsletter-modal.style2 .modal-dialog { max-width: 546px } .newsletter-modal.style3 .modal-dialog { max-width: 500px } .newsletter-modal.style4 .modal-dialog { max-width: 700px } .newsletter-modal .whiteText .btn-close { color: #fff; font-size: 18px; opacity: 1; background: 0 0 } .overlay:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; z-index: 1; background: #000 } .modal-backdrop.show { opacity: .8 } .vdr_store_prl .card-image { padding-bottom: 275px } .card-profile .card-content { background: rgba(255,255,255,.9) } .vendor-profile-page .card-profile .img-thumbnail { height: 190px; width: 200px; margin-top: -70px } .vendor-settings-page .card-profile .img-thumbnail { height: 150px; width: 200px; margin-top: -40px } .form-color-box input { width: 40px; height: 30px } .tox.tox-tinymce { border-radius: 6px; border-color: #d7d7d7 } .table > :not(:first-child) { border-color: #e6e6e6 } .checkmark-info .icon { margin-right: 15px; color: #2db858; font-size: 20px } .about-review .quote-wraper .quotes-slide { background: #111; box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 4px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } .about-review .quote-wraper .quotes-slide:hover { background: rgba(17,17,17,.7) } .about-review .quote-wraper blockquote { font-size: 16px; color: #fff } .about-review .quote-wraper .product-review { color: rgba(248,212,6,.8); margin: 12px 0 } .about-review .quote-wraper .authour { font-size: 15px; margin-bottom: 3px } #elements-icons .iconList-content .anm { font-size: 22px; margin-right: 12px } #elements-icons .glyph-icon:hover { color: #fe877b } #elements-icons .iconList .glyph:hover .anm { color: #fe877b; -webkit-animation: 1s ease-in-out infinite alternate pulse; animation: 1s ease-in-out infinite alternate pulse } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-moz-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-o-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } .color-option li.x-large { height: auto; width: 50px } .fullpage-loader { width: 100vw; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; top: 0; right: 0; overflow: hidden; background-color: #fff; z-index: 9999; opacity: .9; -webkit-transition: opacity .5s; transition: opacity .5s } .color-options, .video-options { box-shadow: 0 2px 4px rgba(0,0,0,.1); position: absolute; bottom: 10px; gap: 5px; align-items: center; display: flex; cursor: pointer } .color-options { border-radius: .175rem; background-color: #fff; left: 5px; justify-content: center; padding: 3px 6px; z-index: 1 } .color-options div .color-option { width: 12px; height: 12px; border: 1px solid #fff; background-color: pink; border-radius: 50% } .color-options div .color-option:first-child { background-image: linear-gradient(to left,var(--bs-primary) 0,#c06f82 48%,#e1c3ca 101%); z-index: 1 } .color-options div .color-option:nth-child(2) { background-image: linear-gradient(to left,#26bb98 0,#74d1bb 48%,#a6d2c8 101%); z-index: 2; margin-right: -6px } .color-options div .color-option:nth-child(3) { background-image: linear-gradient(to left,#ffb321 0,#f9cb73 48%,#f9e3b8 101%); z-index: 2; margin-right: -6px } .color-variant-count, .video-options .label-text { font-size: 10px; font-weight: 600; line-height: 13px; padding-top: 5px } .video-options { border-radius: .175rem; background-color: var(--bs-info); right: 5px; justify-content: center; padding: 3px 6px; z-index: 1 } .video-options > i { display: flex; color: var(--bs-blue); align-items: center; font-size: 10px; padding-top: 5px } .merchant .widget-title { background-color: #ebf5ff } .merchant .widget-title h2 { color: #1f6bc1 } .product-feature .product-feature-item { width: 32%; margin: 10px 0 10px 10px; padding: 0 0 1px 15px; border-radius: 6px; box-shadow: 0 5px 6px #0000000d; background-color: #fafafa; min-height: 42px; display: flex; justify-content: space-between; align-items: center } .select-address .address-box { padding: 20px; border: 1px solid #e6e6e6; border-radius: .25rem } .select-address .active { box-shadow: 0 0 0 1px #f27a1a; border: 1px solid var(--bs-primary); background-color: #fff2e9 } .account-widget .widget-image { width: 64px; height: 64px } .account-widget .widget-counter { font-size: 1.25rem } .account-widget .widget-title { font-size: 1rem; font-weight: 500 } .table .team-member { position: relative; width: 30px; white-space: nowrap; border-radius: 1000px; vertical-align: bottom; display: inline-block } .item2, .marquee-content .item { vertical-align: top; display: inline-block } .table .team-member img { width: 100%; max-width: 100%; height: auto; border: 0; border-radius: 1000px } .table .team-member-sm { width: 32px; -webkit-transition: .25s; -o-transition: .25s; -moz-transition: .25s; transition: .25s } .table .team-member-sm:hover { webkit-transform: translateY(-4px) scale(1.02); -moz-transform: translateY(-4px) scale(1.02); -ms-transform: translateY(-4px) scale(1.02); -o-transform: translateY(-4px) scale(1.02); transform: translateY(-4px) scale(1.02); -webkit-box-shadow: 0 14px 24px rgba(75,70,124,.2); box-shadow: 0 14px 24px rgba(75,70,124,.2); z-index: 999 } .table .order-list li + li { margin-right: -20px } .table .order-list li img { border: 2px solid #fff; box-shadow: -4px 3px 6px 0 rgba(0,0,0,.2) } .brand-box, .butique-box { padding: 0; border-radius: 6px; box-shadow: 0 .125rem .25rem rgba(0,0,0,.045) !important } .butique-box { background-color: #333 } .brand-box .detail-container:hover, .butique-box:hover { background-color: var(--bs-primary) !important } .brand-box .image-container img, .butique-box .image-container img { position: relative; box-sizing: border-box; border-top-left-radius: 6px !important; border-top-right-radius: 6px !important } .butique-box .detail-container { display: flex; padding: .25rem; justify-content: space-between !important; border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; color: #fff } .butique-box .detail-container h6 { color: #fff; font-weight: 400; padding-top: .25rem !important; padding-bottom: .25rem !important; margin: 0; font-size: 12px; line-height: 2; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } #filter-scroll { display: none; color: #fff; background: var(--bs-success); cursor: pointer; font-size: 16px; width: 40px; height: 40px; position: fixed; bottom: 85px; box-shadow: 0 0 1px #d8d8d8; border-radius: 100px; text-align: center; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s } .marquee { width: 100%; margin: 0 auto; overflow: hidden; white-space: nowrap; background-color: #f5f5f5 } .marquee-content { display: inline-block; margin-top: 5px; animation: 40s linear infinite reverse marquee; -webkit-animation: 40s linear infinite reverse marquee } .item-collection-1 { position: relative; left: 0; animation: 40s linear infinite reverse swap; -webkit-animation: 40s linear infinite reverse swap } @keyframes swap { 0%,50% { left: 0 } 100%,50.01% { left: 100% } } .marquee-content:hover { animation-play-state: paused } .marquee-content .item { color: #333; font-size: 12px; font-weight: 400; padding: 0 40px } .marquee-content .item i { color: var(--bs-success); vertical-align: middle; font-size: 18px; margin-left: 6px; font-weight: 500; position: relative; top: -1px } .item2 { height: 70px; width: 100px; background: #ff00ff; margin-left: 15px; line-height: 14px } @keyframes marquee { 0% { transform: translateX(0) } 100% { transform: translateX(-100%) } } .brand-box { background-color: #fff; border: 1px solid #e8e8e8 } .brand-box .detail-container { display: flex; padding: .25rem; justify-content: space-between !important; border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; color: #fff; background-color: #333 } .brand-box .detail-container h6 { color: #fff; font-weight: 400; padding-top: .5rem !important; padding-bottom: .5rem !important; margin: 0 } .bank-section .bank-offer { border-radius: 6px; overflow: hidden; margin: 0 5px; } .bank-section .bank-offer:hover .bank-footer-1 .bank-coupon::after { top: 0; height: 100% } .bank-section .bank-offer:hover .bank-footer-2 .bank-coupon::after { top: 0; height: 100% } .bank-section .bank-offer:hover .bank-footer-3 .bank-coupon::after { top: 0; height: 100% } .bank-section .bank-offer .bank-header { background: linear-gradient(76.68deg, #e6e6e6 -9.39%, #fafafa 78.76%, #f0f0f0 101.45%, #fff 112.78%); padding: calc(21px + (35 - 21) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .bank-section .bank-offer .bank-header .bank-left .bank-image { width: 120px; height: auto; margin-bottom: 12px } .bank-section .bank-offer .bank-header .bank-left .bank-name h2 { color: #bb0032; font-weight: 700; margin-bottom: 7px; font-size: calc(22px + (31 - 22) * ((100vw - 320px) / (1920 - 320))) } .bank-section .bank-offer .bank-header .bank-left .bank-name h2.bank-offer-2 { color: #239bf0 } .bank-section .bank-offer .bank-header .bank-left .bank-name h2.bank-offer-3 { color: #e73718 } .bank-section .bank-offer .bank-header .bank-left .bank-name h5 { font-size: 13px; line-height: 1.5 } .bank-section .bank-offer .bank-header .bank-left .bank-name h5.valid { margin-top: calc(22px + (69 - 22) * ((100vw - 320px) / (1920 - 320))) } .bank-section .bank-offer .bank-footer { padding: calc(7px + (17 - 7) * ((100vw - 320px) / (1920 - 320))) calc(13px + (26 - 13) * ((100vw - 320px) / (1920 - 320))); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .bank-section .bank-offer .bank-footer-1 { background: linear-gradient(85.8deg, #bb0032 -4.64%, #ff584d 109.73%, #ff8c75 131.73%) } .bank-section .bank-offer .bank-footer-1 .bank-coupon { background: linear-gradient(85.8deg, #ff584d -4.64%, rgba(187,0,50,0.1) 131.73%) } .bank-section .bank-offer .bank-footer-1 .bank-coupon::after { content: ""; position: absolute; width: 100%; height: 0; bottom: 0; left: 0; z-index: -1; border-radius: 5px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #ff584d; background: linear-gradient(85.8deg, rgba(187,0,50,0.1) 131.73%, #ff584d -4.64%) } .bank-section .bank-offer .bank-footer-2 { background: -webkit-gradient(linear, left top, right top, color-stop(15.92%, #2395e8), color-stop(49.57%, #4eb5ff)); background: linear-gradient(90deg, #2395e8 15.92%, #4eb5ff 49.57%) } .bank-section .bank-offer .bank-footer-2 .bank-coupon { background: -webkit-gradient(linear, left top, right top, color-stop(15.92%, #2395e8), color-stop(49.57%, #4eb5ff)); background: linear-gradient(90deg, #2395e8 15.92%, #4eb5ff 49.57%) } .bank-section .bank-offer .bank-footer-2 .bank-coupon::after { content: ""; position: absolute; width: 100%; height: 0; bottom: 0; left: 0; z-index: -1; border-radius: 5px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #4eb5ff; background: -webkit-gradient(linear, left top, right top, color-stop(15.92%, #4eb5ff), color-stop(49.57%, #2395e8)); background: linear-gradient(90deg, #4eb5ff 15.92%, #2395e8 49.57%) } .bank-section .bank-offer .bank-footer-3 { background: linear-gradient(85.8deg, #ffb321 -4.64%, #ff584d 109.73%, #ff8c75 131.73%) } .bank-section .bank-offer .bank-footer-3 .bank-coupon { background: linear-gradient(85.8deg, #ffb321 -4.64%, #ff584d 109.73%, #ff8c75 131.73%) } .bank-section .bank-offer .bank-footer-3 .bank-coupon::after { content: ""; position: absolute; width: 100%; height: 0; bottom: 0; left: 0; z-index: -1; border-radius: 5px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #ffb321; background: -webkit-gradient(linear, right top, left top, color-stop(-4.64%, rgba(255,140,117,0)), color-stop(109.73, rgba(255,88,77,0.1)), color-stop(131.73%, #ffb321)); background: linear-gradient(-90deg, rgba(255,140,117,0) -4.64%, rgba(255,88,77,0.1) 109.73, #ffb321 131.73%) } .bank-section .bank-offer .bank-footer h4 { font-weight: 500; font-size: 14px; color: #fff; margin: 0; } .bank-section .bank-offer .bank-footer h4 input { pointer-events: none; background-color: transparent; color: #fff; border: none; font-weight: 600; width: 60% } .bank-section .bank-offer .bank-footer .bank-coupon { margin-left: auto; color: #fff; font-weight: 600; padding: 6px 21px; position: relative; overflow: hidden; white-space: nowrap !important; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 0 } [dir="rtl"] .bank-section .bank-offer .bank-footer .bank-coupon { margin-left: unset; margin-right: auto } .brand-banners { position: relative; width: 100%; } .brand-banner .banner-img { width: 100%; display: block; height: auto; } .brand-banner .image-overlay { position: absolute; opacity: 0; height: 100%; width: 100%; background: #34707D; transition: .5s; top: 0; bottom: 0; left: 0; right: 0; } .brand-banner:hover .image-overlay { opacity: .4; } .brand-banner i { position: absolute; top: 50%; left: 50%; font-size: 32px; transform: translate(-50%,-50%); opacity: 0; } .brand-banner:hover i { opacity: 1 } .brand-banner .banner-link { position: absolute; top: 80%; left: 50%; font-size: 32px; color: #fff; transform: translate(-50%,-80%); opacity: 0; font-size: 14px; font-weight: 700; white-space: nowrap; border: 1px solid var(--bs-primary); padding: 10px; border-radius: 6px; } .brand-banner:hover .banner-link { opacity: 1; } .brand-banner .brand-name { position: absolute; top: 10px; left: 10px; background-color: #ffffff; } @media only screen and (max-width: 767px) { .brand-banner .banner-link { font-size: 12px; padding: 5px; } .brand-banner i { font-size: 16px; } .brand-banner .brand-name h4 { font-size: 14px; } } .site-nav .list-container { display: flex; } .site-nav .list-container .col { flex: 1; } .site-nav .list-container .col ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 16px; } .site-nav .list-container .col ul li a { padding: 5px 0 0 0; font-size: 12px; font-weight: 400 !important; } .site-nav ul li:first-of-type { font-weight: 600; font-size: 13px; padding-bottom: 2px; color: #BB2649 !important; } #MainContent_ChTerm { width: 20px; height: 20px; } .coupon-item-wrapper { width: 100%; height: 100% !important; box-sizing: border-box; border-radius: 5px; border: 1px solid #FCD8BB; background: #fef4eb; position: relative; margin-right: 0 } .coupon-item-wrapper.passive { background-color: #f5f5f5 !important; border: solid 1px #e6e6e6 !important } .coupon-item-wrapper.passive .coupon-discount { color: #666 !important } .coupon-item-wrapper.passive:before, .coupon-item-wrapper.passive:after { border: 1px solid #D9D9D9; border-bottom: 0 } .coupon-item-wrapper.megaAndPassive:before, .coupon-item-wrapper.megaAndPassive:after { border-color: #d8d8d8 !important } .coupon-item-wrapper.megaCoupon { background-color: #fff0f4; border: 1px solid #FFADCA } .coupon-item-wrapper.megaCoupon:before, .coupon-item-wrapper.megaCoupon:after { border-color: #ffadca } .coupon-item-wrapper.megaCoupon .coupon-item-content .coupon-collect-button { border: solid 1px #FF4988; background-color: var(--bs-success) } .coupon-item-wrapper.megaCoupon .coupon-item-content .coupon-collect-button:hover:not(.passive) { background-color: #ff4988 } .coupon-item-wrapper.megaCoupon .coupon-item-content .coupon-discount { color: #ff4988 } .coupon-item-wrapper.megaCoupon .coupon-item-content .party-icon { width: 14px; height: 14px; align-self: center; margin-right: 4px; margin-top: 5px } .coupon-item-wrapper.megaCoupon .coupon-item-content .horizontal-line { border-top: 1px dashed #FFD3E3 } .coupon-item-wrapper:before, .coupon-item-wrapper:after { width: 14px; height: 8px; background-color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid #FCD8BB; border-bottom: 0; content: ""; display: block; position: absolute; top: -1px } .coupon-item-wrapper:before { right: 35%; transform: rotate(180deg) } .coupon-item-wrapper:after { top: 92px; right: 35% } .coupon-item-wrapper .coupon-item-content .coupon-item-container { display: flex; justify-content: space-between } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-first-line { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 8px; flex-direction: column; margin-right: 5% } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-first-line .coupon-price-container-upper { display: flex; flex-direction: column; margin-left: 12px; top: -10px; position: absolute } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-first-line .coupon-price-container-upper .coupon-running-out { color: #fff; background-color: var(--bs-primary); font-size: 10px; padding: 2px 4px; font-weight: 600; border-radius: 4px } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-first-line .coupon-price-container-upper .coupon-running-out i { margin-right: 4px; font-size: 8px } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-first-line .coupon-price-container-bottom .coupon { display: flex; justify-content: center; align-items: center } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-first-line .coupon-price-container-bottom .coupon .coupon-discount { font-size: 18px; font-weight: 600; display: flex; text-align: center; justify-content: center; color: #333; margin-bottom: 12px; margin-top: 20px } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-first-line .coupon-price-container-bottom .coupon-collect-button { cursor: pointer; border-radius: 4px; border: solid 1px var(--bs-success); background-color: var(--bs-success); position: relative; transition: all .3s ease-in-out; display: flex; justify-content: center; align-items: center; text-align: center; width: 100px; height: 30px } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-first-line .coupon-price-container-bottom .coupon-collect-button:hover:not(.passive) { background-color: #b84f0a; border: 1px solid #B84F0A } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-first-line .coupon-price-container-bottom .coupon-collect-button.passive { border: #999; background-color: #999 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-first-line .coupon-price-container-bottom .coupon-collect-button.passive .coupon-collect-button-text { color: #fff } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-first-line .coupon-price-container-bottom .coupon-collect-button.megaCoupon { background-color: #ff4988; border: 1px solid #FF4988 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-first-line .coupon-price-container-bottom .coupon-collect-button.megaCoupon:hover { background-color: #cc0047; border: 1px solid #CC0047 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-first-line .coupon-price-container-bottom .coupon-collect-button.megaCoupon .coupon-collect-button-text { color: #fff } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-first-line .coupon-price-container-bottom .coupon-collect-button.megaAndPassive .coupon-collect-button-text { color: #fff !important } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-first-line .coupon-price-container-bottom .coupon-collect-button .coupon-collect-button-text { font-size: 0.625rem; font-weight: 600; letter-spacing: .24px; color: #fff } .coupon-item-wrapper .coupon-item-content .coupon-item-container .horizontal-line { position: absolute; top: 48px; right: 28%; width: 66px; margin: 0; border: none; border-top: 1px dashed #e6e6e6; opacity: 1; transform: rotate(90deg) } .coupon-item-wrapper .coupon-item-content .coupon-item-container .horizontal-line.passive { border-top: 1px dashed #d1d1d1 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .horizontal-line.megaCoupon { border-top: 1px dashed #FFADCA } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side { padding: 12px; min-width: 60%; display: flex; flex-direction: column; justify-content: space-between } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-price-content { display: flex; padding-bottom: 2px; flex-direction: column; gap: 2px } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-price-content .coupon-lower-limit { display: flex; align-items: center; font-size: 11px; letter-spacing: .24px; color: #666 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-price-content .coupon-lower-limit:first-child { margin-right: 0 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-price-content .coupon-lower-limit span { color: #333; font-weight: 600; margin-right: 2px } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-price-content .coupon-lower-limit span.ellipse { display: inline-block; background-color: #f27a1a; height: 3px; width: 3px; border-radius: 50%; margin-right: 0; margin-left: 4px } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-price-content .coupon-lower-limit span.ellipse.passive { background-color: #666 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-price-content .coupon-lower-limit span.ellipse.megaCoupon { background-color: #ff4988 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-price-content .coupon-lower-limit span.ellipse.megaAndPassive { background-color: #666 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-remaining-container { display: flex; align-items: center; position: relative; top: 2px } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-remaining-container span.ellipse { display: inline-block; background-color: #f27a1a; height: 3px; width: 3px; border-radius: 50%; margin-right: 8px; margin-left: 0 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-remaining-container span.ellipse.passive { background-color: #666 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-remaining-container span.ellipse.megaCoupon { background-color: #ff4988 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-remaining-container span.ellipse.megaAndPassive { background-color: #666 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-remaining-container .i-ring-bell-filled { color: #b00; margin-right: 5px; font-size: 11px } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-remaining-container .i-ring-bell-filled.passive { color: #999 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-remaining-container .coupon-remaining-day { font-size: 11px; color: #666; position: relative; font-weight: 600 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-remaining-container .coupon-remaining-day.withoutIcon { color: #b00 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-remaining-container .coupon-remaining-day.passive { color: #999 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-remaining-container .coupon-remaining-day span { color: #333; -webkit-font-smoothing: antialiased } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-products a { font-size: 0.725rem; color: #333; letter-spacing: .21px; font-weight: 600 } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-products a i { font-size: 8px; margin-left: 8px } .coupon-item-wrapper .coupon-item-content .coupon-item-container .coupon-item-right-side .coupon-products.passive a { color: #333 } /********************************************************************************* Template Name: Hema Multipurpose eCommerce Bootstrap 5 Template Description: A perfect template to build beautiful and unique Fashion websites. It comes with nice and clean design. Version: 1.0 **********************************************************************************/ @media only screen and (max-width: 1540px) { .arwOut5 .slick-prev { left: -40px; } .arwOut5 .slick-next { right: -40px; } .container-fluid { padding: 0 30px; } .slideshow-xlarge .slideshow-wrap { height: 720px; } .slideshow .middle-left .slideshow-content-in { left: 50px; } .slideshow .middle-right .slideshow-content-in { right: 50px; } .slideshow .slick-arrow-dots .slick-prev { left: 30px; } .slideshow .slick-arrow-dots .slick-next { right: 30px; } .container-1330 .arwOut5 .slick-prev { left: -10px; } .container-1330 .arwOut5 .slick-next { right: -10px; } .header-5 .minisearch-inline { max-width: 330px; } .header-7 .menu-position-left #siteNav > li .megamenu { margin-left: -320px !important; } .index-demo10 .slideshow-large .slideshow-wrap { height: 600px; } } @media only screen and (max-width: 1320px) { .arwOut5 .slick-prev { left: -10px; } .arwOut5 .slick-next { right: -10px; } .index-demo2 .hdr-menu-left #siteNav > li > a { padding: 8px 10px; } .index-demo4 .hdr-menu-left #siteNav > li > a { padding: 8px 8px; } .index-demo10 .slideshow-large .slideshow-wrap { height: 500px; } .header-5 .minisearch-inline { max-width: 300px; } .index-demo5 .three-bnr .sp-row { margin-left: -10px; margin-right: -10px; } .index-demo6 .featured-content .featured-text { padding: 30px; } .footer-8 .ftr-links li:after { padding: 0 10px; } } @media only screen and (min-width:1200px) { .row-5col > * { width: 20%; } .index-demo10 .newsletter-section .newsletter-wrap { padding-right: 145px; padding-left: 175px; } .product-notification { margin: 25px; } } @media only screen and (max-width: 1199px) { #pre-loader img { position: absolute; top: 45%; right: 25%; } #page-content { margin: 0 0 50px; } .section { padding-top: 50px; padding-bottom: 50px; } .text-large { font-size: 18px !important; } .footer .footer-top { padding-top: 45px; padding-bottom: 45px; } .footer-bottom { padding: 20px 0; } .footer-8 .footer-bottom { padding: 30px 0; } .page-header { margin-bottom: 50px; } #siteNav > li > a { padding: 8px 8px; font-size: 13px; } .classicHeader #siteNav > li > a { padding: 8px; } .menu-position-left #siteNav > li .megamenu { min-width: 800px; margin-left: -150px; } .menu-position-left #siteNav > li .megamenu.style1 { margin-left: -65px; } .menu-position-left #siteNav > li .megamenu.style4 { min-width: 900px; margin-left: -30px; } .iconset { padding: 0 7px; } .product-nav { display: none; } .search-inline-brd .search-category { display: none; } .slideshow-xlarge .slideshow-wrap { height: 700px; } .slideshow-large .slideshow-wrap { height: 600px; } .slideshow .slick-arrow-dots .slick-prev { left: 20px; } .slideshow .slick-arrow-dots .slick-next { right: 20px; } .slideshow .slideshow-content-in { max-width: 500px; } .collection-top-filters .flTtl { padding: 12px 12px; } .toolbar .view-mode .mode-list.active ~ .icon-mode.active { border-color: #9b9b9b; } .toolbar .view-mode .mode-list.active ~ .icon-mode.active:before { background: #9b9b9b; } .toolbar .view-mode .mode-list.active ~ .grid-4.active:before { box-shadow: 7px 0 0 #9b9b9b,14px 0 0 #9b9b9b,21px 0 0 #9b9b9b; } .vertical-menu-content li .megamenu { min-width: 740px; } .phone-info .phone-text a { font-size: 20px; } .hero-large { height: 450px; } .newsletterbg label { font-size: 24px; } .footer-logo-links .inline-links.left-brd .list-inline-item:not(:last-child) { margin-right: 15px; padding-right: 15px; } .index-demo4 .slideshow .slideshow-content-in { margin-top: 40px; } .index-demo4 .slideshow .ss-mega-title { font-size: 40px; } .index-demo4 .slideshow .ss-sub-title { font-size: 16px; } .header-5 .minisearch-inline { max-width: 220px; } .header-7 .header-main { padding-top: 20px; padding-bottom: 20px; } .index-demo6 .featured-content .featured-text { padding: 30px; } .index-demo7 .parallax-banner-style1 .hero-large { height: 500px; } .index-demo7 .collection-banner-grid .collection-item.ctImg1 .details.bottom-right { right: 60px; bottom: 32px; } .index-demo7 .collection-banner-grid.onelarge-four-bnr .details .title { font-size: 24px; } .index-demo8 .logo-section .section-clr { padding: 40px !important; } .slideshow .ss-mega-title { font-size: 35px; } .slideshow .ss-btnWrap .btn { min-width: 130px; padding: 8px 15px; } .topbar-slider .marquee-text .top-info-bar { padding: 0 5px; } } @media only screen and (min-width: 992px) { #filter-scroll { display: none !important; } .mih-75:not(.stickyNav) { min-height: 75px !important; } #page-content { min-height: 400px; } .collection-banner-grid .details.middle-right { right: 20px; } .collection-banner-grid .details.middle-left { left: 20px; } .collection-banner-grid .details.top-center { top: 20px; } .collection-banner-grid .details.top-left { top: 20px; left: 20px; } .collection-banner-grid .details.top-right { top: 20px; right: 20px; } .collection-banner-grid .details.bottom-center { bottom: 20px; } .collection-banner-grid .details.bottom-left { left: 20px; bottom: 20px; } .collection-banner-grid .details.bottom-right { right: 20px; bottom: 20px; } .hov-arrow .slick-arrow { opacity: 0; visibility: hidden; } .hov-arrow:hover .slick-arrow { opacity: 1; visibility: visible; } .sidebar-sticky { position: sticky; overflow: hidden scroll; position: -webkit-sticky; top: 80px; margin-bottom: 5px; height: 100vh; } .button-set { opacity: 0; visibility: hidden; top: 10px; right: 0; } .grid-products .item:hover .button-set { opacity: 1; visibility: visible; right: 10px; } .button-set.style2 { bottom: -10px; } .grid-products .item:hover .button-set.style2 { right: auto; bottom: 10px; } .button-set.style3 { top: 10px; left: 0; right: auto; } .grid-products .item:hover .button-set.style3 { left: 10px; right: auto; } .button-set-top { opacity: 0; visibility: hidden; top: 20px; right: 10px; } .grid-products .item:hover .button-set-top { opacity: 1; visibility: visible; top: 10px; right: 10px; } .button-set-bottom { opacity: 0; visibility: hidden; bottom: 0; } .grid-products .item:hover .button-set-bottom { opacity: 1; visibility: visible; bottom: 10px; } .hoverDetails .product-des { position: absolute; top: 0; left: 0; right: 0; z-index: 3; padding: 20px; opacity: 0; visibility: hidden; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .hoverDetails .product-des.pbs-bottom { top: auto; bottom: 0; padding-top: 0; } .hoverDetails .product-des .button-set.style2 { opacity: 1; visibility: visible; display: flex; position: static; -webkit-transform: none; transform: none; box-shadow: none; margin-top: 15px; } .hoverDetails .item:hover .product-box:after { content: ""; background: rgba(255,255,255,.9); position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; } .hoverDetails .item:hover .product-des { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } .hoverDetails .item:hover .product-image .hover { opacity: 1; visibility: visible; } .grid-products.pro-hover3 .product-image { margin: 0 auto 0; } .grid-products.pro-hover3 .product-details { background-color: #ffffff; padding: 15px 0 0; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateY(0); transform: translateY(0); } .grid-products.pro-hover3 .item:hover .product-details { opacity: 1; -ms-transform: translateY(-53px); transform: translateY(-53px); } .grid-products.pro-hover3 .item .swatches { padding-bottom: 5px; } .grid-products.pro-hover3 .button-bottom-action .btn.rounded-pill { padding-left: 22px; padding-right: 22px; } .grid-products.pro-hover3 .button-bottom-action { padding-top: 15px; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; position: absolute; } .grid-products.pro-hover3 .item:hover .button-bottom-action { opacity: 1; visibility: visible; } .collection-top-filters { background-color: #f2f2f2; border: 1px solid #efefef; padding: 10px 20px; margin: 0 0 20px; } .collection-top-filters .filterDD { padding: 0; width: 295px; color: #000000; background-color: #ffffff; border: 1px solid #edecec; border-radius: 0 0 5px 5px; z-index: 5; } .collection-top-filters .filterDD .bxTtl { position: sticky; position: -webkit-sticky; top: 0; z-index: 1; padding: 10px 15px; background-color: #F9F9F9; border-bottom: 1px solid #F9F9F9; font-size: 13px; } .collection-top-filters .filterDD .swacth-list { padding: 15px; } .lookbook-grid .zoom-img { opacity: 0; visibility: hidden; -webkit-transform: translateZ(0) scale(0.1); transform: translateZ(0) scale(0.1); } .lookbook-grid .lookbook-item:hover .zoom-img { opacity: 1; visibility: visible; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } .lookbook-grid .lookbook-caption { -webkit-transform: translateY(105%); transform: translateY(105%); } .lookbook-grid .lookbook-item:hover .lookbook-caption { -webkit-transform: none; transform: none; } .lookbook-grid .lookbook-item.topView:hover .lookbook-caption { top: 0; bottom: 0; } .ftr-lft-logo { padding-right: 30px; border-right: 1px solid #434343; } .ftr-rgt-menu { padding-left: 30px; } .header-6 .iconset .iconCot { position: relative; } .header-6 .iconset .text { display: block; } .index-demo6 .slideshow-medium .slideshow-wrap { height: 571px; } .index-demo6 .collection-banner-grid.two-bnr-ct2 .details .title { font-size: 20px; margin-bottom: 0; } .index-demo6 .featured-content .featured-text .fs-4 { font-size: 20px !important; } .index-demo6 .featured-content .featured-text .fs-6 { font-size: 14px !important; } .header-7 .menu-position-left #siteNav > li .megamenu { margin-left: -200px; } .index-demo7 .slideshow { padding: 60px 0; } .index-demo7 .slideshow > .container .middle-left .slideshow-content-in { left: 15px; } .index-demo7 .slideshow .container .slick-arrow-dots .slick-prev { left: 10px; } .index-demo7 .slideshow .container .slick-arrow-dots .slick-next { right: 10px; } .index-demo7 .slideshow-medium .slideshow-wrap { height: 518px; } .index-demo7 .slideshow .collection-banner-grid .img img { height: 246px; } .index-demo7 .slideshow .ss-btnWrap .btn { min-width: 160px; font-size: 14px; padding: 12px 25px 11px 25px; } } @media only screen and (max-width: 991px) { .slideshow .sm-middle-right .slideshow-content-in { text-align: right; right: 12%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%) } #pre-loader img { position: absolute; top: 45%; right: auto; } .ratio-16x9 { --bs-aspect-ratio: 174.25%; } #minicart-drawer { width: 90% } .minicart-right-drawer { width: 90% } .container-fluid { padding-left: 15px; padding-right: 15px; } .layout-boxed { margin: 0 auto; box-shadow: none; } .layout-boxed .container, .layout-boxed .container-fluid { padding-left: 15px; padding-right: 15px; } .layout-fullwidth .container, .layout-fullwidth .container-fluid { max-width: 100%; padding-left: 15px; padding-right: 15px; } .ipad-hide { display: none !important; } .row:not(.g-1):not(.g-2):not(.g-3):not(.g-4) { margin-left: -7.5px; margin-right: -7.5px; } .row:not(.g-1):not(.g-2):not(.g-3):not(.g-4) > * { padding-left: 0.25rem; padding-right: 0.25rem; } .slick-slider.gp10 .slick-list { margin: 0 -7.5px; } .slick-slider.gp10 .slick-slide { padding: 0 3.5px; } .grid-mr-20 { margin: -7.5px; } .grid-mr-20 .col-item { padding: 7.5px; } .col-row-20 { margin-top: -15px; margin-left: -7.5px; margin-right: -7.5px; } .col-row-20 .col-item { padding-top: 15px; padding-left: 7.5px; padding-right: 7.5px; } .slick-slider.gp15 .slick-list { margin: 0 -7.5px; } .slick-slider.gp15 .slick-slide { padding: 0 7.5px; } .col-row { margin-top: -20px; } .col-row .col-item { padding: 0.25rem; } .sp-row { margin-top: -15px; } .sp-row .sp-col { padding-top: 15px; } .arwOut5 .slick-arrow { width: 35px; height: 35px; } .arwOut5 .slick-arrow:before { font-size: 17px; } .page-header { padding: 5px 0; margin-bottom: 25px; } .text-large { font-size: 18px !important; line-height: 30px !important; } .search-drawer .search-products { margin-top: 20px; padding-top: 20px; } body.menuOn { overflow: hidden; } body.menuOn:after { content: ""; background: rgba(0,0,0,0.5); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; } #siteNav, .d-menu-col { display: none; } .menu-icon { background: transparent; border: 0; display: inline-block; cursor: pointer; } .js-mobile-nav-toggle .icon { display: none; color: #333333; } .js-mobile-nav-toggle.mobile-nav--open .anm-bars-r, .js-mobile-nav-toggle.mobile-nav--close .icon.anm.anm-times-l { display: inline-block; } #MobileNav { height: calc(100vh - 40px); overflow: hidden auto; list-style: none; padding: 0; margin: 0; } .mobile-nav-wrapper .closemobileMenu { background-color: #eee; color: #333333; font-size: 13px; padding: 10px 10px; cursor: pointer; text-transform: uppercase; font-weight: 600; } .mobile-nav-wrapper .closemobileMenu .icon { color: #ffffff; background-color: var(--bs-primary); font-size: 15px; line-height: 32px; height: 30px; width: 30px; text-align: center; cursor: pointer; position: absolute; top: 10px; right: 100%; box-shadow: 0 0 5px #ddd; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mobile-nav-wrapper { display: block; width: 90%; height: 100%; position: fixed; left: -270px; top: 0; z-index: 10000; background-color: #ffffff; box-shadow: 0 0 5px rgba(0,0,0,0.3); opacity: 0; visibility: hidden; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mobile-nav-wrapper.active { right: 0; opacity: 1; visibility: visible; } #MobileNav li { border-top: 1px solid #f0f0f0; position: relative } #MobileNav li a { color: #333333; font-size: 14px; text-decoration: none; display: block; padding: 10px 10px 10px 10px; opacity: 1; -webkit-font-smoothing: antialiased; font-weight: 400; text-transform: uppercase; position: relative } #MobileNav li a .icon { color: #333333; font-size: 20px; display: block; width: 40px; height: 40px; line-height: 37px; position: absolute; left: 0; top: 3px; text-align: center } #MobileNav li a:hover, #MobileNav li a:hover .icon { color: #293355; } #MobileNav li a .lbl { color: #ffffff; background-color: #0a9339; font-size: 10px; font-weight: 400; letter-spacing: 0; line-height: 1; text-transform: uppercase; display: inline-block; padding: 4px 5px; border-radius: 2px; box-shadow: 0 0 1px rgba(0,0,0,0.3); position: relative; vertical-align: middle; margin-left: 5px; } #MobileNav li a .lbl:after { content: ""; display: block; width: 0; height: 0; position: absolute; bottom: 5px; left: -8px; border: 4px solid transparent; border-right-color: #0a9339; } #MobileNav li a .lbl.nm_label1 { background-color: #ff0000; } #MobileNav li a .lbl.nm_label1:after { border-right-color: #ff0000; } #MobileNav li a .lbl.nm_label2 { background-color: #0a9339; } #MobileNav li a .lbl.nm_label2:after { border-right-color: #0a9339; } #MobileNav li a .lbl.nm_label3 { background-color: #fb6c3e; } #MobileNav li a .lbl.nm_label3:after { border-right-color: #fb6c3e; } #MobileNav li a .lbl.nm_label4 { background-color: #fdb818; } #MobileNav li a .lbl.nm_label4:after { border-right-color: #fdb818; } #MobileNav li a .lbl.nm_label5 { background-color: #af4de2; } #MobileNav li a .lbl.nm_label5:after { border-right-color: #af4de2; } #MobileNav li ul { display: none; list-style: none; padding: 0; margin: 0; } #MobileNav li li a { padding-left: 20px; font-size: 13px; background-color: #f9f9f9; } #MobileNav li li li a { padding-left: 30px; font-size: 13px; background-color: #f8f8f8; } #MobileNav li li li li a { padding-left: 40px; font-size: 13px; background-color: #f7f7f7; } #MobileNav .mobile-menu-bottom { padding: 20px 10px 10px; } #MobileNav .mobile-menu-bottom li { border: none; } #MobileNav .mobile-menu-bottom a { background-color: transparent; font-size: 13px; padding: 0px; text-transform: none; } #MobileNav .mobile-menu-bottom .icon { position: static; width: auto; height: auto; line-height: normal; font-size: 14px; } #MobileNav .mobile-menu-bottom .mobile-links li { margin: 0 0 8px; } #MobileNav .mobile-menu-bottom .mobile-links .title { margin: 20px 0 14px; text-transform: uppercase; border-top: 1px solid #e7e7e7; padding-top: 20px; } #MobileNav .mobile-menu-bottom .mobile-links .icon { font-size: 15px; min-width: 20px; margin-left: 5px; } #MobileNav .mobile-menu-bottom .mobile-follow .title { text-transform: uppercase; border-top: 1px solid #e7e7e7; padding-top: 20px; margin-top: 20px; } #MobileNav .mobile-menu-bottom .mobile-follow li { margin-right: 10px; } /* MobileMenu bg black */ .mobileMenu-bg-black { background-color: #222; } .mobileMenu-bg-black .closemobileMenu { background-color: #000000; color: #ffffff; } .mobileMenu-bg-black #MobileNav li a, .mobileMenu-bg-black #MobileNav li a .icon, .mobileMenu-bg-black #MobileNav .mobile-menu-bottom .title { color: #ffffff; } .mobileMenu-bg-black #MobileNav .mobile-menu-bottom .title { text-transform: uppercase; border-top-color: #434343; } .mobileMenu-bg-black #MobileNav li { border-top-color: #434343; } .mobileMenu-bg-black #MobileNav li.lvl1 li a { background-color: #212121; } .mobileMenu-bg-black #MobileNav li.lvl1 li li a { background-color: #2b2b2b; } .mobileMenu-bg-black #MobileNav li.lvl1 li li li a { background-color: #333333; } .mobileMenu-bg-black #MobileNav li a:hover, .mobileMenu-bg-black #MobileNav li a:hover .icon { color: #ffffff; opacity: 0.6; } .slideshow-xlarge .slideshow-wrap { height: 600px; } .slideshow-large .slideshow-wrap, .slideshow-medium .slideshow-wrap { height: 500px; } .slideshow .ss-mega-title { font-size: 25px; } .slideshow .ss-sub-title { font-size: 15px; } .slideshow .slick-arrow-dots .slick-arrow { width: 35px; height: 35px; } .slideshow .slick-arrow-dots .slick-prev, .slideshow .container .slick-arrow-dots .slick-prev { left: 15px; } .slideshow .slick-arrow-dots .slick-next, .slideshow .container .slick-arrow-dots .slick-next { right: 15px; } .slideshow .middle-left .slideshow-content-in, .slideshow > .container .middle-left .slideshow-content-in { left: 0px; } .slideshow .middle-right .slideshow-content-in, .slideshow > .container .middle-right .slideshow-content-in { right: 0px; } .slideshow .slideshow-content-in { max-width: max-content; } .slideshow .ss-btnWrap { margin: 18px 0 0; } .slideshow .slick-arrow-dots .slick-dots { bottom: 30px; } .hero-large { height: 420px; } .hero-title { font-size: 30px; } .hero-subtitle { font-size: 22px; } .section-header h2 { font-size: 22px; } .service-info.separate-line.mdt-0 .service-wrap:nth-child(2n) { border-right: none; } .testimonial-content .quote-icon img { max-width: 55px; } .sub-collection-style1 .product-countdown .count-inner { min-width: 50px; padding: 8px; margin: 0 2px; } .sub-collection-style1 .product-countdown .count-inner .time-count { font-size: 18px; } .sub-collection-style2-page .sub-collection-style1 .content-banner-wrap { background-color: #f4f4f4; } .sub-collection-style2-page .sub-collection-style1 .content-image img { width: auto !important; margin: 0 auto; display: block; } .collection-banner-grid .details .title { font-size: 18px; } .blog-sidebar { margin-bottom: 20px; } .blog-sidebar .sidebar-widget { padding: 12px 15px; margin-bottom: 10px; } .blog-sidebar .sidebar-widget .widget-title { position: relative; cursor: pointer; } .blog-sidebar .sidebar-widget .widget-title h2 { font-size: 14px; margin-bottom: 0; } .blog-sidebar .sidebar-widget .widget-title.active, .blog-sidebar .sidebar-widget .widget-title.active h2 { color: #ec0016; } .blog-sidebar .sidebar-widget .widget-title:after { content: "\ea45"; font-family: 'annimex-icons'; font-size: 18px; display: block; position: absolute; right: 0; top: -7px; } .blog-sidebar .sidebar-widget .widget-title.active:after { content: "\ea48"; } .blog-sidebar .sidebar-widget .widget-content { display: none; margin-bottom: 10px; } .button-set .btn-icon { font-size: 13px; width: 30px; height: 30px; } .hoverDetails .product-des.pbs-bottom { margin-top: 15px; } .button-set-top .btn-icon { font-size: 13px; width: 30px; height: 30px; margin: 0 0 4px; } .button-set-bottom .btn { padding: 8px 15px; } .button-bottom-action .button-right { display: none; } .product-form .swatches-size .sizelink { margin-left: 60px; } .saleTime span > span { max-width: 35px; } .saleTime span > span span { font-size: 8px; } .product-labels .lbl { font-size: 10px; padding: 4px 10px; } .btn.btn-filter { padding: 6px 10px; } .btn.btn-filter:before { font-size: 20px; margin-right: 0; } .btn.btn-filter.text { font-size: 0; width: 40px; } .grid-products .list-style .product-image { flex: 0 0 200px; width: 200px; } .toolbar .view-mode .mode-list.active ~ .grid-3.active:before { box-shadow: 7px 0 0 #9b9b9b,14px 0 0 #9b9b9b; } .sidebar h2 { font-size: 15px; } .sidebar .widget-content { border-top-color: #eaeaea; } .filterbar { width: 90%; height: 100%; padding: 0 !important; background-color: #ffffff; box-shadow: 0 0 5px rgba(0,0,0,0.3); position: fixed; top: 0; right: -100%; z-index: 9999; -ms-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } .filterbar.active { right: 0; } .filterbar .sidebar-tags { position: relative; z-index: 9; background: #f8f9fa; padding: 20px; height: 100%; overflow: auto; } .filterbar .filterBox { padding: 0; border: none; } .filterbar .sidebar-widget:not(.filterBox), .filterbar .static-banner { display: none; } .filterbar.active .closeFilter { color: #ffffff; background-color: var(--bs-primary); font-size: 15px; line-height: 32px; height: 30px; width: 30px; text-align: center; cursor: pointer; position: absolute; top: 10px; right: 100%; box-shadow: 0 0 5px #ddd; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .filterbar.active .closeFilter:after { content: ''; background: rgba(0,0,0,0.5); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .sidebar-filter .filterbar { width: 285px; left: -290px; } .sidebar-filter .filterbar .sidebar-tags { padding: 20px 20px; } .sidebar-filter .filterbar .filterBox { margin-bottom: 20px; } .collection-top-filters .sidebar-tags { align-content: flex-start; } .collection-top-filters .btn-group { display: block; width: 100%; margin-bottom: 20px; } .collection-top-filters .filterDD { width: 100%; min-width: 100%; position: static !important; transform: none !important; margin: 15px 0 0 !important; padding: 15px 0 0 !important; border: none; border-top: 1px solid rgba(86,61,124,0.15); display: block; background: transparent; border-radius: 0; } .collection-top-filters .filterDD.show { display: none; } .collection-top-filters .flTtl { padding: 0; width: 100%; font-size: 15px; line-height: normal; } .collection-top-filters .flTtl:after { content: "\ea48"; font-size: 17px; } .collection-top-filters .flTtl.show:after { content: "\ea45"; } .top-tags .tags-list li a:not(.btn) { padding: 5px 10px; } .slick-arrow-dots .slick-dots { margin-top: 10px; } .home-blog-post .slick-arrow { margin-top: -80px; } .index-demo6 .home-blog-post .slick-arrow { margin-top: -120px; } .quickview-modal.modal .modal-body { padding: 20px; } .wishlist-table table th, .wishlist-table table td { padding: 15px 10px; } .wishlist-table table .product-thumbnail { width: 90px; } .wishlist-table table .product-img { width: 70px; } .compare-table table .image { max-width: 180px; } .product-form-submit.buyit { width: 100%; flex: 0 0 100%; margin: 15px 0 0 !important; } .template-product .page-header { padding: 10px 0; } .table-part tr th, .table-part tr td { padding: 7px 10px; } .aboutus-style2-page .about-details.faqs-style.faqs-style2.px-50 { padding-left: 20px !important; padding-right: 0px !important; } .dashboard-tab .nav-tabs { overflow: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; padding: 0 5px 3px; } .dashboard-tab .nav-tabs .nav-item .nav-link { font-size: 14px; padding: 5px 0; margin: 0 10px; background: transparent; border-bottom: 2px solid transparent; } .dashboard-tab .nav-tabs .nav-item .nav-link:hover, .dashboard-tab .nav-tabs .nav-item.show .nav-link, .dashboard-tab .nav-tabs .nav-link.active { border-color: #ec0016; } .tracking-steps .step { min-width: 160px; } .footer-bottom .flex-column { text-align: center; } .footer-2 .footer-contact .phone.fs-5 { font-size: 18px !important; } .footer-3 .footer-newsletter .input-group > .form-control { padding-right: 20px; padding-left: 20px; height: 50px; } .footer-3 .footer-newsletter .input-group > .btn { height: 50px; } .newsletterbg label { font-size: 20px; } .footer-newsletter .input-group > .form-control, .footer-newsletter .input-group > .btn { height: 50px; } .newsletter-modal .text { font-size: 14px; } .ctg-bnr-wrap .ctg-image.ratio:before { padding-top: 300px; } .collection-banner-grid .sale-banner .details .title { font-size: 22px; } .collection-banner-grid .details.offerText .tex-top { top: 20px; font-size: 14px; } .collection-banner-grid .details.offerText .tex1 { font-size: 18px; } .collection-banner-grid .details.offerText .tex2 { font-size: 45px; } .collection-banner-grid .details.offerText .tex3 { font-size: 13px; } .collection-banner-grid .details.offerText .tex-bom { font-size: 13px; padding: 10px 10px; } .links-dropdown .user-menu .icon { font-size: 18px; cursor: pointer; } .links-dropdown .user-links { visibility: hidden; opacity: 0; padding: 20px; margin: 10px 0 0; width: 170px; border-radius: 8px; position: absolute; top: 130%; left: 0; z-index: 99; background-color: #ffffff; box-shadow: 0 0 15px rgba(5,0,0,0.1); -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .links-dropdown .user-links.active { visibility: visible; opacity: 1; top: 100%; } .grid-products .swatches li.large { height: 20px; width: 20px; } .grid-products.pro-hover4 .product-details .details-left { width: calc(100% - 40px); } .grid-products.pro-hover4 .product-details .addtocart-btn .btn { height: 30px; width: 30px; font-size: 14px; } .products-lookbook-section .bg-size { min-height: 400px; } .about-section .about-details .small-text { font-size: 16px; } .about-section .about-details .title { font-size: 27px; } .about-section .about-details .service-info h2 { font-size: 20px; margin-bottom: 10px; } .tabs-listing .product-tabs.style3 li a { padding: 10px 20px; } #productInquiry .page-title h3, #sizechart h4 { font-size: 18px; } .index-demo1 .footer { padding-bottom: 47px; } .index-demo1 #site-scroll { bottom: 65px; } #filter-scroll { bottom: 110px !important; } .index-demo2 .slideshow .ss-mega-title { font-size: 25px; } .index-demo2 .service-section { padding: 20px 0; } .index-demo2 .section-header { margin-bottom: 25px; } .index-demo2 .section-header h2 { font-size: 18px; } .index-demo3 .collection-banner-grid .frt-column { width: 56%; } .index-demo3 .collection-banner-grid .two-column { width: 44%; } .index-demo3 .collection-banner-grid .thr-column { width: 100%; } .index-demo3 .collection-banner-grid .collection-item .btn-lg { font-size: 15px; } .index-demo4 .slideshow .slideshow-content-in { margin-top: 30px; } .index-demo4 .left-brd .social-icons { margin: 0; padding: 0; border: 0; } .index-demo4 .slideshow .ss-mega-title { font-size: 30px; } .index-demo4 .slideshow .ss-sub-title { font-size: 15px; } .index-demo5 .collection-banner-grid.three-bnr .details .title { font-size: 25px; } .index-demo5 .home-blog-post .slick-arrow { margin-top: -70px; } .header-6 .wishlist-count, .header-6 .cart-count { right: -2px; top: -6px; } .index-demo6 .top-header .left-brd > :not(:last-child) { margin: 0 0 7px; padding: 0; border: none; } .index-demo6 .slideshow > .container .middle-left .slideshow-content-in { left: 0; } .index-demo6 .slideshow > .container .middle-right .slideshow-content-in { right: 0; } .index-demo6 .collection-banner-grid.two-bnr-ct2 .details { max-width: 200px; } .index-demo6 .collection-slider .category-item img { max-width: 70px; } .index-demo6 .featured-content .featured-text .fs-4 { font-size: 18px !important; } .header-7 .iconset { padding: 0 5px; } .index-demo7 .collection-banner-grid.onelarge-four-bnr .details .small-title.fs-6 { font-size: 14px !important; } .index-demo7 .collection-banner-grid.onelarge-four-bnr .details .title { font-size: 20px; } .index-demo7 .collection-banner-grid .collection-item.ctImg1 .details.bottom-right { right: 40px; bottom: 30px; } .index-demo7 .parallax-banner-style1 .hero-large { height: 400px; } .index-demo7 .ctg-bnr-wrap .ctg-image.ratio:before { padding-top: 450px; } .index-demo7 .ctg-bnr-wrap .ctg-image.ratio > * { width: auto; margin: 0 auto; right: 0; } .index-demo7 .mobileMenu-bg-black { background-color: #2b7c63; } .index-demo7 .mobileMenu-bg-black #MobileNav li.lvl1 li a { background-color: #2b6c58; } .index-demo7 .mobileMenu-bg-black #MobileNav li.lvl1 li li a { background-color: #2e7962; } .index-demo7 .mobileMenu-bg-black #MobileNav li.lvl1 li li li a { background-color: #39826b; } .index-demo7 .mobileMenu-bg-black #MobileNav li { border-top-color: #398a71; } .index-demo7 .mobileMenu-bg-black #MobileNav li a:hover, .index-demo7 .mobileMenu-bg-black #MobileNav li a:hover .icon { color: #f4f4f4; } .index-demo7 .mobileMenu-bg-black .closemobileMenu { background-color: #1e5847; } .index-demo7 .mobileMenu-bg-black #MobileNav .mobile-menu-bottom .title { border-top-color: #398a71; } .index-demo7 .slideshow .ss-mega-title { font-size: 36px; } .header-8 .header-main { padding-top: 15px; padding-bottom: 15px; min-height: 60px; } .header-8 #settingsBox, .header-8 #accountBox { -webkit-transform: none; transform: none; left: auto; right: -30px; } .header-8 #settingsBox:before, .header-8 #accountBox:before { left: auto; right: 36px; } .index-demo8 .service-info.separate-line.mdt-0 .service-wrap:nth-child(2n) { border-right: 1px solid #d6d6d6; } .header-9 #settingsBox, .header-9 #accountBox { left: -20px; transform: translateX(-60%); -webkit-transform: translateX(-60%); } .header-9 .header-main { padding-top: 15px; padding-bottom: 15px; min-height: 60px; } .index-demo9 .mobileMenu-bg-black { background-color: #3e516a; } .index-demo9 .mobileMenu-bg-black .closemobileMenu { background-color: #475e7d; } .index-demo9 .mobileMenu-bg-black #MobileNav li { border-top-color: #4f637d; } .index-demo9 .mobileMenu-bg-black #MobileNav li.lvl1 li a { background-color: #3e5471; } .index-demo9 .mobileMenu-bg-black #MobileNav li.lvl1 li li a { background-color: #415877; } .index-demo9 .mobileMenu-bg-black #MobileNav li.lvl1 li li li a { background-color: #445a77; } .index-demo9 .mobileMenu-bg-black #MobileNav li a:hover, .index-demo9 .mobileMenu-bg-black #MobileNav li a:hover .icon { color: #f57c00; } .index-demo9 .mobileMenu-bg-black #MobileNav .mobile-menu-bottom .title { border-top-color: #4f637d; } .index-demo9 .collection-banners.four-bnr .btn-light { font-size: 15px; } .index-demo9 .collection-banner-grid.two-bnr .details { padding: 20px 20px 23px; } .index-demo9 .collection-banner-grid.two-bnr .details .title { font-size: 20px; } .index-demo9 .testimonial-slider .content { font-size: 16px; } .index-demo9 .footer-3 .footer-newsletter .news-icon img { max-width: 60px; } .index-demo10 .slideshow .ss-small-title { font-size: 17px; } .index-demo10 .slideshow .ss-sub-title { font-size: 16px !important; } .index-demo10 .collection-slider .category-item .category-title { font-size: 15px; } .index-demo10 .collection-slider .category-item .btn { width: 30px; height: 30px; line-height: 30px; } .index-demo10 .collection-banner-grid .sale-banner .details .title { font-size: 26px; } .index-demo10 .mini-product .ctg-bnr-wrap { max-width: 307px; margin-left: auto; margin-right: auto; min-height: 419px; } .index-demo10 .collection-slider .category-item .pr-2 { padding-right: 0; } .index-demo10 .collection-slider .category-item .btnOut { display: none; } .index-demo10 .collection-banner-grid .details .btn { padding: 8px 20px; } .index-demo2 .product-availability, .index-demo5 .product-availability, .index-demo8 .product-availability, .shop-swatches-style-page .button-set-bottom.style1 + .product-availability { bottom: 40px; } } @media only screen and (min-width: 768px) { .lh-md { line-height: 1.8; } .view-collection .btn.rounded-pill { padding: 15px 30px; } .top-info-bar .item:not(:last-child), .top-info-bar .slick-slide:not(:last-child) { border-right: 1px solid #d4977d; } .index-demo9 .top-info-bar .item:not(:last-child), .index-demo9 .top-info-bar .slick-slide:not(:last-child) { border-right: 1px solid #4e6788; } .blog-list-view .blog-article .featured-image { margin: 0 0; } .cart-style2-page .table-bottom-brd table th:first-child, .cart-style2-page .table-bottom-brd table td:first-child { padding-left: 15px; } .cart-style2-page .table-bottom-brd table th:last-child, .cart-style2-page .table-bottom-brd table td:last-child { padding-right: 15px; } .product-single-meta .product-availability { font-size: 14px; } .product-sticky-style { position: sticky; position: -webkit-sticky; top: 80px; } .spr-review-byline { font-size: 14px; } .collection-banner-grid .sale-banner .details .btn, .collection-banner-grid .large-bnr .details .btn { padding: 12px 20px 11px 20px; } .collection-banner-grid .large-bnr .details .title { font-size: 20px; } .footer.footer-5 .newsletter-submit { width: 45px; height: 44px; } .index-demo3 .newsletterbg .news-icon img { max-width: 55px; } .index-demo3 .newsletterbg label { font-size: 18px; } .index-demo3 .footer-newsletter .input-group > .form-control { padding-left: 18px; } .index-demo3 .newsletterbg { padding: 25px; } .index-demo5 .slideshow .ss-btnWrap .btn { padding: 11px 25px; } .index-demo6 .slideshow .ss-btnWrap .btn { font-size: 14px; padding: 13px 20px; } .index-demo7 .collection-banner-grid .sale-banner .details .btn, .index-demo7 .collection-banner-grid .large-bnr .details .btn { padding: 12px 25px; } .index-demo9 .footer-3 .footer-newsletter .news-text { font-size: 15px; } } @media only screen and (max-width: 767px) { #filter-scroll { font-size: 12px; height: 35px; width: 35px; line-height: 33px; left: 15px; bottom: 20px; } .product-feature .product-feature-item { width: 100%; } body { font-size: 13px; line-height: 1.5; } h1, .h1 { font-size: 22px; } h2, .h2 { font-size: 18px; } h3, .h3 { font-size: 16px; } p { margin: 0 0 15px; } blockquote { font-size: 14px; } .border-sm-top-0 { border-top: none !important; } .px-30 { padding-left: 20px !important; padding-right: 20px !important; } .px-40 { padding-left: 30px !important; padding-right: 30px !important; } .px-50 { padding-left: 40px !important; padding-right: 40px !important; } .btn, .btn-primary { font-size: 13px; padding: 8px 15px; } .btn-xl { font-size: 14px; padding: 10px 25px; } .btn-sm { padding: 8px 15px; } .btn.rounded-pill { padding-left: 20px; padding-right: 20px; } input, button, select, textarea, .form-control { font-size: 13px; } input, select, .input-group > .form-control, .input-group > .btn { height: 40px; } .small-hide { display: none !important; } .section-md { padding-top: 30px; padding-bottom: 30px; } .row.g-3 { padding: 0; margin: -5px; } .row.g-3 > * { padding: 5px; margin: 0; } .slideshow .slick-arrow-dots .slick-dots { bottom: 20px; } .arwOut5 .slick-arrow { width: 30px; height: 30px; } .arwOut5 .slick-arrow:before { font-size: 15px; } .slideshow img.desktop-hide { display: none; } .slideshow img.mobile-hide { display: block; } .slideshow .ss-sub-title { display: none; } .zoomContainer { display: none; } .product-details-img .product-zoom-right #zoompro { pointer-events: none; } .pb-section { padding-bottom: 15px; } .section { padding-top: 40px; padding-bottom: 40px; } #page-content { margin: 0 0 30px; } .mobile-hide { display: none; } .form-group { margin-bottom: 15px; } .section-header { margin-bottom: 20px; } .section-header h2 { font-size: 18px; } .section-header br { display: none; } .top-header { font-size: 13px; } .page-header { padding: 5px 0; margin-bottom: 15px; } .page-header .d-flex { flex-direction: column; } .page-title h1 { font-size: 22px; margin-bottom: 10px; } .text-large { font-size: 14px !important; line-height: 1.6 !important; } .top-info-bar .item { padding-top: 7px; padding-bottom: 7px; } .logo img { max-width: 120px; } .minicart-modal-style .minicart-content, .minicart-modal-style .minicart-bottom { width: 100%; padding: 0; border: none; } .minicart-modal-style .minicart-right-drawer .modal-dialog { max-width: 380px; } .minicart-modal-style .minicart-content { max-height: 240px; overflow: auto; margin: 0 0 30px; } .slideshow-xlarge .slideshow-wrap { height: 500px; } .slideshow-large .slideshow-wrap, .slideshow-medium .slideshow-wrap { height: 400px; } .slideshow .ss-small-title { margin: 0 0 10px; } .slideshow .ss-mega-title { font-size: 22px; } .slideshow .ss-sub-title { font-size: 11px; margin: 10px 0 0; } .slideshow .ss-btnWrap { margin: 16px 0 0; } .slideshow .ss-btnWrap .btn { min-width: 100px; font-size: 12px; padding: 6px 15px; } .slideshow .btn + .btn { margin-left: 10px; } .slideshow .slick-arrow-dots .slick-prev, .slideshow .container .slick-arrow-dots .slick-prev { left: 10px; } .slideshow .slick-arrow-dots .slick-next, .slideshow .container .slick-arrow-dots .slick-next { right: 10px; } .grid-products .list-style.col-row { margin-top: -20px; } .grid-products .list-style .item { padding-top: 20px; } .tab-slider-product .section-header { margin-bottom: 15px; } .tab-slider-product .nav-tabs { margin: 0 0 20px; } .tab-slider-product .nav-tabs .nav-link { font-size: 14px; margin: 0px 7px 7px; } .tab-slider-product .nav-tabs.style1 .nav-link:after { bottom: 0; } .testimonial-slider.style1 .testimonial-slide { padding: 20px; } .aboutus-style1-page .about-details.px-50.pb-5 { padding-left: 0px !important; padding-right: 0px !important; padding-bottom: 25px !important; } .aboutus-style1-page .about-details.px-50.py-5 { padding-left: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-top: 0px !important; } .aboutus-style2-page .about-details.faqs-style.faqs-style2.px-50 { padding-left: 0px !important; padding-right: 0px !important; padding-top: 20px !important; } .awards-items .awards-title { font-size: 15px; } .counterup-title { font-size: 16px; } .counterup-number { font-size: 22px; } .bg-block .icon-box-title { margin: 0 0 10px; } .hero-large { height: auto; } .hero-title { font-size: 26px; } .hero-subtitle { font-size: 18px; margin: 10px 0 0; } .hero-saleTime { margin: 15px 0 0; } .hero-details { font-size: 14px; margin: 15px 0 0; } .hero-btn { font-size: 13px; padding: 11px 22px; margin: 15px 0 0; } .hero-inner .wrap-text { max-width: 450px; } .product-countdown .count-inner .time-count, .hero-saleTime .count-inner .time-count { font-size: 18px; line-height: 18px; } .collection-banner-grid.two-bnr .details { padding-bottom: 20px; } .collection-banner-grid .details .title { font-size: 16px; } .collection-style2 .details .btn { min-width: 120px; height: 36px; } .swatches li.x-large { height: auto; width: 35px; } .size-swatches li.x-large { height: 32px; width: 32px; } .toolbar .view-mode .mode-list.active ~ .grid-2.active:before { box-shadow: 7px 0 0 #9b9b9b; } .pagination .page-item .page-link { width: 35px; height: 35px; font-size: 14px; } .comments-item + .comments-item { padding-left: 10px; } .footer .footer-top { padding-top: 30px; padding-bottom: 30px; } .footer .footer-top .h4 { font-size: 15px; } .footer .footer-top .footer-links { position: relative; } .footer .footer-top .footer-links .h4 { cursor: pointer; border-bottom: 1px solid #3e516f; padding-bottom: 15px; margin-bottom: 15px; } .footer .footer-top .footer-links .h4:after { content: "\ea45"; font-family: "annimex-icons"; font-size: 17px; display: block; position: absolute; left: 15px; top: 0px; } .footer .footer-top .footer-links .h4.active:after { content: "\ea48"; } .footer .footer-top .footer-links .h4.active { color: #333; } .footer .footer-top .footer-links ul { display: none; margin-bottom: 20px; } .newsletterbg { padding: 40px 0; } .newsletterbg label { font-size: 24px; } .footer-3.footer .footer-top .footer-links .h4 { border-color: #ece7e4; } .footer-4.footer .footer-top .footer-links .h4, .footer-6.footer .footer-top .footer-links .h4 { border-color: #ddd; } .service-info .title { font-size: 16px !important; } .footer-middle { padding: 20px 0; } .footer.ftr-bg-black .footer-top .h4 { font-size: 15px; } .footer.ftr-bg-black .footer-top .footer-links .h4, .footer.ftr-bg-gray .footer-top .footer-links .h4 { border-color: #434343; } .ftr-logoText .logoImg { max-width: 100px; } .footer-logo-links .inline-links.left-brd .list-inline-item:not(:last-child) { margin-right: 10px; padding-right: 10px; border-width: 1px; } .phone-info .phone-icon { font-size: 32px; } .phone-info .phone-text a { font-size: 20px; } .service-section .service-info .box { border: 1px solid #ebebeb; padding: 15px; } #site-scroll { font-size: 12px; height: 35px; width: 35px; line-height: 33px; left: 15px; bottom: 20px; } #filter-scroll { font-size: 12px; height: 35px; width: 35px; line-height: 33px; left: 15px; bottom: 20px; } .modal .modal-body { padding: 15px 15px 20px; } .quickview-modal .product-title { font-size: 18px; } .product-info p { font-size: 13px; } .button-bottom-action .btn { font-size: 12px; padding: 8px 15px; } .product-form .swatches-size .sizelink { margin-left: 30px; } .cart-flex { display: block; width: 100%; } .cart-flex-item { display: table-cell; min-width: 0; } .cart-table tr, .cart-table tbody { width: 100%; display: table; } .cart-table td { padding: 10px 5px; } .cart-image { width: 85px; } .cart-qty .qtyField input, .cart-qty .qtyField .qtyBtn { height: 35px; } .compare-table table tr th:first-child { min-width: 140px; } .step-checkout .step-items { margin: -5px -10px; } .step-checkout .nav-link { padding: 10px 20px; margin: 5px 10px; } .step-checkout .nav-link:after { width: 21px; } .checkout-card .icon { font-size: 60px; } .checkout-card h2 { font-size: 24px; } .product-details-img .product-thumb .slick-prev { left: -10px; } .product-details-img .product-thumb .slick-next { right: -10px; } .product-details-img .zoompro { pointer-events: none; } .product-thumb-left-style .product-thumb-vertical div.slick-slide { padding: 0 0 7px; } .product-thumb-left-style .product-zoom-right { width: calc(85% - 10px); margin: 0 0 0 10px; } .product-thumb-left-style .product-thumb .slick-arrow, .product-thumb-left-style .model-thumbnail-img .carousel-arrow { height: 23px; } .product-thumb-right-style .product-zoom-right { margin: 0 10px 0 0; } .product-details-img .product-buttons .btn { font-size: 13px; height: 30px; width: 30px; } .product-main-title { font-size: 20px; } .product-form-quantity .qtyField input, .product-form-submit .btn { font-size: 14px; } .product-single-meta .product-availability { font-size: 13px; } .countdown-text.style1 label { font-size: 14px; } .comment-form { padding: 20px; } .blog-article h2.h1 { font-size: 22px; } .blog-article h2 { font-size: 20px; } .tabs-listing.section .tab-container { padding: 0; } .tabs-listing .tabs-ac-style { position: relative; font-size: 14px; margin-bottom: 10px; cursor: pointer; color: #333333; background-color: #f5f5f5; padding: 13px 30px 13px 15px; display: block; text-align: right; border: 1px solid #E6E6E6 !important; border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } .tabs-listing .tabs-ac-style.active { color: #333; background-color: #f7f7f7; } .tabs-listing .tabs-ac-style:before { font-family: "annimex-icons"; content: "\eb66"; font-size: 20px; position: absolute; left: 13px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .tabs-listing .tabs-ac-style.active:before { content: "\eb69"; } .tabs-listing .tab-container .tab-content { padding: 10px 0 20px; } .tabs-listing .product-description img { margin-top: 30px; } .spr-review-profile { width: 65px; margin-right: 15px; } .avg-rating .avg-mark { font-size: 50px; } .product-labels.rounded .lbl { min-height: 35px; min-width: 35px; } .product-two-gallery .product-labels { left: 5px; top: 10px; } .upsell-bundle .usbImgCall { width: 75px; } .product-wrap-bg.bg-block { padding: 20px 15px; } .stickyCart .product-featured-img, .stickyCart .sticky-title, .stickyCart .qtyField { display: none; } .stickyCart .stickyOptions { width: 50%; } .stickyCart .stickyOptions .selectedOpt { width: 100%; } .stickyCart .product-form-cart-submit { width: calc(50% - 10px); margin-left: 10px; } .service-info .fs-5 { font-size: 16px !important; } .service-info h6 { font-size: 13px; } .service-info.separate-line .service-wrap:nth-child(2n) { border-right: none; } .awards-items .awards-icon { font-size: 30px; width: 70px; height: 70px; } .video-popup-content .icon { font-size: 50px; } .map-section { height: 280px; } .dashboard-content .details .left { width: 110px; min-width: 110px; margin-right: 10px; } .tracking-detail ul li .left { min-width: 150px; max-width: 150px; } .tracking-steps .step { min-width: 152px; } .tracking-steps .step span { font-size: 13px; } .orderstracking-from .form-group .btn { height: 40px; } .password-header { right: 15px; top: 15px; } .password-logo img { max-width: 140px; } .password-title { font-size: 38px; } .password-main { padding: 55px 0 0; } .password-main .pwd-timer > span { padding: 10px 10px; margin: 0 4px; } .password-main .time-count { font-size: 20px; } .newsletter-modal .newsltr-text { padding: 25px 20px; } .newsletter-modal.style1 .modal-dialog { max-width: 500px; } .newsletter-modal.style2 .newsltr-text { padding: 25px 15px; } .newsletter-modal.style2 .title { font-size: 23px; } .newsletter-modal.style4 .modal-dialog { max-width: 500px; } .instagram-grid .instagram-overlay { padding: 20px; } .category-text-banner .banner-content { padding: 20px; } .top-header .social-icons li:not(:last-child) { margin-right: 10px; } .top-header .left-brd > :not(:last-child) { margin-right: 12px; padding-right: 12px; } .ctg-bnr-wrap .ctg-title { font-size: 24px; } .ctg-bnr-wrap .ctg-title span { font-size: 32px; } .ctg-bnr-wrap .saleText { font-size: 36px; margin-top: 15px; padding-top: 15px; } .ctg-bnr-wrap.two .ctg-title { font-size: 32px; line-height: 35px; } .collection-banner-grid.two-bnr .details .title { font-size: 20px; } .collection-banner-grid.two-bnr .details .subtitle { font-size: 14px; } .tab-slider-product .nav-tabs.style2 .nav-link { font-size: 13px; margin: 0 4px; padding: 7px 12px; } .service-info.separate-line.g-3 { margin: -10px -10px 0; } .service-info.separate-line.g-3 > * { margin-top: 10px; padding: 0 10px; } .ftr-promo-bar, .ftr-promo-bar strong { font-size: 14px; } .category-item .category-title { font-size: 16px; } .hero-saleTime.saleTime-circle .count-inner { min-width: 70px; min-height: 70px; } .featured-content .featured-details.large-font .small-text { font-size: 15px; } .featured-content .featured-details.large-font h2 { font-size: 22px; } .featured-content .featured-details.large-font .dec { font-size: 14px; } .featured-content .featured-details.large-font .btn { padding: 11px 22px; } .blog-article h2.h3 { font-size: 18px; } .one-banner-section .details { font-size: 13px; padding: 10px 20px; } .products-lookbook-section .lookbook-shop .products .btn-shop { height: 30px; width: 30px; } .products-lookbook-section .lookbook-shop .products .btn-shop .icon { font-size: 14px; } .products-lookbook-section .lookbook-shop .grid-lb { width: 165px; } .products-lookbook-section .look-position3 { top: 30%; left: 27%; } .products-lookbook-section .look-position4 { right: 39%; } .products-lookbook-section .look-position5 { right: 20%; } .about-section .about-details .title { font-size: 22px; } .about-section .about-details .service-info .icon { font-size: 24px; width: 35px; } .about-section .about-details .service-info h2 { font-size: 17px; } .collection-style1 .category-item .category-title { font-size: 14px; } .collection-style3 .category-item .category-title { font-size: 16px; } .collection-style3 .category-item .details .description { margin: 0 0 15px; } .pagination-bottom { padding-top: 30px; } .index-demo1 .collection-slider .category-title { font-size: 16px; } .index-demo2 .slideshow .ss-mega-title { font-size: 18px; } .index-demo2 .slideshow .ss-sub-title { font-size: 13px; } .index-demo3 .section-header h2 { font-size: 18px; } .index-demo3 .service-info .title { font-size: 15px !important; } .index-demo3 .newsletterbg { padding: 30px; } .index-demo3 .newsletterbg label { font-size: 20px; } .index-demo3 .newsletterbg .news-icon img { max-width: 60px; } .index-demo3 .footer-newsletter .input-group > .form-control { padding-right: 125px; padding-left: 15px; } .footer-3 .footer-logo-links { padding-top: 30px; padding-bottom: 20px; } .footer-3 .ftr-logo { max-width: 115px; text-align: center; margin: 0 auto 10px; } .index-demo4 .grid-products .addtocart-btn .btn { font-size: 12px; } .index-demo4 .section-header-right .btn { padding: 11px 21px; } .index-demo4 .slideshow-content-in { margin-top: 30px; } body.index-demo4, .index-demo4 .grid-products .product-name a, .index-demo4 .grid-products .product-price .price { font-size: 14px; } .index-demo4 .newsletter-section .newsletter-wrap { min-height: 240px; } .index-demo4 .newsletter-section .newsletter-wrap .section-header h2 { font-size: 18px; } .index-demo4 .newsletter-section .newsletter-wrap .section-header p { font-size: 13px; } .index-demo4 .footer .footer-top .footer-links .h4.active { color: #0f2c44; } .index-demo4 .slideshow .ss-btnWrap .btn { font-size: 12px; padding: 8px 15px; } .index-demo4 .collection-banner-grid.two-bnr .details .title { font-size: 16px; } .index-demo4 .slideshow .ss-mega-title { font-size: 25px; } .index-demo4 .slideshow .ss-sub-title { font-size: 14px; } .index-demo5 .top-info-bar { font-size: 15px; } .index-demo5 .section-header h2 { font-size: 18px; } .index-demo5 .top-promo-bar.style1 .item a { font-size: 11px; } .index-demo5 .home-blog-post .slick-arrow { margin-top: -65px; } .index-demo5 .collection-slider.cs_1 .category-title { font-size: 15px; } .index-demo5 .service-info .fs-5 { font-size: 14px !important; } .index-demo5 .footer .footer-top .footer-links .h4 { border-color: #404040; } .index-demo5 .footer.ftr-bg-black .footer-top .h4 { font-size: 15px; } .index-demo6 .collection-banner-grid.two-bnr-ct2 .details { max-width: 300px; } .index-demo6 .collection-slider .category-item img { max-width: 60px; } .index-demo6 .featured-content .featured-text { padding: 40px; } .index-demo6 .slideshow .ss-mega-title { font-size: 25px; } .index-demo6 .section-header h2 { font-size: 20px; } .index-demo6 .featured-content .featured-text { padding: 25px 25px 30px; } .index-demo6 .collection-banner-grid .details .title { font-size: 16px; margin-bottom: 0; } .index-demo7 .btn.btn-small { padding: 8px 20px; } .index-demo7 .parallax-banner-style1 .hero-large { height: auto; } .index-demo7 .collection-banner-grid .collection-item.ctImg1 .details.bottom-right { right: 110px; bottom: 50px; } .index-demo7 .section-header h2 { font-size: 24px; } .index-demo7 .collection-banner-grid.onelarge-four-bnr .details .title { font-size: 18px; } .index-demo7 .tab-slider-product .nav-tabs .nav-link { font-size: 14px; } .index-demo7 .newsletterbg label { font-size: 20px; } .index-demo7 #site-scroll { font-size: 17px; line-height: 31px; } .index-demo7 .slideshow .ss-mega-title { font-size: 30px; } .index-demo7 .mini-product .column-ttl { font-size: 16px; margin: 0 0 24px; } .index-demo7 .mini-product .column-ttl:after { margin-top: 10px; } .index-demo7 .ctg-bnr-wrap .ctg-small-title.fs-6 { font-size: 14px !important; } .index-demo7 .ctg-bnr-wrap .ctg-title { font-size: 25px; } .index-demo7 .ctg-bnr-wrap .ctg-des { font-size: 16px; } .index-demo7 .hero-btn { padding: 10px 25px; } .index-demo7 .footer .footer-top .footer-links .h4 { border-bottom: 1px solid rgba(181,181,181, 0.15); } .index-demo8 .collection-banner-grid .details .title { font-size: 15px; } .index-demo8 .collection-banner-grid .details .subtitle { display: none !important; } .index-demo8 .section-header h2 { font-size: 18px; } .index-demo8 .logo-section .section-clr { padding: 40px !important; } .index-demo8 .newsletter-section .newsletter-wrap .section-header h2 { font-size: 20px; } .index-demo8 .newsletter-section .newsletter-wrap .section-header p { font-size: 14px; } .index-demo8 .one-banner-section .details { font-size: 15px; } .index-demo8 .featured-content .featured-details.large-font h2 { font-size: 18px; } .index-demo8 .service-info.separate-line.mdt-0 .service-wrap:nth-child(2n) { border-right: 0px; } .index-demo8 .service-info .img-icon { max-width: 60px; } .index-demo8 .service-info h4 { font-size: 16px; } .one-banner-section .bg-size { min-height: 140px; } .index-demo9 .footer-3 .footer-logo-links { padding-top: 30px; padding-bottom: 30px; } .index-demo9 .collection-banners.four-bnr .btn-light { font-size: 14px; padding: 10px 16px; line-height: 1.2; } .index-demo9 .grid-products .product-name a, .index-demo9 .grid-products .product-price .price { font-size: 14px; } .index-demo9 .section-header h2 { font-size: 20px; } .index-demo9 .section-header p { font-size: 16px; } .index-demo9 .service-section .service-icon .img-icon { max-width: 65px; } .index-demo9 .collection-banner-grid.two-bnr .details .btn { padding: 11px 25px; } .index-demo9 .testimonial-slider .content { font-size: 14px; } .index-demo9 .service-info .service-content h3 { font-size: 15px; } .index-demo9 .footer-3 .newsletterbg { padding: 30px 0; } .index-demo9 .footer-3 .footer-newsletter .news-icon img { max-width: 45px; } .footer.footer-9 .footer-top { padding-bottom: 25px; } .index-demo6 .button-set-top, .index-demo10 .button-set-top { display: none; } .index-demo10 .section-header h2 { font-size: 20px; } .index-demo8 .logo-section .section-clr { padding: 40px !important; } .index-demo9 .top-info-bar .item { padding-top: 5px; padding-bottom: 5px; } .footer-8 .ftr-logo, .footer-9 .ftr-logo { text-align: center; } .index-demo10 .slideshow-large .slideshow-wrap { height: 420px; } .footer-8 .ftr-links { margin: 20px 0; } #elements-icons .iconList-content { font-size: 14px; } #elements-icons .iconList-content .anm { font-size: 18px; margin-right: 8px; } .slideshow.image-below-content-mobile .wrap-caption { text-align: center; width: 100%; } .slideshow.image-below-content-mobile .slideshow-content-in { background-color: #ffffffc4; top: 50%; left: 50%; right: 0; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 90%; width: auto; } .index-demo10 .collection-slider .collection-slider-3items { padding-bottom: 50px; } .index-demo10 .collection-slider .collection-slider-3items .slick-dots { bottom: 5px; } } @media only screen and (max-width: 575px) { .xs-hide { display: none !important; } .text-medium { font-size: 14px !important; } .page-title h1 { font-size: 20px; } .section-header p { font-size: 14px; } .section-header.style2 { flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; } .section-header.style2 .section-header-left { text-align: center !important; } .slideshow .ss-small-title { display: none; font-size:10px; } .slideshow .ss-btnWrap { margin: 10px 0 0; } .slideshow .ss-mega-title { font-size: 14px; } .slideshow-xlarge .slideshow-wrap { height: 400px; } .slideshow-large .slideshow-wrap, .slideshow-medium .slideshow-wrap { height: 250px; } .slideshow .wrap-caption { padding: 15px; background: none; } .slideshow .btn + .btn { margin-left: 6px; } .slideshow .middle-left .slideshow-content-in, .slideshow .middle-right .slideshow-content-in { max-width: fit-content; } .slideshow .ss-btnWrap .btn { padding: 5px 10px; min-width: 40px; } .slideshow .middle-left .slideshow-content-in, .slideshow > .container .middle-left .slideshow-content-in { left: 10px; } .slideshow .middle-right .slideshow-content-in, .slideshow > .container .middle-right .slideshow-content-in { right: 10px; transform:translateY(-25%) } .slideshow.image-below-content-mobile .ss-small-title { display: none; } .featured-content h3.fs-4 { font-size: 20px !important; } .hero-title { font-size: 23px; } .collection-banner-grid .details { padding: 15px; } .collection-banner-grid .details.middle-right { right: 5px; } .collection-banner-grid .details.middle-left { left: 5px; } .toolbar-wrapper .search-form { max-width: 100%; } .author-bio { padding: 20px; } .author-bio .author-img { min-width: 75px; width: 75px; } .grid-products .list-style .product-box { flex-direction: column; } .grid-products .list-style .product-image { flex: auto; width: 100%; margin: 0 0 20px 0; } .wishlist-table table .product-thumbnail { width: 70px; } .wishlist-table table .product-img { width: 50px; } .tracking-steps .step { min-width: 45%; } .tracking-detail ul li .left { min-width: 120px; max-width: 120px; } .order-table .table .proName { min-width: 115px; } .tab-vertical-style .nav-pills .nav-link { font-size: 14px; margin: 0 0 10px; padding: 10px 15px; } .product-layout7 .product-form-submit.addcart { width: 100%; flex: 0 0 100%; margin: 15px 0 0 !important; } .password-title { font-size: 33px; } .social-link { margin: 5px; width: 100%; } .service-info.separate-line .service-wrap { justify-content: start; -webkit-justify-content: start; -ms-justify-content: start; border-right: none; } .service-info.separate-line .service-wrap:not(:last-child) { border-right: 0 !important; } .newsletterbg { padding: 30px 0; } .newsletterbg label { font-size: 18px; } .ftr-info .list-inline-item:not(:last-child) { border-right: none; padding-right: 0; margin-right: 0; margin-bottom: 5px; } .product-name-price { align-items: flex-start; justify-content: flex-start; flex-direction: column; } .product-name-price .product-name { margin: 0 0 5px; } .featured-content .featured-text { padding: 25px 20px; } .featured-content .featured-text .fs-6 { font-size: 15px !important; } .hero-saleTime.saleTime-circle .count-inner { min-width: 62px; min-height: 62px; } .featured-content .featured-details.large-font .small-text { font-size: 15px; } .featured-content .featured-details.large-font h2 { font-size: 20px; } .collection-banner-grid .image-below-content-mobile .details { padding: 15px 15px 0 !important; width: 100% !important; max-width: 100% !important; position: static; -ms-transform: none; -webkit-transform: none; transform: none; } .collection-banner-grid .image-below-content-mobile .img { position: relative; overflow: hidden; } .collection-banner-grid .image-below-content-mobile .zoom-scal:before { content: none; } .index-demo2 .top-promo-bar.style1 .item, .index-demo2 .top-promo-bar.style1 .item a { font-size: 12px; } .index-demo3 .newsletterbg { padding: 20px; } .index-demo3 .footer-newsletter .news-icon { border-right: none; padding-right: 0; margin-right: 0; } .footer-3 .footer-newsletter .news-icon { border-right: none; padding-right: 0; margin-right: 0; } .footer-3 .footer-newsletter .news-icon img { max-width: 45px; } .home-blog-post .slick-arrow { margin-top: -75px; } .index-demo6 .home-blog-post .slick-arrow { margin-top: -120px; } .index-demo4 .slideshow .ss-small-title { display: none; } .index-demo4 .slideshow .ss-mega-title { font-size: 20px; } .index-demo4 .slideshow .ss-sub-title { font-size: 13px; } .index-demo4 .section-header h2 { font-size: 18px; } .index-demo4 .section-header p { font-size: 14px; } .index-demo5 .collection-banner-grid.three-bnr .details .title { font-size: 20px; } .index-demo5 .collection-slider-3items .slick-arrow { margin-top: -35px; } .index-demo5 .home-blog-post .slick-arrow { margin-top: -65px; } .header-7 .iconset .iconCot { width: auto; height: auto; background: transparent; } .header-7 .iconset:hover .iconCot { background: transparent; } .header-7 .iconset:hover .iconCot .hdr-icon { color: #2b7c63; } .header-7 .wishlist-count, .header-7 .cart-count { right: -5px; top: -10px; } .index-demo7 .slideshow .ss-sub-title { display: none !important; } .index-demo7 #accountBox { margin-left: 15px; } .index-demo7 .collection-banner-grid .collection-item.ctImg1 .details.bottom-right { right: 50px; bottom: 80px; } .index-demo7 .slideshow { padding: 20px 0; } .index-demo7 .ctg-bnr-wrap .ctg-image.ratio:before { padding-top: 400px; } .index-demo7 .ctg-bnr-wrap .ctg-image.ratio > * { width: 100%; } .index-demo9 .collection-banner-grid.two-bnr .details { padding-bottom: 18px; } .index-demo10 .mini-product .ctg-bnr-wrap { min-height: 330px; } .index-demo10 .collection-banner-grid .sale-banner .details .title { font-size: 22px; } .products-lookbook-section .bg-size { min-height: 320px; } .newsletter-modal .title { font-size: 24px; } .index-demo2 .slideshow .ss-btnWrap .btn { font-size: 12px; padding: 8px 10px; min-width: 100px; } .index-demo2 .style1.button-set-top, .index-demo2 .button-set-bottom.style1 { display: none; } .index-demo2 .product-availability { bottom: 0; } .index-demo3 .collection-banner-grid .collection-item .btn-lg { font-size: 12px; padding: 8px 15px; } .index-demo3 .collection-banner-grid .large-bnr .details .title { font-size: 24px; } .index-demo7 .slideshow .ss-mega-title { font-size: 20px; } .index-demo7 .section-header h2 { font-size: 20px; } .newsletter-modal.style2 .title { font-size: 20px; } .one-banner-section .bg-size { min-height: 170px; } .service-info .title { font-size: 14px !important; } .slideshow.image-below-content-mobile .slideshow-content-in { max-width: max-content; width: 100%; left: 0; right: 0; margin: -20px auto 0; transform: none; } .slideshow.image-below-content-mobile .wrap-caption { background: transparent; } .index-demo2 .newsletter-modal.style2 .title { font-size: 20px; } .index-demo4 .slideshow .wrap-caption { background: #0000004a; } .index-demo6 .slideshow > .container .middle-right .slideshow-content-in { right: 10px; } .index-demo6 .slideshow > .container .middle-left .slideshow-content-in { left: 10px; } .index-demo7 .slideshow .wrap-caption { background: #ffffffa1; } .index-demo9 .collection-banners.four-bnr sup { display: none; } } @media only screen and (max-width: 480px) { .iconset { padding: 0 7px; } .select-wrap { margin-left: 10px; } .select-wrap .option .icon { margin-right: 5px; } .top-header a { font-size: 12px; } .header { min-height: 60px; } .logo img { max-width: 90px; } .header-1 .logo img { max-width: calc(120px + (162 - 120) * ((100vw - 320px) / (1920 - 320))); } .collection-banners.six-two-bnr .btn { font-size: 12px; padding: 8px 12px; } .step-checkout .step-items .nav-item { width: 50%; } .step-checkout .step-items .nav-item:nth-child(2n + 1) .nav-link:after { content: none; } .step-checkout .nav-link { width: calc(100% - 20px); } .threesixty-modal .modal-dialog { max-width: 320px; } .threesixty { max-width: 300px; max-height: 390px; } .hero-saleTime .count-inner { min-width: 62px; margin: 0 3px; padding: 10px 10px; } .infolinks .text-link { width: 50%; padding: 0 15px 0 0; margin: 0; } .look-position11 { left: 47%; } .index-demo7 .collection-banner-grid .collection-item.ctImg1 .details.bottom-right { right: 35px; bottom: 50px; } .header-8 .iconset { padding: 0 4px; } .index-demo4 .newsletter-modal .title { font-size: 24px; } .index-demo4 .newsletter-modal .text { font-size: 14px; } .newsletter-modal .checkboxlink { font-size: 13px; } .index-demo2 .service-section h6 { font-size: 12px; } .index-demo6 .slideshow .ss-mega-title { font-size: 20px; } .index-demo8 .section-header h2:before, .index-demo8 .section-header h2:after { display: none !important; } .index-demo8 .logo-section .section-clr { padding: 20px !important; } .header-9 .iconset .hdr-icon { font-size: 16px; } .index-demo8 .product-availability, .index-demo8 .saleTime { display: none; } .newsletter-modal .title { font-size: 20px; } .tab-slider-product .nav-tabs.style2 .nav-link { margin: 0 2px; } .saleTime span > span { padding: 4px 4px 2px; } .product-availability { padding: 10px 5px; font-size: 11px; } .addtocart-modal .modal-dialog { max-width: 325px; } } /*------------------------------------------ PhotoSwipe Photos Gallery -------------------------------------------*/ /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: none } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box } .pswp img { max-width: none } .pswp--animate_opacity { opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1) } .pswp--open { display: block } .pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in } .pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab } .pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing } .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0 } .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1) } .pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1) } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0 } .pswp__img--placeholder { -webkit-backface-visibility: hidden } .pswp__img--placeholder--blank { background: #222 } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0 } .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC } .pswp__error-msg a { color: #CCC; text-decoration: underline } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ .pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-shadow: none; box-shadow: none } .pswp__button:focus, .pswp__button:hover { opacity: 1 } .pswp__button:active { outline: none; opacity: 0.9 } .pswp__button::-moz-focus-inner { padding: 0; border: 0 } .pswp__ui--over-close .pswp__button--close { opacity: 1 } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(../assets/images/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px } @media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(../assets/images/default-skin.png) } .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none } } .pswp__button--close { background-position: 0 -44px } .pswp__button--share { background-position: -44px -44px } .pswp__button--fs { display: none } .pswp--supports-fs .pswp__button--fs { display: block } .pswp--fs .pswp__button--fs { background-position: -44px 0 } .pswp__button--zoom { display: none; background-position: -88px 0 } .pswp--zoom-allowed .pswp__button--zoom { display: block } .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0 } .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden } .pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute } .pswp__button--arrow--left { left: 0 } .pswp__button--arrow--right { right: 0 } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0,0,0,0.3); height: 30px; width: 32px; position: absolute } .pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px } .pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px } .pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .pswp__share-modal { display: block; background: rgba(0,0,0,0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity } .pswp__share-modal--hidden { display: none } .pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25); box-shadow: 0 2px 5px rgba(0,0,0,0.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform } .pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px } .pswp__share-tooltip a:hover { text-decoration: none; color: #000 } .pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0 } .pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px } .pswp__share-modal--fade-in { opacity: 1 } .pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .pswp--touch .pswp__share-tooltip a { padding: 16px 12px } a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none } a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF } a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A } a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF } a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D } a.pswp__share--download:hover { background: #DDD } .pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: 0.75; padding: 0 10px } .pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px } .pswp__caption small { font-size: 11px; color: #BBB } .pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC } .pswp__caption--empty { display: none } .pswp__caption--fake { visibility: hidden } .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px } .pswp__preloader--active { opacity: 1 } .pswp__preloader--active .pswp__preloader__icn { background: url(../images/ajax-loader.html) 0 0 no-repeat } .pswp--css_animation .pswp__preloader--active { opacity: 1 } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite } .pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0 } .pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden } .pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0 } @media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right } } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg) } 100% { -webkit-transform: rotate(0); transform: rotate(0) } } @keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg) } 100% { -webkit-transform: rotate(0); transform: rotate(0) } } .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550 } .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100% } .pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1) } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible } .pswp__top-bar, .pswp__caption { background-color: rgba(0,0,0,0.5) } .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0,0,0,0.3) } .pswp__ui--idle .pswp__top-bar { opacity: 0 } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0 } .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001 } .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none } .pswp__element--disabled { display: none !important } .pswp--minimal--dark .pswp__top-bar { background: none } .toast-title { font-weight: 700 } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word } .toast-message a, .toast-message label { color: #fff } .toast-message a:hover { color: #ccc; text-decoration: none } .toast-close-button { position: relative; right: -.3em; top: -.3em; float: right; font-size: 20px; font-weight: 700; color: #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; opacity: .8; -ms-filter: alpha(Opacity=80); filter: alpha(opacity=80) } .toast-close-button:focus, .toast-close-button:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .4; -ms-filter: alpha(Opacity=40); filter: alpha(opacity=40) } button.toast-close-button { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none } .toast-top-center { top: 0; right: 0; width: 100% } .toast-bottom-center { bottom: 0; right: 0; width: 100% } .toast-top-full-width { top: 0; right: 0; width: 100% } .toast-bottom-full-width { bottom: 0; right: 0; width: 100% } .toast-top-left { top: 12px; left: 12px } .toast-top-right { top: 12px; right: 12px } .toast-bottom-right { right: 12px; bottom: 12px } .toast-bottom-left { bottom: 12px; left: 12px } #toast-container { position: fixed; z-index: 99999999; } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #toast-container > div { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; color: #fff; opacity: 1; -ms-filter: alpha(Opacity=80); filter: alpha(opacity=80) } #toast-container > :hover { -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; opacity: 1; -ms-filter: alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer } #toast-container > .toast-info { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important } #toast-container > .toast-error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important } #toast-container > .toast-success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important } #toast-container > .toast-warning { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important } #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div { width: 300px; margin: auto } #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div { width: 96%; margin: auto } .toast { background-color: #030303 } .toast-success { background-color: var(--bs-success) } .toast-error { background-color: var(--bs-danger) } .toast-info { background-color: var(--bs-info) } .toast-warning { background-color: var(--bs-warning); color:var(--bs-blue) } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; opacity: .4; -ms-filter: alpha(Opacity=40); filter: alpha(opacity=40) } @media all and (max-width:240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em } #toast-container .toast-close-button { right: -.2em; top: -.2em } } @media all and (min-width:241px) and (max-width:480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em } #toast-container .toast-close-button { right: -.2em; top: -.2em } } @media all and (min-width:481px) and (max-width:768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em } } /** * * Name: IRAN Sans-Serif Font * Version: 5.0 * Author: Moslem Ebrahimi (moslemebrahimi.com) * Created on: Dec 25, 2012 * Updated on: Sep 01, 2017 * Website: http://fontiran.com * Copyright: Commercial/Proprietary Software -------------------------------------------------------------------------------------- فونت های ایران سن سریف یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید -------------------------------------------------------------------------------------- IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com -------------------------------------------------------------------------------------- This set of fonts are used in this project under the license: (.....) -------------------------------------------------------------------------------------- * **/ @font-face { font-family: IRANSans; font-style: normal; font-weight: 900; src: url('../assets/fonts/eot/IRANSansWeb(FaNum)_Black.eot'); src: url('../assets/fonts/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../assets/fonts/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../assets/fonts/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../assets/fonts/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: bold; src: url('../assets/fonts/eot/IRANSansWeb(FaNum)_Bold.eot'); src: url('../assets/fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../assets/fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../assets/fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../assets/fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 500; src: url('../assets/fonts/eot/IRANSansWeb(FaNum)_Medium.eot'); src: url('../assets/fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../assets/fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../assets/fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../assets/fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 300; src: url('../assets/fonts/eot/IRANSansWeb(FaNum)_Light.eot'); src: url('../assets/fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../assets/fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../assets/fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../assets/fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 200; src: url('../assets/fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot'); src: url('../assets/fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../assets/fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../assets/fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../assets/fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: normal; src: url('../assets/fonts/eot/IRANSansWeb(FaNum).eot'); src: url('../assets/fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../assets/fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../assets/fonts/woff/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../assets/fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype'); }