/* Minification failed. Returning unminified contents.
(5914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5962,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(5964,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(5988,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6062,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6087,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6117,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6212,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6277,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6317,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6331,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6332,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6404,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary-soft'
(6405,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6505,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6506,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6522,36): run-time error CSS1030: Expected identifier, found '>'
(6522,47): run-time error CSS1031: Expected selector, found ')'
(6522,47): run-time error CSS1025: Expected comma or open brace, found ')'
(6538,36): run-time error CSS1030: Expected identifier, found '>'
(6538,47): run-time error CSS1031: Expected selector, found ')'
(6538,47): run-time error CSS1025: Expected comma or open brace, found ')'
(6543,36): run-time error CSS1030: Expected identifier, found '>'
(6543,47): run-time error CSS1031: Expected selector, found ')'
(6543,47): run-time error CSS1025: Expected comma or open brace, found ')'
(6556,36): run-time error CSS1030: Expected identifier, found '>'
(6556,47): run-time error CSS1031: Expected selector, found ')'
(6556,47): run-time error CSS1025: Expected comma or open brace, found ')'
(6565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6610,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(6611,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(6612,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(6624,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6625,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary-soft'
(6626,57): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6632,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6636,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6650,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bar-panel'
(6656,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6678,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(6684,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(6690,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(6691,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(6692,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(6703,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(6704,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(6708,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(6716,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6717,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6731,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bar-panel'
(6732,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(6745,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6768,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(6776,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6793,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(6807,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6808,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6864,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bg'
(6872,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6914,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6929,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6931,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6937,41): run-time error CSS1030: Expected identifier, found '>'
(6937,57): run-time error CSS1031: Expected selector, found ')'
(6937,57): run-time error CSS1025: Expected comma or open brace, found ')'
(6943,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6961,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bar-tint'
(6962,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6976,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(6977,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7014,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7059,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(7063,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7074,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bar-tint'
(7075,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(7086,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bar-panel'
(7088,32): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bar-panel'
(7088,63): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bar-panel'
(7108,43): run-time error CSS1030: Expected identifier, found '>'
(7108,52): run-time error CSS1031: Expected selector, found ')'
(7108,52): run-time error CSS1025: Expected comma or open brace, found ')'
(7113,46): run-time error CSS1030: Expected identifier, found '['
(7113,50): run-time error CSS1031: Expected selector, found '*='
(7113,50): run-time error CSS1025: Expected comma or open brace, found '*='
(7117,43): run-time error CSS1030: Expected identifier, found '>'
(7117,57): run-time error CSS1031: Expected selector, found ')'
(7117,57): run-time error CSS1025: Expected comma or open brace, found ')'
(7121,43): run-time error CSS1030: Expected identifier, found '.'
(7121,56): run-time error CSS1031: Expected selector, found ')'
(7121,56): run-time error CSS1025: Expected comma or open brace, found ')'
(7127,43): run-time error CSS1030: Expected identifier, found '>'
(7127,65): run-time error CSS1031: Expected selector, found ')'
(7127,65): run-time error CSS1025: Expected comma or open brace, found ')'
(7131,43): run-time error CSS1030: Expected identifier, found '.'
(7131,57): run-time error CSS1031: Expected selector, found ')'
(7131,57): run-time error CSS1025: Expected comma or open brace, found ')'
(7137,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(7168,35): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(7172,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(7179,43): run-time error CSS1030: Expected identifier, found '>'
(7179,65): run-time error CSS1031: Expected selector, found ')'
(7179,65): run-time error CSS1025: Expected comma or open brace, found ')'
(7186,43): run-time error CSS1030: Expected identifier, found '>'
(7186,65): run-time error CSS1031: Expected selector, found ')'
(7186,65): run-time error CSS1025: Expected comma or open brace, found ')'
(7192,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(7197,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(7200,43): run-time error CSS1030: Expected identifier, found '.'
(7200,56): run-time error CSS1031: Expected selector, found ')'
(7200,56): run-time error CSS1025: Expected comma or open brace, found ')'
(7221,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(7223,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(7242,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(7253,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7254,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7279,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7283,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7309,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(7318,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(7330,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7347,32): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7348,106): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7349,40): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7403,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(7441,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(7442,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(7444,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(7452,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(7468,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(7469,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(7471,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(7487,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(7511,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(7512,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7549,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7551,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(7640,88): run-time error CSS1030: Expected identifier, found '>'
(7640,111): run-time error CSS1031: Expected selector, found ')'
(7640,111): run-time error CSS1025: Expected comma or open brace, found ')'
(7681,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(7700,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(7715,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary-soft'
(7716,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7718,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7740,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bg'
(7741,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7742,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(7763,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7807,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7811,40): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7811,76): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7888,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7889,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7902,72): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7905,77): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7927,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bar-tint'
(7932,27): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7934,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(7947,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7978,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(7979,65): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(7979,89): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bg'
(7979,108): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bg'
(7980,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(7997,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8042,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(8043,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(8057,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8078,27): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8094,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8114,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(8115,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(8120,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8154,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8190,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8199,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary-soft'
(8200,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8205,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(8206,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(8234,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8257,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(8258,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(8280,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8286,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8299,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(8300,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(8313,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8326,27): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8338,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8372,35): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(8381,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(8413,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(8424,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(8432,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8457,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(8490,35): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(8496,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(8504,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8527,35): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(8547,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(8548,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(8549,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(8564,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8583,29): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8585,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary-soft'
(8596,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8611,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(8628,35): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(8649,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8664,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(8672,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(8681,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8688,33): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8695,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8702,35): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(8731,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8762,57): run-time error CSS1030: Expected identifier, found '>'
(8762,68): run-time error CSS1031: Expected selector, found ')'
(8762,68): run-time error CSS1025: Expected comma or open brace, found ')'
(8779,57): run-time error CSS1030: Expected identifier, found '>'
(8779,68): run-time error CSS1031: Expected selector, found ')'
(8779,68): run-time error CSS1025: Expected comma or open brace, found ')'
(8784,57): run-time error CSS1030: Expected identifier, found '>'
(8784,68): run-time error CSS1031: Expected selector, found ')'
(8784,68): run-time error CSS1025: Expected comma or open brace, found ')'
(8808,60): run-time error CSS1030: Expected identifier, found '.'
(8808,61): run-time error CSS1030: Expected identifier, found 'fa-heart'
(8808,69): run-time error CSS1031: Expected selector, found ')'
(8808,69): run-time error CSS1025: Expected comma or open brace, found ')'
(8829,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(8877,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8897,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(8898,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(8905,47): run-time error CSS1030: Expected identifier, found '.'
(8905,66): run-time error CSS1031: Expected selector, found ')'
(8905,66): run-time error CSS1025: Expected comma or open brace, found ')'
(8916,26): run-time error CSS1039: Token not allowed after unary operator: '-xgg-ncd-panel'
(8930,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(8937,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(8942,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(8947,47): run-time error CSS1030: Expected identifier, found '.'
(8947,66): run-time error CSS1031: Expected selector, found ')'
(8947,66): run-time error CSS1025: Expected comma or open brace, found ')'
(8962,47): run-time error CSS1030: Expected identifier, found '.'
(8962,66): run-time error CSS1031: Expected selector, found ')'
(8962,66): run-time error CSS1025: Expected comma or open brace, found ')'
(8975,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(8981,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8986,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(8993,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(8994,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(8996,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(9003,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9015,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(9022,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(9035,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9041,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(9046,35): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(9062,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9063,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9244,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9256,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9257,30): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary-soft'
(9263,34): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary-soft'
(9303,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary-soft'
(9403,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9404,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9405,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary-soft'
(9493,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9494,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9615,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-ncd-panel'
(9616,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(9617,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(9621,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-ncd-panel'
(9622,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(9623,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(9631,27): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9644,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9684,35): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(9748,33): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9769,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9770,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9779,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(9780,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(9781,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(9789,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9790,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9797,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(9798,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(9809,34): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(9824,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(9828,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(9849,27): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9865,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9880,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(9881,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(9905,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9937,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9942,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9943,38): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9952,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9965,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(9966,45): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary-soft'
(9966,73): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bg'
(9974,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(9998,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary-soft'
(9999,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10013,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(10021,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10049,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(10050,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10071,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10077,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(10078,32): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10084,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10085,38): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10089,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10091,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10117,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10118,45): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary-soft'
(10118,73): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bg'
(10126,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10153,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10154,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(10163,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10164,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10173,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(10174,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10189,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10195,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10196,38): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10210,32): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10216,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10224,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(10226,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(10263,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10264,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(10275,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10362,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bg'
(10363,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(10364,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10384,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bg'
(10394,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(10395,35): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10408,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10428,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10429,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(10438,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10439,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10448,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10449,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(10456,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(10471,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10472,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(10481,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10482,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10507,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10508,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(10515,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10524,27): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10536,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10564,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10565,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(10579,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10598,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10642,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10649,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10658,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(10666,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10689,32): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10690,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(10716,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10726,27): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10735,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10736,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(10763,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10783,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10792,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(10799,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10815,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10852,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(10853,32): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10918,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10931,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10951,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10977,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(10978,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(10986,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(10997,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11024,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(11025,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(11030,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11032,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11049,32): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(11105,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11121,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(11122,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(11133,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11145,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(11179,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11197,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary-soft'
(11198,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11208,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11229,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11231,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(11232,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11286,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary-soft'
(11287,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11289,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11352,41): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11352,65): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bg'
(11353,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11381,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11382,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(11394,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11405,47): run-time error CSS1030: Expected identifier, found ':'
(11405,48): run-time error CSS1031: Expected selector, found 'not('
(11405,48): run-time error CSS1025: Expected comma or open brace, found 'not('
(11410,47): run-time error CSS1030: Expected identifier, found ':'
(11410,48): run-time error CSS1031: Expected selector, found 'not('
(11410,48): run-time error CSS1025: Expected comma or open brace, found 'not('
(11417,47): run-time error CSS1030: Expected identifier, found ':'
(11417,48): run-time error CSS1031: Expected selector, found 'not('
(11417,48): run-time error CSS1025: Expected comma or open brace, found 'not('
(11425,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(11426,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(11428,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11432,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(11433,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(11434,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11439,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11444,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(11445,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(11450,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11455,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(11456,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11461,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11472,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(11473,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(11474,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11479,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11484,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11508,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11530,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(11531,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(11532,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11540,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11541,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11542,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(11548,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11553,55): run-time error CSS1030: Expected identifier, found '>'
(11553,60): run-time error CSS1031: Expected selector, found ')'
(11553,60): run-time error CSS1025: Expected comma or open brace, found ')'
(11561,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11567,51): run-time error CSS1030: Expected identifier, found '.'
(11567,75): run-time error CSS1031: Expected selector, found ')'
(11567,75): run-time error CSS1025: Expected comma or open brace, found ')'
(11574,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11579,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11587,32): run-time error CSS1030: Expected identifier, found '>'
(11587,43): run-time error CSS1031: Expected selector, found ')'
(11587,43): run-time error CSS1025: Expected comma or open brace, found ')'
(11592,32): run-time error CSS1030: Expected identifier, found '>'
(11592,43): run-time error CSS1031: Expected selector, found ')'
(11592,43): run-time error CSS1025: Expected comma or open brace, found ')'
(11597,32): run-time error CSS1030: Expected identifier, found '>'
(11597,43): run-time error CSS1031: Expected selector, found ')'
(11597,43): run-time error CSS1025: Expected comma or open brace, found ')'
(11617,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(11618,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(11645,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11646,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(11655,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(11656,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(11658,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11664,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11671,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11675,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11676,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(11686,31): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(11690,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11704,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11705,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11706,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(11712,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11713,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11717,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(11718,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(11724,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11733,34): run-time error CSS1030: Expected identifier, found '>'
(11733,48): run-time error CSS1031: Expected selector, found ')'
(11733,48): run-time error CSS1025: Expected comma or open brace, found ')'
(11738,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(11739,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11740,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11745,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11746,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(11760,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(11761,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(11766,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(11767,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(11785,31): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(11789,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11794,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(11795,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(11796,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11800,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11804,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11805,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11806,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(11815,41): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11815,65): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(11816,47): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11817,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11826,44): run-time error CSS1030: Expected identifier, found '>'
(11826,46): run-time error CSS1030: Expected identifier, found ':'
(11826,47): run-time error CSS1031: Expected selector, found 'not('
(11826,47): run-time error CSS1025: Expected comma or open brace, found 'not('
(11832,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11845,38): run-time error CSS1030: Expected identifier, found '.'
(11845,45): run-time error CSS1031: Expected selector, found ')'
(11845,45): run-time error CSS1025: Expected comma or open brace, found ')'
(11868,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11916,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(11928,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(11932,36): run-time error CSS1030: Expected identifier, found '.'
(11932,43): run-time error CSS1031: Expected selector, found ')'
(11932,43): run-time error CSS1025: Expected comma or open brace, found ')'
(11944,32): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(12005,36): run-time error CSS1030: Expected identifier, found '.'
(12005,43): run-time error CSS1031: Expected selector, found ')'
(12005,43): run-time error CSS1025: Expected comma or open brace, found ')'
(12015,36): run-time error CSS1030: Expected identifier, found '.'
(12015,43): run-time error CSS1031: Expected selector, found ')'
(12015,43): run-time error CSS1025: Expected comma or open brace, found ')'
(12021,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12039,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12062,47): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12064,41): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12064,65): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(12070,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12079,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12092,35): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(12120,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12121,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(12139,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12155,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(12157,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12161,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12173,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12179,35): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(12189,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12195,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12214,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12226,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12253,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12262,36): run-time error CSS1030: Expected identifier, found '.'
(12262,43): run-time error CSS1031: Expected selector, found ')'
(12262,43): run-time error CSS1025: Expected comma or open brace, found ')'
(12273,36): run-time error CSS1030: Expected identifier, found '.'
(12273,43): run-time error CSS1031: Expected selector, found ')'
(12273,43): run-time error CSS1025: Expected comma or open brace, found ')'
(12278,36): run-time error CSS1030: Expected identifier, found '.'
(12278,43): run-time error CSS1031: Expected selector, found ')'
(12278,43): run-time error CSS1025: Expected comma or open brace, found ')'
(12295,36): run-time error CSS1030: Expected identifier, found '.'
(12295,43): run-time error CSS1031: Expected selector, found ')'
(12295,43): run-time error CSS1025: Expected comma or open brace, found ')'
(12300,36): run-time error CSS1030: Expected identifier, found '.'
(12300,43): run-time error CSS1031: Expected selector, found ')'
(12300,43): run-time error CSS1025: Expected comma or open brace, found ')'
(12309,36): run-time error CSS1030: Expected identifier, found '.'
(12309,43): run-time error CSS1031: Expected selector, found ')'
(12309,43): run-time error CSS1025: Expected comma or open brace, found ')'
(12321,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12333,40): run-time error CSS1030: Expected identifier, found '.'
(12333,47): run-time error CSS1031: Expected selector, found ')'
(12333,47): run-time error CSS1025: Expected comma or open brace, found ')'
(12341,40): run-time error CSS1030: Expected identifier, found '.'
(12341,47): run-time error CSS1031: Expected selector, found ')'
(12341,47): run-time error CSS1025: Expected comma or open brace, found ')'
(12347,36): run-time error CSS1030: Expected identifier, found '.'
(12347,43): run-time error CSS1031: Expected selector, found ')'
(12347,43): run-time error CSS1025: Expected comma or open brace, found ')'
(12353,38): run-time error CSS1030: Expected identifier, found '.'
(12353,50): run-time error CSS1031: Expected selector, found ')'
(12353,50): run-time error CSS1025: Expected comma or open brace, found ')'
(12363,38): run-time error CSS1030: Expected identifier, found '.'
(12363,45): run-time error CSS1031: Expected selector, found ')'
(12363,45): run-time error CSS1025: Expected comma or open brace, found ')'
(12379,47): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12379,71): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(12381,78): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12381,134): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(12382,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12399,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12400,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(12402,51): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12402,120): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12407,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(12408,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12424,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12430,32): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(12431,35): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(12444,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12468,52): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12473,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(12474,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(12475,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12504,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(12506,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(12507,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12513,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12542,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12550,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12563,47): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12563,71): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(12565,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(12566,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12579,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12601,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(12603,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(12604,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12609,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12621,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12624,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12629,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12630,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(12644,96): run-time error CSS1030: Expected identifier, found '>'
(12644,98): run-time error CSS1030: Expected identifier, found '.'
(12644,111): run-time error CSS1031: Expected selector, found ')'
(12644,111): run-time error CSS1025: Expected comma or open brace, found ')'
(12659,36): run-time error CSS1030: Expected identifier, found '.'
(12659,43): run-time error CSS1031: Expected selector, found ')'
(12659,43): run-time error CSS1025: Expected comma or open brace, found ')'
(12670,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12683,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(12685,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(12686,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12694,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12703,43): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12703,67): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(12704,78): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12704,134): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(12726,37): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12730,18): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12757,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12769,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12804,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12812,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12813,51): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12836,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12840,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12855,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(12857,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(12859,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12863,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12868,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12878,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12904,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(12908,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12918,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(12920,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(12923,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12927,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12928,41): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12928,65): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(12929,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12933,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12934,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12935,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(12936,51): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12957,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12962,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12969,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(12973,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12990,43): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12990,67): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(12991,78): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(12991,134): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(13002,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(13003,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(13021,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(13034,52): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(13048,35): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(13056,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-inset'
(13059,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(13072,35): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(13098,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(13107,51): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(13107,75): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(13136,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(13149,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(13159,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(13173,32): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(13177,36): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(13195,28): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(13197,22): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(13198,17): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(13203,24): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(13290,51): run-time error CSS1030: Expected identifier, found ':'
(13290,52): run-time error CSS1031: Expected selector, found 'not('
(13290,52): run-time error CSS1025: Expected comma or open brace, found 'not('
(13302,51): run-time error CSS1030: Expected identifier, found ':'
(13302,52): run-time error CSS1031: Expected selector, found 'not('
(13302,52): run-time error CSS1025: Expected comma or open brace, found 'not('
(13308,51): run-time error CSS1030: Expected identifier, found ':'
(13308,52): run-time error CSS1031: Expected selector, found 'not('
(13308,52): run-time error CSS1025: Expected comma or open brace, found 'not('
(13337,51): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(13337,75): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-border'
(13339,26): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bar-tint'
(13343,21): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(13367,40): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(13376,26): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(13393,26): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(13394,21): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(13397,56): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(13408,45): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(13420,26): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface'
(13421,21): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(13456,26): run-time error CSS1039: Token not allowed after unary operator: '-xgg-ncd-panel'
(13456,47): run-time error CSS1039: Token not allowed after unary operator: '-xgg-bg'
(13468,26): run-time error CSS1039: Token not allowed after unary operator: '-xgg-primary'
(13469,21): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(13478,21): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(13482,45): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(13483,21): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(13488,26): run-time error CSS1039: Token not allowed after unary operator: '-xgg-ncd-panel'
(13489,21): run-time error CSS1039: Token not allowed after unary operator: '-xgg-surface-text'
(13498,41): run-time error CSS1039: Token not allowed after unary operator: '-xgg-on-primary'
(13539,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13540,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13541,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13543,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13544,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13545,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13547,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13548,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13550,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13551,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13583,15): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor'
(13589,15): run-time error CSS1039: Token not allowed after unary operator: '-textColor'
(13600,20): run-time error CSS1039: Token not allowed after unary operator: '-focus'
(13613,15): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(13614,26): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor'
(13615,26): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor'
(13630,26): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(13631,15): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor'
(13635,26): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(13636,15): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor'
(13640,26): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor'
(13641,15): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(13648,21): run-time error CSS1039: Token not allowed after unary operator: '-fontFamily'
(13649,15): run-time error CSS1039: Token not allowed after unary operator: '-textColor'
(13650,26): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(13702,15): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor'
(13714,15): run-time error CSS1039: Token not allowed after unary operator: '-textColor'
(13731,15): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor'
(13733,26): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(13737,15): run-time error CSS1039: Token not allowed after unary operator: '-textColor'
(13742,14): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor'
(13786,21): run-time error CSS1039: Token not allowed after unary operator: '-fontFamily'
(13787,15): run-time error CSS1039: Token not allowed after unary operator: '-textColor'
(13790,26): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(13807,21): run-time error CSS1039: Token not allowed after unary operator: '-fontFamily'
(13808,15): run-time error CSS1039: Token not allowed after unary operator: '-textColor'
(13820,20): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(13821,15): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor'
(13825,14): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor'
(13845,26): run-time error CSS1039: Token not allowed after unary operator: '-textColor'
(13852,15): run-time error CSS1039: Token not allowed after unary operator: '-textColor'
(13874,15): run-time error CSS1039: Token not allowed after unary operator: '-textColor'
(13899,20): run-time error CSS1039: Token not allowed after unary operator: '-focus'
(13914,20): run-time error CSS1039: Token not allowed after unary operator: '-textColor'
(13925,20): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(13935,15): run-time error CSS1039: Token not allowed after unary operator: '-backgroundColor'
(13952,20): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor'
(14009,26): run-time error CSS1039: Token not allowed after unary operator: '-cookieIconColor'
(14022,14): run-time error CSS1039: Token not allowed after unary operator: '-cookieIconBackgroundColor'
(14035,26): run-time error CSS1039: Token not allowed after unary operator: '-backdropBackgroundColor'
(14036,30): run-time error CSS1039: Token not allowed after unary operator: '-backdropBackgroundBlur'
 */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#999}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-muted{color:#999}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.428571429}dt{font-weight:700}dd{margin-left:0}@media (min-width:991px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.428571429;color:#999}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.428571429}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.428571429;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:985px}}@media (min-width:1200px){.container{width:1200px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666666666666%}.col-xs-10{width:83.33333333333334%}.col-xs-9{width:75%}.col-xs-8{width:66.66666666666666%}.col-xs-7{width:58.333333333333336%}.col-xs-6{width:50%}.col-xs-5{width:41.66666666666667%}.col-xs-4{width:33.33333333333333%}.col-xs-3{width:25%}.col-xs-2{width:16.666666666666664%}.col-xs-1{width:8.333333333333332%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666666666666%}.col-xs-pull-10{right:83.33333333333334%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666666666666%}.col-xs-pull-7{right:58.333333333333336%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666666666667%}.col-xs-pull-4{right:33.33333333333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.666666666666664%}.col-xs-pull-1{right:8.333333333333332%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666666666666%}.col-xs-push-10{left:83.33333333333334%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666666666666%}.col-xs-push-7{left:58.333333333333336%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666666666667%}.col-xs-push-4{left:33.33333333333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.666666666666664%}.col-xs-push-1{left:8.333333333333332%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666666666666%}.col-xs-offset-10{margin-left:83.33333333333334%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666666666666%}.col-xs-offset-7{margin-left:58.333333333333336%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666666666667%}.col-xs-offset-4{margin-left:33.33333333333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.666666666666664%}.col-xs-offset-1{margin-left:8.333333333333332%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666666666666%}.col-sm-10{width:83.33333333333334%}.col-sm-9{width:75%}.col-sm-8{width:66.66666666666666%}.col-sm-7{width:58.333333333333336%}.col-sm-6{width:50%}.col-sm-5{width:41.66666666666667%}.col-sm-4{width:33.33333333333333%}.col-sm-3{width:25%}.col-sm-2{width:16.666666666666664%}.col-sm-1{width:8.333333333333332%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666666666666%}.col-sm-pull-10{right:83.33333333333334%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666666666666%}.col-sm-pull-7{right:58.333333333333336%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666666666667%}.col-sm-pull-4{right:33.33333333333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.666666666666664%}.col-sm-pull-1{right:8.333333333333332%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666666666666%}.col-sm-push-10{left:83.33333333333334%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666666666666%}.col-sm-push-7{left:58.333333333333336%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666666666667%}.col-sm-push-4{left:33.33333333333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.666666666666664%}.col-sm-push-1{left:8.333333333333332%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666666666666%}.col-sm-offset-10{margin-left:83.33333333333334%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666666666666%}.col-sm-offset-7{margin-left:58.333333333333336%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666666666667%}.col-sm-offset-4{margin-left:33.33333333333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.666666666666664%}.col-sm-offset-1{margin-left:8.333333333333332%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666666666666%}.col-md-10{width:83.33333333333334%}.col-md-9{width:75%}.col-md-8{width:66.66666666666666%}.col-md-7{width:58.333333333333336%}.col-md-6{width:50%}.col-md-5{width:41.66666666666667%}.col-md-4{width:33.33333333333333%}.col-md-3{width:25%}.col-md-2{width:16.666666666666664%}.col-md-1{width:8.333333333333332%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666666666666%}.col-md-pull-10{right:83.33333333333334%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666666666666%}.col-md-pull-7{right:58.333333333333336%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666666666667%}.col-md-pull-4{right:33.33333333333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.666666666666664%}.col-md-pull-1{right:8.333333333333332%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666666666666%}.col-md-push-10{left:83.33333333333334%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666666666666%}.col-md-push-7{left:58.333333333333336%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666666666667%}.col-md-push-4{left:33.33333333333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.666666666666664%}.col-md-push-1{left:8.333333333333332%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666666666666%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-1{margin-left:8.333333333333332%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666666666666%}.col-lg-10{width:83.33333333333334%}.col-lg-9{width:75%}.col-lg-8{width:66.66666666666666%}.col-lg-7{width:58.333333333333336%}.col-lg-6{width:50%}.col-lg-5{width:41.66666666666667%}.col-lg-4{width:33.33333333333333%}.col-lg-3{width:25%}.col-lg-2{width:16.666666666666664%}.col-lg-1{width:8.333333333333332%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666666666666%}.col-lg-pull-10{right:83.33333333333334%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666666666666%}.col-lg-pull-7{right:58.333333333333336%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666666666667%}.col-lg-pull-4{right:33.33333333333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.666666666666664%}.col-lg-pull-1{right:8.333333333333332%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666666666666%}.col-lg-push-10{left:83.33333333333334%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666666666666%}.col-lg-push-7{left:58.333333333333336%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666666666667%}.col-lg-push-4{left:33.33333333333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.666666666666664%}.col-lg-push-1{left:8.333333333333332%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666666666666%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666666666666%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-4{margin-left:33.33333333333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.666666666666664%}.col-lg-offset-1{margin-left:8.333333333333332%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}@media (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=radio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.428571429;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}input[type=date]{line-height:34px}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;margin-top:10px;margin-bottom:10px;padding-left:20px}.radio label,.checkbox label{display:inline;font-weight:400;cursor:pointer}.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=radio][disabled],input[type=checkbox][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.has-feedback .form-control-feedback{position:absolute;top:25px;right:0;display:block;width:34px;height:34px;line-height:34px;text-align:center}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{float:none;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-control-static{padding-top:7px}@media (min-width:768px){.form-horizontal .control-label{text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.428571429;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.428571429;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:991px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}[data-toggle=buttons]>.btn>input[type=radio],[data-toggle=buttons]>.btn>input[type=checkbox]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=radio],.input-group-addon input[type=checkbox]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:991px){.navbar{border-radius:4px}}@media (min-width:991px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:991px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:991px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:991px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:991px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:991px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:991px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:990px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:991px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:991px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox]{float:none;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:990px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:991px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:991px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:990px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:990px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.428571429;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:gray}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#999;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-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-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:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-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-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)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-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-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)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-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-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)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-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-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)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading{color:inherit}a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px;overflow:hidden}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#faebcc}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#ebccd1}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ebccd1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.428571429px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.428571429}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-control.left{background-repeat: repeat-x;
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
}.carousel-control.right{left:auto;right:0;background-repeat: repeat-x;
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}}@media print{.hidden-print{display:none!important}}
/*
    -----------------------------------------------------------------------------
    NEW CSS For css variables
    -----------------------------------------------------------------------------
*/

/*Main*/
*:not(.xgg-cms-item) {
    font-family: 'Open Sans', sans-serif;
}
body {
    font-size: 15px;
    font-weight: normal;
    color: #5d5d5d;
    background-color: #fff;
}

section {
    background-color: #fff;
}

.dropdown-menu {
    background-color: #fff;
}
::-moz-selection {
    background-color: #3498db;
    color: #ffffff;
    text-shadow: none;
    -webkit-text-shadow: none;
}

::selection {
    background-color: #3498db;
    color: #ffffff;
    text-shadow: none;
    -webkit-text-shadow: none;
}

.scroll {
    scroll-behavior:smooth;
    scroll-padding-top:150px;
}
/*Modals*/
.modal {
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 2100;
}
.modal-body {
    background-color: #fff;    
}

/*Universal*/
.pd0 {
    padding: 0;
}

.pad10-0 {
    padding:10px 0;
}
.pd15 {
    padding: 15px;
}

.acenter {
    text-align: center
}

.bs1 {
    /*box-shadow: 4px 4px 3px 0px rgba(100,100,100,0.5);*/
    box-shadow: 3px 3px 4px 0px rgba(80,80,80,0.9);
}

.btngr {
    width:100%;
}
    .btngr button {
        margin-left: 0;
        margin-right: 0;
        border-radius: 0;
        background-color: #e0e0e0;
        color: #3d3d3d;
        font-weight: 100;
        border-radius:0;
    }
    .btngr button:hover {
        background-color: #419fdd;
        color: #fff;
        font-weight: bold;
    }
    .btngr:not(.vt) button:first-child,
    .btngr:not(.vt) input:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .btngr:not(.vt) button:last-child,
    .btngr:not(.vt) input:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .btngr.vt button:first-child,
    .btngr.vt input:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .btngr.vt button:last-child,
    .btngr.vt input:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .btngr button.active {
        background-color: #419fdd;
        color: #fff;
        font-weight: bold;
    }

.squ {
    border-radius:0 !important;
}
.br4 {
    border-radius:4px;
    overflow:hidden;
}

/*Side panels in main page (categories, price filter, hours etc.)*/
.widget {
    background-color: #fff;
    border-radius: 7px;
    /*border-width: 2px;
    border-style: solid;
    border-color: #ececec;*/
    box-shadow: 3px 3px 5px 1px rgba(200,200,200,1);
}
    .widget .title {
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -1px;
        line-height: 37px;
        color: #5d5d5d;
    }

    /*category menu on left side*/
.dishmenu {    
    z-index:1000;
    width:100%;
    margin-bottom:25px;
}
    .dishmenu .container {
        background-color: white;
        padding: 10px 0;
    }
    .cat-menu li {
        margin: 5px;
        box-shadow: 3px 3px 5px 1px rgba(200,200,200,1);
        border-radius: 4px;
        width: 224px;
    }
.cat-menu button {
    width: 100%;
}
.cat-menu img {
    /*height: 40px;
    width: 40px;*/
    height: 40px;
    width: 40px;
    margin: 0 10px 0 0;
}
.cat-menu h3 {
    font-size: 14px;
    font-weight: bold;
    margin-right:10px;
}
.cat-menu .cat {
    height: 40px; /*40px;*/
    background-color: transparent;
    border-radius: 4px;
    border-width: 0px;
    border-style: solid;
    border-color: transparent;
    overflow: hidden;
    display: flex;
    align-items: center;
}
    .cat-menu .cat:hover {
        background-color: #ccc;
        color: #fff;
    }
    .cat-menu .cat.openable {
        padding: 0 10px 0 0;
        position: relative;
    }
    .cat-menu .cat.open {
        background-color: #ccc;
        color: #fff;
    }
    .cat-menu .cat.openable:after {
        font-family: 'FontAwesome';
        margin-left: auto;
        content: '\f078';
    }
    .cat-menu .cat.openable.open:after {
        content: '\f077';        
    }
   

.subcat {
    margin-top: 10px;
    font-size: 14px; /*ten sam setting musi by� w .panel-collapse a h4 !*/
    font-weight: normal; /*ten sam setting musi by� w .panel-collapse a h4 !*/
    background-color: transparent;
    padding:10px;
}
    .subcat a {
        display: block;
        margin-right:15px;
    }
        /*.subcat a:before {
            font-family: 'FontAwesome';
            content: '\f10c';
            margin-right: 5px;
            color: inherit; 
        }
        .subcat a.selected:before,*/
        
        .subcat a h3 {
            display: inline-block;
            font-size: 14px;
            font-weight: normal;
            line-height: 25px;
            /*color: inherit;*/
        }
            /*.subcat a h3:hover {
                color: #ccc;
            }*/
            .subcat a h3::before {
                font-family: 'FontAwesome';
                content: '\f105';
                margin-right: 3px;
            }

/*Topbar*/
.top-bar {
    background-color: #f9f9f9;
    border-color: #e0e0e0;
    border-width: 0 0 1px 0;
    border-style: solid;
    padding: 10px 0;
}

.top-bar-info {
    background-color: #bb0000;
    font-size: 12px;
    color: #fff;
}

.top-bar ul > li.dropdown .dropdown-menu li a {
    display: block;
    padding: 5px 15px;
    border-right: none;
}

.top-bar ul > li a:not(.le-button):not(.close-btn) {
    padding: 0 15px;
    font-size: 13px;
    line-height: 15px;
}

.top-bar ul > li {
    border-right: 1px solid #e0e0e0;
}
.top-bar ul > li:last-child {
    border-right: none;
}

.top-bar.narrow,
.top-bar-info.narrow {
    display: table;
    margin: 0 auto;
    padding: 10px 15px;
}

.top-bar-wrap {
    width: 100%;
    z-index: 1000;
}

    .top-bar-wrap.affix {
        top: 0;
    }

.top-bar .contact-row {
    font-size: 13px;
    line-height: 20px;
}

    .top-bar .contact-row i {
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-size: 18px;
        line-height: 18px;
    }

.top-bar .basket .dropdown-menu {
    left:auto;
    right: 0;
    top: 35px;
}


.iic:before {
    font-family: 'FontAwesome';
    position: absolute;
    top: 10px;
    left: 16px;
    color: #3d3d3d;
    z-index:1;
}
.iic.sm:before {
    top: 7px;
    left: 12px;
}
.iic.xs:before {
    top: 4px;
    left: 14px;
}

.iic,
.XGGValidate,
.xgvd{
    position: relative;
}
    .iic > input,
    .iic > textarea {
        padding-left: 30px;
    }
    .iic.user:before {
        content: '\f007';
    }
    .iic.pass:before {
        content: '\f023';
    }
    .iic.phon:before {
        content: '\f095';
    }
    .iic.phon:before {
        content: '\f095';
    }
    .iic.emai:before {
        content: '\f0e0';
    }
    .iic.stre:before {
        content: '\f018';
    }
    .iic.home:before {
        content: '\f015';
    }
    .iic.buil:before {
        content: '\f1ad';
    }
    .iic.mapm:before {
        content: '\f041';
    }
    .iic.info:before {
        content: '\f05a';
    }
    .iic.barc:before {
        content: '\f02a';
    }
    .iic.gift:before {
        content: '\f06b';
    }
    .iic.bed:before {
        content: '\f236';
    }

    .XGGValidate input,
    .xgvd input{
        padding-right: 30px;
    }
    .XGGValidate.err input,
    .XGGValidate.bootstrap-select.err button,
    .xgvd.err input {
        border: 1px solid rgba(235,115,115,1);
    }
    .XGGValidate:after,
    .xgvd:after {
        font-family: 'FontAwesome';
        content: '\f069';
        position: absolute;
        top: 10px;
        right: 16px;
        color: #3d3d3d;
    }
    .xgvd.sm:after{
        top: 6px;
        right: 11px;
    }

    .XGGValidate.xs:after {
        top: 4px;
        right: 11px;
    }

    .XGGValidate.err:after,
    .xgvd.err:after {
        color: rgba(235,115,115,1);
    }


        /*Product view options panel*/
.control-bar {
    background-color: #f9f9f9;
    /*border-radius: 0 0 5px 5px;*/
    padding: 15px;
    min-height: 59px;
    box-shadow: 3px 3px 5px 1px rgba(200,200,200,1);
}

/*Product List*/
.product-item-holder {
    background-color: #fff;
    /*border-width: 1px;*/
    border-width: 0 0 2px 0;
    border-color: #ececec;
    border-radius: 0px;
    border-style: solid;
    position: relative;
    margin-bottom:15px;
    /*margin-bottom: -1px;*/
}

/*Product grid*/
    .product-item-holder.hover:hover .hover-area,
    .product-item-holder.hover.test .hover-area {
        background-color: #fff;
    }
        /*Buttons*/
.le-button {
    border-radius: 4px;
    font-weight: bold;
    padding: 10px 20px;
    display: inline-block;
    line-height: 20px;
    /*border: none;*/
    border-width: 0; /*was: none*/
    border-style: solid;
    border-color: transparent;
    font-size: 15px;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .le-button.huge {
        padding: 20px 55px;
    }

    .le-button.small {
        padding: 5px 10px;
        font-size: 13px;
    }

    .le-button.xsmall {
        padding: 3px 6px;
        font-size: 12px;
    }

    .le-button:hover {
        color: #fff;
        border-color: transparent;
    }

    .le-button.disabled {
        cursor: not-allowed;
        background-color: #c6c6c6 !important;
        color: #fff;
    }

    .le-button.inverse {
        background-color: #e0e0e0;
        color: #3d3d3d;
        font-weight: 100;
    }

        .le-button.inverse:hover {
            background-color: #ececec;
            color: #3d3d3d;
        }

    .le-button.big {
        padding: 15px 35px;
    }

.pnltitle {
    font-size: 28px;
    font-weight: 500;
    color: #5d5d5d;
}

.paymenttype button {
    margin-right:10px;
}
    .paymenttype button:nth-child(3n+3),
    .paymenttype .bsb:nth-child(3n+3) {
        margin-right: 0;
    }
.paymenttype span {
    display:block;
}
/*.paymenttype .radio:hover {    
    background-color: #3498db;
    color: #fff;
}*/
/*WELCOME MESSAGE WITH FLOOR PLAN*/
.wbs {
    box-shadow: 3px 3px 5px 1px rgba(200,200,200,1);
}
.ftn {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.xsf, .xsb {
    display: none;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {    
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

    /*OLD EDITED*/
    .widget {
    margin: 0 0 25px 0;
}

    .widget .row {
        padding: 0;
        margin: 0;
    }

    .widget .body {
        padding: 10px;
    }

    .widget hr {
        margin: 5px 0;
    }

body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    background-repeat: repeat;
    background-position: top center;
    background-attachment: fixed;
    background-size: 100%;
}
/*END OLD EDITED*/

.unavailable {
    opacity:0.3;
}

.canvasWrapper {
    position: relative;
}
.canvasOverlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(100,100,100, 0.7);
    width: 100%;
    height: 100%;
    display:none;
}
.canvasOverlay.sh {
    display:flex;
}
.canvas {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    /*===================================================================================*/
    /*  Helper
/*===================================================================================*/
    .light-bg {
        background-color: #f8f8f8;
    }

    .inner {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .m-t-0 {
        margin-top: 0 !important;
    }

    .m-t-35 {
        margin-top: 35px !important;
    }

    .semi-bold {
        font-weight: 600 !important;
    }

    .title-color {
        color: #434343 !important;
    }

    .bold {
        font-weight: 700 !important;
    }

    .auto-width {
        width: auto !important;
    }

    .center-block {
        float: none;
    }

    .inner {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .inner-md {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .inner-sm {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .inner-xs {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .inner-top {
        padding-top: 120px;
    }

    .inner-top-md {
        padding-top: 100px;
    }

    .inner-top-sm {
        padding-top: 80px;
    }

    .inner-top-xs {
        padding-top: 40px;
    }

    .inner-bottom {
        padding-bottom: 120px;
    }

    .inner-bottom-md {
        padding-bottom: 100px;
    }

    .inner-bottom-sm {
        padding-bottom: 80px;
    }

    .inner-bottom-xs {
        padding-bottom: 40px;
    }

    .inner-left {
        padding-left: 75px;
    }

    .inner-left-md {
        padding-left: 60px;
    }

    .inner-left-sm {
        padding-left: 45px;
    }

    .inner-left-xs {
        padding-left: 30px;
    }

    .inner-left-xxs {
        padding-left: 15px;
    }

    .inner-right {
        padding-right: 75px;
    }

    .inner-right-md {
        padding-right: 60px;
    }

    .inner-right-sm {
        padding-right: 45px;
    }

    .inner-right-xs {
        padding-right: 30px;
    }

    .outer {
        margin-top: 120px;
        margin-bottom: 120px;
    }

    .outer-md {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .outer-sm {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .outer-xs {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .outer-top {
        margin-top: 120px;
    }

    .outer-top-md {
        margin-top: 100px;
    }

    .outer-top-sm {
        margin-top: 80px;
    }

    .outer-top-xs {
        margin-top: 40px;
    }

    .outer-bottom {
        margin-bottom: 120px;
    }

    .outer-bottom-md {
        margin-bottom: 100px;
    }

    .outer-bottom-sm {
        margin-bottom: 80px;
    }

    .outer-bottom-xs {
        margin-bottom: 40px;
    }

    @media (max-width: 767px) {
        .inner {
            padding-top: 80px;
            padding-bottom: 80px;
        }

        .inner-md {
            padding-top: 65px;
            padding-bottom: 65px;
        }

        .inner-sm {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .inner-xs {
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .inner-top {
            padding-top: 80px;
        }

        .inner-top-md {
            padding-top: 65px;
        }

        .inner-top-sm {
            padding-top: 50px;
        }

        .inner-top-xs {
            padding-top: 40px;
        }

        .inner-bottom {
            padding-bottom: 80px;
        }

        .inner-bottom-md {
            padding-bottom: 65px;
        }

        .inner-bottom-sm {
            padding-bottom: 50px;
        }

        .inner-bottom-xs {
            padding-bottom: 40px;
        }
    }
    /*===================================================================================*/
    /*	GENERAL
/*===================================================================================*/
    form {
        padding-top: 0 !important;
    }

    .exported-row-cms p {
        margin: 16px 0;
    }

    body .exported-row-cms {
        line-height: normal;
        color: #000;
    }

    .XGGTopNavMenu img {
        margin-bottom: 3px;
        width: 20px;
        height: 20px;
    }

    .XGGTopNavMenu .basket-item img {
        margin-bottom: 0;
        width: auto;
        height: auto;
    }

    .fontawesome {
        font-family: fontawesome;
    }

    .inline {
        display: inline-block;
        vertical-align: top;
    }

    .thumb-holder {
        float: left;
        display: inline-block;
        background-color: #fff;
        border: 1px solid #e0e0e0;
    }

    .h1,
    h1 {
        font-size: 28px;
        line-height: 52px;
        font-weight: 500 !important;
        letter-spacing: -1px;
    }

        .h1.border,
        h1.border {
            border-bottom: 1px solid #e0e0e0;
            line-height: 50px;
        }

    h2 {
        font-size: 18px;
        line-height: 37px;
        letter-spacing: -1px;
    }

        h2.border {
            border-bottom: 1px solid #e0e0e0;
            line-height: 50px;
        }
            
    ul {
        list-style: none;
    }

    .font-opensans {
        font-family: 'Open Sans', sans-serif;
    }

    .color-bg {
        background-color: #f9f9f9;
        border-top: 1px solid #e0e0e0;
    }

    img {
        width: auto\9;
        max-width: 100%;
    }

    .no-margin {
        padding: 0;
        margin: 0;
    }

    .no-padding {
        padding: 0;
    }

    .no-padding-right {
        padding-right: 0;
    }

    .no-padding-left {
        padding-left: 0;
    }

    .no-margin-left {
        margin-left: 0;
        padding-left: 0;
    }

    .no-margin-right {
        margin-right: 0;
        padding-right: 0;
    }

    .no-padding-bottom {
        padding-bottom: 0;
    }

    a {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .cookieBox span {
        font-family: Arial, Helvetica, sans-serif !important;
    }


    ul {
        margin: 0;
        padding: 0;
    }

    a {
        outline: none !important;
    }

        a:hover,
        a:active,
        a:focus {
            text-decoration: none;
        }

    .uppercase {
        text-transform: uppercase;
    }

    h1,
    h2,
    h3,
    h4,
    h5 {
        margin: 0;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
    }

    .capital {
    }

    #loading {
        display: none;
    }

    *:focus {
        outline: none;
    }    

.social-icons {
    list-style: none;
    padding: 0;
    margin: 10px 0;
    text-align: center;
}

    .social-icons li {
        display: inline-block;
        font-size: 24px;
        margin-right: 10px;
    }

        .social-icons li a {
            color: #fff;
            display: inline-block;
            padding: 6px;
            border-radius: 100px;
            text-shadow: none;
        }

            .social-icons li a:before {
                width: 24px;
                height: 24px;
                display: inline-block;
                text-align: center;
            }

    .center-absolute {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .map-holder,
    .map-holder #map {
        width: 100%;
        min-height: 460px;
        height: 100%;
    }

        .map-holder img {
            max-width: none;
        }

        .map-holder label {
            width: auto;
            display: inline;
        }

    .bold {
        font-weight: 800;
    }

    label.error {
        color: red;
        font-size: 10px;
    }

.txtgreen {
    color: #59B210;
}
    .green {
        background-color: #59B210;
        color: #fff;
    }

        .green.ribbon {
            background-color: transparent;
        }

            .green.ribbon:after {
                border-top-color: #59B210;
            }

.txtred {
    color: #F8484A;
}
    .red {
        background-color: #F8484A;
        color: #fff;
    }

        .red.ribbon {
            background-color: transparent;
        }

            .red.ribbon:after {
                border-top-color: #F8484A;
            }

    .blue {
        background-color: #407AC5;
        color: #fff;
    }

        .blue.ribbon {
            background-color: transparent;
        }

            .blue.ribbon:after {
                border-top-color: #407AC5;
            }

    .orange {
        background-color: #FF6600;
        color: #fff;
    }

        .orange.ribbon {
            background-color: transparent;
        }

            .orange.ribbon:after {
                border-top-color: #FF6600;
            }

.clc {
    background-color: #e6b800;
    color: #fff;
}

    .clc.ribbon {
        background-color: transparent;
    }

        .clc.ribbon:after {
            border-top-color: #e6b800;
        }

    .label-discount {
        padding: 0 10px;
        font-weight: 600;
        font-size: 11px;
        line-height: 16px;
        display: table-cell;
        text-transform: uppercase;
        background-color: #59B210;
        color: #fff;
    }

        .label-discount.ribbon {
            background-color: transparent;
        }

            .label-discount.ribbon:after {
                border-top-color: #59B210;
            }

        .label-discount.clear {
            height: 16px;
            background-color: transparent;
        }

        .label-discount.not-available {
            background-color: #f8484a;
            display: table;
            margin: 0 auto;
        }

    .ribbon {
        z-index: 100;
        top: 2.5%;
        font-size: 11px;
        line-height: 20px;
        padding: 5px 15px;
        font-weight: 700;
        text-transform: uppercase;
    }

        .ribbon:nth-child(2) {
            margin-top: 30px;
        }

        .ribbon:nth-child(3) {
            margin-top: 60px;
        }

        .ribbon:nth-child(4) {
            margin-top: 90px;
        }

        .ribbon span {
            position: relative;
            z-index: 100;
            margin-right: 11px;
        }

        .ribbon:after {
            content: "";
            display: inline-block;
            border-top-width: 28px;
            border-top-style: solid;
            border-left: 0px;
            border-right: 14px solid transparent;
            height: 0;
            min-width: 68px;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

    .block {
        display: block;
    }

    .dropdown-toggle:before,
    .dropdown-toggle:after {
        z-index: 100;
    }


    .height-xs {
        height: 230px;
    }

    .height-sm {
        height: 338px;
    }

    .height-md {
        height: 468px;
    }

    .height-lg {
        height: 690px;
    }

    .semi-bold {
        font-weight: 600;
    }
        .page-title {
            font-size: 40px;
            font-weight: 400;
            color: #434343;
            line-height: 18px;
            font-weight: normal !important;
            margin-bottom: 12px;
            padding-bottom: 14px;
            line-height: 40px;
            text-align:center;
        }

      

    img[src="assets/images/blank.gif"] {
        background: url("../images/ajax.gif") no-repeat scroll center center #ffffff;
        width: 100%;
    }
    /*===================================================================================*/
    /*  Header
/*===================================================================================*/
    .top-cart-row-container {
        text-align: center;
    }

header:not(.header) { /*.header is used when payment sense card modal appears*/
    padding: 40px 15px 30px 15px;
    border-bottom: 1px solid #e0e0e0;
    /*dodane!! test*/
    max-height: 159px;
    position: relative;
    content: " ";
    display: table;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

        /*header.ver2 {
            padding-bottom: 0;
            margin-bottom: 13px;
        }*/

    /*.logo-holder {        
        text-align: center;
        margin-bottom:25px;
    }*/
.logo-holder {
    margin-right:15px;
}
.logo-holder img {
    width: 100px;
}
.lh-hide .logo-holder {
    display: none;
}

    /*header .logo {
        max-height: 157px;
        max-width: 259px;
    }*/

    

    .search-area {
        border: 1px solid #c6c6c6;
        border-radius: 7px;
        margin: 8px 0 0 0;
        background-color: white; /*added 23-09-2015*/
    }

        .search-area .categories-filter {            
            border-left: 1px solid #e0e0e0;
        }           

        .search-area .categories-filter .dropdown-toggle:after {
            content: "\f107";
            font-family: fontawesome;            
            font-size: 25px;
            line-height: 25px;
            vertical-align: sub;
            margin: 0 15px 0 0;
            float:right;
        }

        .search-area input {
            border: none;
        }

        .search-area button {
            border-radius: 0 5px 5px 0;
        }
            .search-area button:after {
                content: "\f002";
                font-family: fontawesome;
                font-size: 25px;
            }

        .search-area .dropdown-menu a h3 {
            font-size: 14px;
            font-weight: normal !important;
            line-height: 1.42857
        }

    .fv-filter .search-area {
        width: 100%;
    }

        .fv-filter input {
            padding: 10px 15px;
        }

        .fv-filter:before {
            font-family: FontAwesome;
            position: absolute;
            right: 0px;
            content: '\f002';
            bottom: 0px;
            border-radius: 0 4px 4px 0;
            color: white;
            font-size: 25px;
            padding: 4px 15px;
        }

    header .top-cart-row {
        padding: 35px 0 0 21px;
    }

    .top-cart-row .top-cart-holder {
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

        .top-cart-row .top-cart-holder .checkout a {
            display: inline-block;
        }

    .basket .dropdown-menu {
        width: 400px;
    }



.basket li:not(.spsp) {
    border-bottom: 1px solid #e0e0e0;
}

    .gratis-wrap {
        position: relative;
    }

    .gratis-lbl-wrap {
        height: 85px;
        overflow: hidden;
        position: absolute;
        top: -1px;
        left: 0px;
        width: 85px;
    }

    .gratis-lbl {
        color: white;
        font-weight: bold;
        text-align: center;
        background-color: rgb(255, 51, 51);
        transform: rotate(-45deg);
        width: 120px;
        position: absolute;
        z-index: 1;
        font-size: 12px;
        left: -23px;
        top: 28px;
    }

    .basket-item {
        text-align: left;
    }            

        .basket-item .title {
            font-weight: 100;
            line-height: 26px;
        }

        .basket-item .options {
            font-weight: 100;
            font-size: 10px;
            padding-left: 7px;
        }
                
            .close-btn:after {
                content: "\f00d";
                font-family: fontawesome;
                cursor:pointer;
                font-style:normal;
            }

    .basket-item-count {
        position: relative;
        display: inline-block;
        vertical-align: top;
    }
    .top-cart-row .top-cart-holder .dropdown-toggle {
        display: block;
        padding: 0;
    }

        .top-cart-row .top-cart-holder .dropdown-toggle .lbl {
            font-size: 14px;
            line-height: 21px;
            display: block;
        }

        .top-cart-row .top-cart-holder .dropdown-toggle .total-price {
            font-size: 22px;
            font-weight: bold;
        }

        /* LS added to make z� display properly */
        .top-cart-row .top-cart-holder .dropdown-toggle:after {
            display: none;
        }

    .top-cart-row .top-cart-holder .total-price-basket {
        margin: 0 0 0 5px;
        display: inline-block;
        vertical-align: top;
    }

    div.total-price-basket span.total-price span.value {
        text-transform: none;
    }

    .header-alt {
        border-bottom: none;
    }
    /*===================================================================================*/
    /*  Megamenu
/*===================================================================================*/
 
    .animate-dropdown .open > .dropdown-menu,
    .animate-dropdown .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
        animation-name: slidenavAnimation;
        animation-duration: 200ms;
        animation-iteration-count: 1;
        animation-timing-function: ease-out;
        animation-fill-mode: forwards;
        -webkit-animation-name: slidenavAnimation;
        -webkit-animation-duration: 200ms;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-out;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: slidenavAnimation;
        -moz-animation-duration: 200ms;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease-out;
        -moz-animation-fill-mode: forwards;
    }

    @keyframes slidenavAnimation {
        from {
            margin-top: -30px;
            opacity: 0;
        }

        to {
            margin-top: 0;
            opacity: 1;
        }
    }

    @-webkit-keyframes slidenavAnimation {
        from {
            margin-top: -30px;
            opacity: 0;
        }

        to {
            margin-top: 0;
            opacity: 1;
        }
    }
   
    /*===================================================================================*/
    /*  Sections : Blocks that appear within pages
/*===================================================================================*/
    .section {
        margin: 30px 0;
    }

        .section h2 {
            font-size: 28px;
            line-height: 36px;
            font-weight: normal !important;
            padding-bottom: 14px;
            margin-bottom: 12px;
        }

        .section p,
        .section li {
            /*color: #747474;*/
            font-size: 16px;
            line-height: 28px;
        }

    #category-grid {
        content: " ";
        display: table;
        margin: 0 auto;
        position: relative;
    }
    /*DELIVERY AREAS*/
    #DeliveryAreasMap .modal-dialog {
        margin: 100px auto;
        width: 912px;
    }

    #DeliveryAreasMap .modal-body {
        padding: 0;
        height: 500px;
    }

    #DeliveryAreasGoogleMap {
        text-align: center;
        display: inline-block;
        width: 560px;
        border-radius: 0px 4px 4px 0px;
    }

    .da-legend-wrap {
        display: inline-block;
        width: 350px;
        vertical-align: top;
    }

    .da-legend-title {
        font-size: 18px;
        font-weight: bold;
        padding: 30px 15px;
    }

    .da-close {
        font-size: 20px !important;
        position: absolute;
        top: 3px;
        right: 10px;
        color: #ad1717;
        cursor: pointer;
    }

    #mapLegend {
        width: 100%;
        font-size: 13px;
        max-height: 414px;
        overflow-y: auto;
        padding: 0 15px;
        position: relative;
    }

    .da-legend-row {
        line-height: 25px;
        padding: 0 0 7px 30px;
        font-size: 13px;
        position: relative;
        border-bottom: 1px solid #eaeaea;
        cursor: pointer;
    }

        .da-legend-row.active {
            background-color: #e9e9e9;
            margin: -1px -15px 1px -15px;
            padding: 1px 15px 7px 45px;
            border-bottom: 0;
        }

        .da-legend-row .dot {
            width: 20px;
            height: 20px;
            position: absolute;
            top: 3px;
            left: -30px;
            border-radius: 10px;
        }

        .da-legend-row .title {
            font-weight: bold;
            position: relative;
        }

        .da-legend-row .warn {
            color: #dc0000;
        }

        .da-legend-row .price {
            text-align: right;
            font-weight: bold;
        }

            .da-legend-row .price span {
                float: left;
                padding-right: 10px;
                font-weight: normal;
            }
    /*ENDDELIVERY AREAS*/

    /*===================================================================================*/
    /*  Input Controls, Accordion Boxes, Price Slider, Buttons and Star Rating
/*===================================================================================*/
    .le-checkbox {
        margin: 7px 0 0 0 !important;
        vertical-align: middle;
        opacity: 0;
        position: absolute;
        width: 100%;
        height: 10px;
    }

        .le-checkbox.big + .fake-box {
            border-radius: 0;
            width: 15px;
            height: 15px;
        }

        .le-checkbox + .fake-box {
            border-radius: 2px;
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 0px 5px 0 0;
            vertical-align: middle;
            border: 1px solid #e0e0e0;
            background-color: #fff;
        }

        .le-checkbox:hover,
        .le-checkbox:focus {
            cursor: pointer;
        }

            .le-checkbox:hover + .fake-box,
            .le-checkbox:focus + .fake-box {
                background-color: #f9f9f9;
            }

    .dropdown .dropdown-toggle {
        padding: 0 14px 0 5px;
    }

        .dropdown .dropdown-toggle:after {
            content: "\f107";
            font-family: fontawesome;
            color: #e0e0e0;
            display: inline-block;
            font-size: 15px;
            line-height: 15px;
            vertical-align: sub;
            margin: 0 0 0 3px;
        }

    .dropdown .dropdown-menu {
        border-radius: 0;
        top: 120% !important;
    }

    /*===================================================================================*/
    /*  Product Item, Product List, Product Grid
/*===================================================================================*/
    .product-item-holder.hover {
        position: relative;
    }

        .product-item-holder.hover.size-small .product-item .add-cart-button {
            margin-bottom: 10px;
        }

            .product-item-holder.hover.size-small .product-item .add-cart-button a {
                padding: 5px 10px !important;
                font-size: 12px !important;
            }

                .product-item-holder.hover.size-small .product-item .add-cart-button a:before {
                    font-size: 12px !important;
                }

        .product-item-holder.hover.size-small .product-item .hover-area {
            bottom: 9px;
        }

        .product-item-holder.hover.size-medium .product-item .add-cart-button {
            margin-bottom: 10px;
        }

            .product-item-holder.hover.size-medium .product-item .add-cart-button a {
                padding: 5px 10px !important;
                font-size: 12px;
            }

        .product-item-holder.hover.size-medium .product-item .hover-area {
            bottom: 7px;
        }

        .product-item-holder.hover .product-item .hover-area {
            text-align: center;
            padding: 30px 0 20px;
            width: 100%;
            display: none;
        }

            .product-item-holder.hover .product-item .hover-area .add-cart-button {
                position: relative;
                margin-bottom: 10px;
            }

                .product-item-holder.hover .product-item .hover-area .add-cart-button button {
                    padding: 13px 31px;
                    z-index: 10;
                    position: relative;
                }

                .product-item-holder.hover .product-item .hover-area .add-cart-button:before {
                    z-index: 0;
                    width: 100%;
                    height: 1px;
                    background-color: #e0e0e0;
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 0;
                }

        .product-item-holder.hover:hover .product-item,
        .product-item-holder.hover.test .product-item {
            width: 364px; /*need to show small images in product-item; odl value: width: 100%;*/
            position: absolute;
            /*padding-bottom: 2%;*/
            box-shadow: 0px 0px 5px 0px #c6c6c6;
            z-index: 200;
        }

        .product-item-holder.hover:hover .hover-area,
        .product-item-holder.hover.test .hover-area {
            display: block;
        }

    .productview {
        width: 74px !important;
        height: 258px;
        /*padding: 40px 0 6px 15px;*/
        padding: 65px 0 6px 15px;
        z-index: 201;
        position: relative;
    }

    .product-grid-holder .row:nth-child(n+2) .product-item-holder {
        border-top: 0;
    }

    .product-grid-holder .product-item-holder {        
        min-height: 401px;
        border: 1px solid #ececec;
        border-right: 0;
        position: relative;
    }

        .product-grid-holder .product-item-holder:last-child {
            border-right: 1px solid #ececec;
        }

        .product-grid-holder .product-item-holder .prices {
            margin: 0 34px;
            padding: 8px 0;
        }

        .product-grid-holder .product-item-holder .body {
            margin: 0 34px;
            min-height: 70px;
            border-bottom: 1px solid #ececec;
        }

        .product-grid-holder .product-item-holder.size-big .body {
            min-height: 133px;
        }

            .product-grid-holder .product-item-holder.size-big .body .title {
                min-height: 36px;
                line-height: 26px;
                font-size: 20px;
                margin: 10px 0 0 0;
            }

        .product-grid-holder .product-item-holder.size-big .prices {
            padding: 11px 0 18px 0;
        }

            .product-grid-holder .product-item-holder.size-big .prices .le-button {
                margin-left: 10px;
            }

        .product-grid-holder .product-item-holder.size-big .price-current {
            font-size: 26px !important;
            line-height: 55px;
        }

        .product-grid-holder .product-item-holder.size-medium {
            max-width: 224.8px;
            min-height: 323px;
        }

            .product-grid-holder .product-item-holder.size-medium .image {
                padding: 16px 0px 0 0;
            }

            .product-grid-holder .product-item-holder.size-medium .body {
                margin: 0 20px;
            }

                .product-grid-holder .product-item-holder.size-medium .body .title {
                    min-height: 36px;
                    line-height: 19px;
                }

        .product-grid-holder .product-item-holder.size-small {
            min-height: 270px;
            max-width: 146.2pt !important;
        }

            .product-grid-holder .product-item-holder.size-small .ribbon {
                top: 0;
            }

            .product-grid-holder .product-item-holder.size-small .image {
                padding: 0;
            }

            .product-grid-holder .product-item-holder.size-small .body {
                margin: 0 15px;
                min-height: 71px;
            }

                .product-grid-holder .product-item-holder.size-small .body .title {
                    margin: 9px 0 0 0;
                    line-height: 16px;
                }

                    .product-grid-holder .product-item-holder.size-small .body .title h4 {
                        margin: 9px 0 0 0;
                        line-height: 16px;
                        font-size: 15px;
                    }

                .product-grid-holder .product-item-holder.size-small .body .brand {
                    line-height: 22px;
                }

            .product-grid-holder .product-item-holder.size-small .prices {
                margin: 0 15px;
                padding: 8px 0;
            }

        .product-item .ribbon {
            position: absolute;
        }

        .product-item-holder .image {
            text-align: center;
        }

        .product-item-holder .prices {
            margin: 0 34px;
            padding: 11px 0;
        }

        .product-item-holder .price-prev {
            display: inline-block;
            font-size: 14px;
            color: #d3d3d3;
            font-weight: 700 !important;
            font-weight: 800;
        }

            .product-item-holder .price-prev .net {
                font-size: 8px;
                margin-bottom: -4px;
            }

        .product-item-holder .price-current {
            font-weight: 700;
            font-size: 17px;
        }

        .product-item-holder .body .title {
            margin: 0;
            line-height: 19px;
            padding-top: 7px !important;
        }

            .product-item-holder .body .title.sale-title {
                min-height: 50px;
            }
            /*.product-item-holder .body .title h3{
    font-size:18px;
}*/
            .product-item-holder .body .title h3 {
                font-weight: bold !important;
                font-size: 15px;
            }

        .product-item .brand {
            font-size: 10px;
            line-height: 30px;
            text-transform: uppercase;
        }

    .product-grid-holder.medium .product-item-holder .prices {
        margin: 0 20px;
    }

    .grid-list-products {
        margin: 0 0 20px 0;
    }

        .result-counter {
            padding: 10px 0;
            font-size: 13px;
        }

        .grid-list-products .product-grid-holder {
            margin: 36px 0 0 0;
            border: 1px solid #ececec;
            border-bottom: 0;
            border-right: 0;
        }

            .grid-list-products .product-grid-holder .product-item-holder {
                min-height: 410px;
                border: 1px solid #ececec;
                border-top: 0;
                border-left: 0;
                min-width: 292px;
                max-width: 292px;
            }

    #category-grid .grid-list-products .product-grid-holder .product-item-holder {
        min-width: 299px;
        max-width: 300px;
    }

    .grid-list-products .grid-list-buttons ul li.active a {
        font-weight: 700 !important;
        font-weight: 800;
    }

    .grid-list-products .grid-list-buttons ul li a {
        font-size: 13px;
        font-weight: 600;
    }

        .grid-list-products .grid-list-buttons ul li a i {
            font-size: 19px;
            color: #ccc;
            vertical-align: bottom;
        }

    .products-list {
        margin: 30px 0;
    }

        .products-list .image-holder{
            width:50%;
        }
        
        .products-list .product-item {
            min-height: 241px;
            position: relative;
        }

        .products-list .excerpt {
            margin: 10px 0 16px 0;
            font-size: 14px;
        }

            /*.products-list .excerpt a.le-button {
                float: right;
                margin: 0 0 10px 10px;
            }*/

        .fd-size {
            line-height: 10px;
            display: inline-block;
            padding-right: 10px;
        }

            .fd-size:not(:first-child) {
                border-left: 1px solid #ccc;
                padding-left: 10px;
            }

    .zoom-info {
        float: left;
        font-size: 20px;
    }

        .zoom-info i {
            cursor: pointer;
        }
            .zoom-info i:not(.txtred):not(:hover) {
                color: #bbb;
            }

        .zoom-info .popover-content {
            font-size: 12px;
        }

        .zoom-info .fa-times {
            float: right;
        }


    .products-list .magnific {        
        color: #fff;
        opacity: 0.8;
        font-size: 50px;
    }
    /*Delivery hours*/
    .del-hours {
        padding: 18px 10px;
        font-size: 13px;
        line-height: 25px;
    }

        .del-hours table {
            width: 100%;
        }

    .del-hours .worh {
        display: none;
    }

    .del-hours .delh-inf {
        display: none;
        line-height: normal;
        padding: 6px 0 20px;
        font-size: 10px;
    }

        .del-hours .delh-inf i {
            font-size: 18px;
            float: left;
            margin: 5px 10px 0 0;
        }
    /*PaymentWidget*/
    .pay-widget {
        text-align: center;
        padding: 10px 0px;
    }

        .pay-widget img {
            max-width: 160px;
            margin-bottom: 20px;
        }

        .pay-widget .a:nth-child(2n+3) {
            margin-right: 0;
        }
    
    /*===================================================================================*/
    /*  Home Page
/*===================================================================================*/
    #products-tab {
        margin: 50px 0 20px 0;
    }

        #products-tab .image {
            min-height: 215px;
        }

    /*===================================================================================*/
    /*  Single Product Page
/*===================================================================================*/
.le-quantity {
    display:flex;
}

    .le-quantity .minus,
    .le-quantity .plus {
        width: 30px;
        background-color: #3498db;
        font-family: fontawesome;
        color:white;
        border:0;
    }
    .le-quantity .minus:hover,
    .le-quantity .plus:hover {
        color: #fff;
        background-color: #419fdd;
    }

        .le-quantity .minus:after {
            content: "\f068";
        }
        .le-quantity .plus:after {
            content: "\f067";
        }

    .le-quantity input {
        border: none;
        text-align: center;
        width: 50px;
        color: #3d3d3d;
        font-size: 18px;
        font-weight: lighter;
        background-color: #eaeaea;
    }

    .le-quantity.tip{
        justify-content:flex-end;
    }
    .le-quantity.tip input {
        text-align: right;
    }
    .le-quantity.tip div {
        background-color: #eaeaea;
        padding:0 6px;
        font-size: 18px;
        font-weight: lighter;
    }
    .le-quantity.white input {
        background-color: #fff;
    }

    .tabled-data.no-border {
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 16px;
    }

        .tabled-data.no-border li {
            border: none;
            line-height: 16px;
        }

    .tabled-data.inverse-bold label {
        font-weight: normal;
    }

    .tabled-data.inverse-bold .value {
        font-weight: 700;
    }

    .tabled-data li {
        border-bottom: 1px solid #e0e0e0;
        /*color: #3d3d3d;*/
        font-size: 14px;
        padding: 7px 0;
    }

        .tabled-data li:first-child {
            padding-top: 0;
        }

        .tabled-data li:last-child {
            border-bottom: 0;
        }

        .tabled-data li label {
            margin: 0;
            min-width: 150px;
            font-weight: 700;
            display: inline-block;
            vertical-align: top;
        }

        .tabled-data li .value {
            /*display: inline-block;
  vertical-align: top;*/
            text-align: right;
        }

.le-input {
    border-radius: 4px;
    background-color: #fff;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    color: #3d3d3d;
    width: 100%;
    padding: 9px 10px;
    min-height: 34px;
    margin: 0 0 10px 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .le-input:focus,
    .le-input:hover {
        background-color: #e0e0e0;
    }

    .field-row label {
        display: block;
        font-weight: 700;
        font-size: 14px;
    }

    /*===================================================================================*/
    /*  Shopping Cart Page
/*===================================================================================*/
    #cart-page {
        margin: 0px 0;
        position: relative;
        content: " ";
        display: table;
        margin-left: auto;
        margin-right: auto;
        padding: 0 15px 76px 15px;
    }

        #cart-page .cart-summary {
            margin: 0 0 17px 0 !important;
            padding-left: 40px;
        }

            #cart-page .cart-summary .body {
                padding: 7px 0;
            }

            #cart-page .cart-summary .buttons-holder {
                text-align: right;
            }

                #cart-page .cart-summary .buttons-holder .simple-link {
                    margin: 10px 0;
                    font-size: 14px;
                    line-height: 24px;
                }

            #cart-page .cart-summary .tabled-data li label {
                min-width: 125px;
            }

            #cart-page .cart-summary #total-price {
                margin: 18px 0 0 0;
                padding-bottom: 24px;
                border-bottom: 0;
            }

                #cart-page .cart-summary #total-price .value {
                    font-weight: bold;
                    font-size: 25px;
                    line-height: 25px;
                }

            #cart-page  .cart-item {
                border-bottom: 1px solid #e0e0e0;
            }

                #cart-page  .cart-item:last-child {
                    border-bottom: 0;
                }

                #cart-page  .cart-item .brand {
                    font-size: 10px;
                    line-height: 27px;
                    text-transform: uppercase;
                }

        #cart-page .product-options {
            font-size: 11px;
            padding-left: 25px;
            padding-top: 7px;
        }

        #cart-page .change-options {
            margin-left: 25px;
            font-size: 11px;
        }

        #cart-page .ordertime .bootstrap-select > .dropdown-toggle {
            height: 40px;
            padding-left: 14px;
        }

        #cart-page .ordertime .btn-group.bootstrap-select {
            width: 100% !important;
        }

        #cart-page .ordertime i {
            width: 26px;
        }

        #cart-page .unavailable {
            /*opacity: 0.3;*/
        }

    /*.paymenttype .radio {
        margin-bottom: 0;
        font-size: 14px;
        padding: 5px 0 0 30px;
    }

        .paymenttype .radio:hover {
            border-radius: 4px;
        }

        .paymenttype .radio:first-child {
            margin-top: 0;
        }

        .paymenttype .radio label {
            width: 100%;
        }

            .paymenttype .radio label::before {
                top: 3px;
                height: 14px;
                width: 14px;
            }

            .paymenttype .radio label::after {
                height: 10px;
                width: 10px;
                left: 2px;
                top: 5px;
            }*/
    /*===================================================================================*/
    /*  Contact Page
/*===================================================================================*/
    #authentication, #myorder {
        margin: 0;
        position: relative;
        content: " ";
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

        #authentication .bordered {
            border-bottom: 1px solid #ececec;
        }


        #signup .bordered {
            border-bottom: 1px solid #ececec;
        }

    .cf-style-1 .field-row {
        margin-bottom: 25px;
    }

    .cf-style-1 label {
        /*color: #3e3e3e;*/
        font-size: 14px;
        line-height: 22px;
        font-weight: 600 !important;
    }
    /*===================================================================================*/
    /*  Authentication Page
/*===================================================================================*/
    .btn-facebook,
    .btn-twitter {
        background-color: #3d5c98;
        color: #fff;
        font-size: 14px;
        line-height: 28px;
    }

        .btn-facebook:hover,
        .btn-twitter:hover,
        .btn-facebook:focus,
        .btn-twitter:focus,
        .btn-facebook:active,
        .btn-twitter:active {
            background-color: #2e4674;
            color: #FFF;
        }

        .btn-facebook i,
        .btn-twitter i {
            font-size: 25px;
            display: inline-block;
            padding-right: 15px;
        }

    .btn-twitter {
        background-color: #22aadf;
    }

        .btn-twitter:hover,
        .btn-twitter:focus,
        .btn-twitter:active {
            background-color: #1a89b4;
            color: #FFF;
        }

    .social-auth-buttons {
        padding: 15px 0 25px 0;
    }

    .register-form {
        padding: 40px 0;
    }

    .signup-form {
        padding: 40px 0;
    }

    .list-benefits > li {
        margin-bottom: 15px;        
        font-weight: 600;
    }

    .fb-log {
        background-color: #3B5998 !important;
    }

        .fb-log:before {
            font-family: FontAwesome;
            content: '\f230';
            margin-right: 10px;
            font-size: calc(100% + 4px);
        }

    .google-log {
        background-color: #df4a32 !important;
    }

        .google-log:before {
            font-family: FontAwesome;
            content: '\f1a0';
            margin-right: 10px;
            font-size: calc(100% + 4px);
        }

    /*===================================================================================*/
    /*  Sidebar
/*===================================================================================*/
    /*.sidebar h1,
    .sidebar h2,
    .sidebar h3 {
        font-weight: 500;
    }*/

    .sidebar.narrow {
        width: 23%;
        padding: 0 20px 0 0;
    }

    .sidebar.wide {
        width: 77%;
    }

    .sidebar .price-filter {
        border-top: 1px solid #e0e0e0;
        margin: 19px 0 0 0;
        padding: 10px 0 0 0;
    }

    .sidebar .price-range-holder {
        padding: 18px 0px 47px 0px;
        position: relative;
    }

        .sidebar .price-range-holder .filter-button a {
            text-transform: uppercase !important;
        }

        .sidebar .price-range-holder .min-max,
        .sidebar .price-range-holder .filter-button {
            margin: 14px 0 0 0;
            font-size: 13px;
        }

        .sidebar .price-range-holder .price-slider {
            visibility: hidden;
        }

        .sidebar .price-range-holder .price-range.in {
            overflow: visible;
        }

        .sidebar .price-range-holder .slider .tooltip {
            margin-top: 55px;
        }

        .sidebar .price-range-holder .min-max {
            float: left;
        }

        .sidebar .price-range-holder .filter-button {
            float: right;
        }

            .sidebar .price-range-holder .filter-button a {
                font-weight: 700 !important;
                font-weight: 800;
            }

    .sidebar .simple-banner {
        margin: 43px 0 34px 0;
    }

        .sidebar .simple-banner a {
            display: block;
        }

    
            

#authentication .terms .category-filter ul {
    padding: 0;
    margin: 10px 0 0 0;
}

    #divCategoryImage .desc {
        font-size: 12px;
        margin: 10px 0 25px 0;
        color: inherit;
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        letter-spacing: 0px;
    }

        #divCategoryImage .desc h2,
        #divCategoryImage .desc h3,
        #divCategoryImage .desc h4,
        #divCategoryImage .desc h5,
        #divCategoryImage .desc h6 {
            font-size: 12px;
            margin: 10px 0 25px 0;
            color: inherit;
            font-family: inherit;
            font-weight: 500;
            line-height: 1.1;
            letter-spacing: 0px;
            display: inline;
        }

    .XGGAcceptTerms {
        padding: 0 15px;
        margin: 10px 0 25px 0;
        text-align: right;
    }

        .XGGAcceptTerms span {
            font-size: 12px;
            vertical-align: bottom;
            display: inline-block;
            line-height: 24px;
            margin: 0 8px 0 0;
        }

        .XGGAcceptTerms label {
            font-weight: 400;
            font-size: 19px;
            margin: 0 0 3px;
            line-height: 20px;
        }

        .XGGAcceptTerms a {
            font-size: 18px;
            font-weight: 600;
            position: relative;
            top: 2px;
            left: -3px;
        }

        .XGGAcceptTerms .checkbox label::before {
            width: 20px;
            height: 20px;
        }

        .XGGAcceptTerms .checkbox label::after {
            font-size: 16px;
            top: 0px !important;
            left: -1px !important;
        }
    /*===================================================================================*/
    /*  Footer
/*===================================================================================*/
    #footer {
        position: relative;
        content: " ";
        display: table;
        margin-left: auto;
        margin-right: auto;
        background-color: #f9f9f9;
        text-shadow: 1px 1px 1px #eee;
    }

        #footer.wide {
            display: block !important;
        }

        #footer .quick-link {
            font-size: 16px;
            letter-spacing: -1px;
            font-weight: 600;
            margin-bottom:30px;
        }

        #footer #divSocialHeader {
            font-size: 16px;
            letter-spacing: -1px;
            line-height: 24px;
            font-family: "Open Sans",sans-serif;
            font-weight: 600 !important;
            margin: 0px;
            padding-bottom: 11px;
        }

        #footer .footer-logo-holder {
            margin: 10px auto 0 auto;
            text-align: center;
            vertical-align: middle;
            height: 159px;
            width: 370px;
        }

    #footer .footer-logo-holder img {
        max-height: 159px;
        max-width: 259px;
    }

    #footer .link-widget li {
        margin: 0 0 10px 0;
    }

    #footer .contact-info {
        padding: 0 5px 45px 5px;
        text-align: center;
    }

    #footer .phone-contact:first-child {
        padding-right: 5px;
    }
    #footer .phone-contact:last-child {
        padding-left: 5px;
    }
    #footer .phone-contact:not(:first-child):not(:last-child) {
        padding: 0 5px;
    }

    #footer .fb-script {
        text-align: center;
    }

        .copyright-bar .copyright {
            line-height: 30px;
            color: #8a8a8a;
        }
        .copyright-bar .cil {
            position: absolute;
            top: -18px;
            left: 22px;
        }
        .copyright-bar .cil2 {
            position: absolute;
            top: -19px;
            left: -16px;
        }
    

.XGGNewsletter {
    padding-top: 20px;
    max-width: 500px;
}

    .XGGNewsletter input {        
        color: white;
        min-height: 40px
    }

    .XGGNewsletter button {        
        color: white;
        font-size: 24px;
        padding: 1px 12px 3px;
        max-height: 40px;
        text-shadow: none;
    }

        .XGGNewsletter button:before {
            font-family: FontAwesome;
            content: "\f0a9";
        }

        .XGGNewsletter button:hover {
            color: white !important;
        }

.XGGValidateNewsletter .popover-content {
    font-size: 14px;
    padding: 4px 12px;
}
    /*===================================================================================*/
    /* Custom 
/*===================================================================================*/
#cookiepolicy,
#terms,
#myorders {
    position: relative;
    content: " ";
    display: table;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}
    #cookiepolicy p,
    #terms p {
        background-color: #fff;
    }
.XGGSmallImageDiv {
    max-width: 59px;
    max-height: 50px;
    margin: 0 auto 7px auto;
}

.XGGDefaultImage {
    max-width: 260px;
    max-height: 222px;
}
.XGGDefaultImageList {
    max-width: 100%; 
    max-height: 222px;
}
.XGGDefaultImageFull {
    max-width: 260px;
    max-height: 222px;
}
.XGGDefaultImageList.xs,
.XGGDefaultImageFull.xs{
    max-width: 100px;
    max-height: 100px;
}

.pages li{
    margin: 0 5px 5px 0;
}
    

.product-small-images {
    line-height: 0px;
    height:70px;
}
    .product-small-images img {
        margin: 0 2px;
    }
    

.close-btn:after {
    color: rgb(190, 92, 92) !important;
}
    .close-btn:hover:after {
        color: rgb(213, 0, 0) !important;
    }

    

    .buttons-holder .popover-content {
        font-size: 12px;
    }
    .buttons-holder .popover {
        margin-top: -2px;
    }
    .buttons-holder .fa {
        float: right;
        cursor: pointer;
        color: #f8484a;
        margin: 2px -2px 10px 10px;
        font-size: 14px;
    }

    .XGGAvailability {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
        color: white;
        padding-top: 0px;
        margin-bottom: 0px;
        margin-top: 9px;
    }
    /*END category list in indexcategories.aspx*/

    .table-bordered {
        font-size: 20px;
        text-align: center;
        padding-top: 29px;
        padding-bottom: 30px;
    }

    #category-grid .category-filter .panel-body a {
        line-height: 25px;
    }

        #category-grid .category-filter .panel-body a i {
            margin-right: 5px;
        }

.favorite-added:before,
.favorite:hover:before{
    color: #ce2f2f !important;
}

    .testEnvironment {
        position: fixed;
        z-index: 10000;
        padding: 0;
        background-color: rgb(255,0,0);
        color: rgb(255,255,255);
        font-size: 10px;
        font-weight: 700;
        text-align: center;
        width: 100%
    }


.sminfpop .title {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 25px;
    font-size: 22px;
    /*font-family: Open Sans;*/
    font-weight: 500 !important;
}

    .sminfpop .title i.fa-times {
        font-size: 16px;
        cursor: pointer;
    }

    .cart-product-options {
        font-size: 12px;
        padding: 20px 0 0 20px;
        margin: 0 0 15px 0;
    }

    .cart-product-options .bootstrap-select.xgg-prod-opt:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        float: right;
        width: 70%;
    }

    .cart-product-options .bootstrap-select.xgg-prod-opt > .dropdown-toggle {
        font-size: 12px;
    }

    .xgg-prod-opt-wrap2 {
        padding: 0 0 3px;
    }

        .xgg-prod-opt-wrap2 .itfd-name {
            display: inline-block;
            width: 30%;
            padding-right: 5px;
        }

        .xgg-prod-opt-wrap2 .checkbox {
            display: inline;
            margin-left: 15px;
        }

            .xgg-prod-opt-wrap2 .checkbox label:before,
            .xgg-prod-opt-wrap2 .checkbox label:after {
                top: -8px;
            }

    .wheimage,
    .daeimage {
        width: 25%;
        display: inline-block;
        padding-left: 15px;
    }
        
    .whetext,
    .daetext {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        width: 74%;
    }
        
    .whetitle,
    .daetitle {
        font-size: 20px;
        /*font-family: Open Sans;*/
        font-weight: 500 !important;
        margin: 0 0 10px;
    }

    .XGGSummaryPage .section {
        margin-top: 50px;
        margin-bottom: 0px;
        padding: 0 15px;
    }

        .XGGSummaryPage .section .bordered {
            border-bottom: 1px solid #eaeaea;
        }

    #divTags h3 {
        font-size: 15px;
        line-height: unset;
        display: inline-block;
    }

    .save-message {
        margin: 0 -15px 12px -15px;
        background-color: #57c355;
        color: white;
        font-size: 16px;
        padding: 10px 30px;
    }

        .save-message i {
            margin-right: 8px;
        }

        .save-message button {
            min-width: 80px;
            float: right;
            margin-top: -4px;
        }

    #pageChoose .jumbotron h3 {
        font-size: 40px;
        line-height: 52px;
        letter-spacing: -1px;
        color: inherit;
    }

    .XGGTags {
        display: inline-block;
        border: 1px solid #e0e0e0;
        padding: 3px;
        margin-bottom: 5px;
        cursor: pointer;
    }

        .XGGTags:hover {
            background-color: #eaeaea;
        }

    .XGGUnavailable {
        color: white;
        font-weight: 600;
        line-height: 16px;
        padding: 4px 14px;
        text-transform: uppercase;
        background-color: #f8484a;
        margin-bottom: 5px;
    }

    .XGGDiscount {
        color: white;
        font-weight: 600;
        line-height: 16px;
        padding: 4px 14px;
        text-transform: uppercase;
        background-color: #59b210;
    }

    /*MyOrder status breadcrumb*/
    .status-bread {
        background-color: #eaeaea;
    }

        .status-images td,
        .status-bread td {
            position: relative;
        }

            .status-bread td:last-child {
                width: 0;
            }

        .status-bread .sb-wrap {
            display: inline-block;
            position: relative;
            z-index: 1;
            color: white;
        }

        .status-bread td:before {
            content: '';
            width: 50px;
            height: 50px;
            border-radius: 25px;
            position: absolute;
            left: -21px;
            top: -13px;
            background-color: #eaeaea;
        }

        .status-bread td.active .sb-wrap:after {
            content: '';
            width: 40px;
            height: 40px;
            border-radius: 20px;
            position: absolute;
            left: -16px;
            top: -8px;
            background-color: orange;
            z-index: -1;
        }

        .status-bread td.active:not(:first-child):after {
            content: '';
            width: calc(100% - 35px);
            height: 16px;
            position: absolute;
            left: calc(-100% + 22px);
            top: 3px;
            background-color: orange;
            z-index: 0;
        }

        .status-bread td.active:last-child:after {
            width: 346px;
            left: -360px;
        }

    .status-images {
        min-height: 64px;
    }

        .status-images img {
            position: relative;
            left: -54px;
            min-width: 64px;
            cursor: pointer;
        }

        .status-images .popover {
            min-width: 180px;
        }

        .status-images .popover-content {
            padding: 10px 20px;
        }

        .status-images .popover-title {
            font-size: 13px;
        }
    /*END MyOrder.aspx status breadcrumb*/
    
    /*sales promotion prices*/
.price-sale {
    font-size: 20px;
    color: #59b210;
    font-weight: 700;
    line-height: 20px;
    margin-top: -3px;
    text-align: right;
}

    .price-sale .price-prev {
        display: block !important;
        text-align: right;
        /*color: #d3d3d3;*/
        color: #ff1717;
        font-size: 14px;
    }

            .price-sale .price-prev .crossed {
                display: inline-block;
                position: relative;
            }

                .price-sale .price-prev .crossed:before {
                    border-bottom: 2px solid #59b210;
                    content: '';
                    width: 100%;
                    position: absolute;
                    bottom: 10px;
                    transform: rotate(-12deg);
                }

.pdetails .price-current ,
.pdetails .price-sale {
    font-size: 25px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 25px;
}
    .pdetails .price-sale .price-prev {
        font-size: 18px;
        font-weight: bold;
    }
/*===================================================================================*/
/*  Browser Specific Styles
/*===================================================================================*/
.gecko .dropdown > a:after {
    vertical-align: middle !important;
}

    .gecko .dropdown-toggle:after {
        vertical-align: middle !important;
    }
    
    .navbar-collapse {
        padding: 0;
    }

    .navbar-collapse {
        max-height: none;
    }

/*===================================================================================*/
/*  Breadcrumb
/*===================================================================================*/
.cbrc {
    background: #D4D4D4;
    overflow: hidden;
}

    .cbrc li {
        position: relative;
        color: white;
        display: flex;
        align-items: center;
        cursor: default;
        height: 41px;
        padding-left: 35px;
        width:20%;
    }

        .cbrc li:first-child {
            padding-left: 15px;
        }

        .cbrc li a {
            color: white;
            text-decoration: none;
            padding: 10px 0;
            width: 100%;
        }

        .cbrc li:not(:last-child):after {
            content: " ";
            display: block;
            width: 29px;
            height: 29px;
            border-color: #fff;
            border-width: 1px 1px 0 0;
            border-style: solid;
            transform: rotate(45deg);
            position: absolute;
            right: -16px;
            top: 6px;
            z-index: 2;
        }

        .cbrc li.active,
        .cbrc li.active:after {
            background-color: #3498db;
        }

    .cbrc .active a {
        cursor: pointer;
    }

/*===================================================================================*/
/*  Login Overlay
/*===================================================================================*/
.loov {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.7);
    z-index: 9999999;
}

    .loov .lrp {
        background-color: white;
        padding: 50px 30px;
        width: 600px;
    }
        .loov .lrp.black {
            background-color: rgba(0,0,0,0.9);
        }

/*===================================================================================*/
/*  Cookie Box
/*===================================================================================*/
.cookieBox {
    background: #f9f9f9;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    text-align: center;
    font-size: 12px !important;
    font-weight: 600;
    border-top: 1px solid #eaeaea;
}

    .cookieBox .close {
        cursor: pointer;
        font-size: 17px
    }

        .cookieBox .close:hover {
            color: red;
        }


/*===================================================================================*/
/*  Responsive Layout
/*===================================================================================*/
    /* Extra small devices (phones, less than 768px) */
    @media (max-width: 767px) {
        .layout {
            flex-direction: column-reverse;
        }
        .fxmenu {
            position: fixed;
            top: 43px;
            border-width: 0;
            border-style: none;
            border-radius: 0;
            width: 100%;
            max-height: calc(100vh - 30px);
            overflow-y: auto;
            z-index: 3000;
            animation-name: slidenavAnimation;
            animation-duration: 200ms;
            animation-iteration-count: 1;
            animation-timing-function: ease-out;
            animation-fill-mode: forwards;
        }

        .hamburger-icon-exp-cms {
            top: -50px !important;
        }

        .mtb .pbt {
            font-size: 15px;
            padding: 10px;
        }

        .panel-group {
            margin-bottom: 0;
        }

        .pnltitle {
            font-size: 22px;
        }

        #footer .footer-logo-holder {
            width: auto;
        }
        /*Head of index*/

        /*.logo-holder {
            display: inline-block;
            width: 100%;
            height: 150px;
        }*/

            .lh-hide .logo-holder {
                display: block;
            }

        .top-cart-row {
            padding-top:20px;
            display: inline-block !important;
            width: 100%;
        }

            .top-cart-row .basket {
                padding: 0 !important;
            }

        
        /*end Head of index*/
        /*Product options modal*/
        #ProductOptionsModal .modal-dialog {
            width: auto;
        }

        #ProductOptionsModal table {
            text-align: center;
        }

        #ProductOptionsModal .atcmtext,
        #ProductOptionsModal .atcmimage {
            display: block;
            width: 100%;
        }

        #ProductOptionsModal .atcmoptions.row {
            padding: 20px 0 0 0;
        }

        #ProductOptionsModal .modal-footer .le-button.inverse {
            border-radius: 4px 4px 0 0;
            text-align: center;
            width: 100%;
        }

        #ProductOptionsModal .modal-footer .le-button {
            border-radius: 0 0 4px 4px;
            text-align: center;
            width: 100%;
        }

        #ProductOptionsModal .bootstrap-select.btn-group .dropdown-menu {
            width: 100%;
        }

        #ProductOptionsModal .bootstrap-select {
            width: 100% !important;
            margin-bottom: 10px;
        }

        #ProductOptionsModal .le-quantity.pull-right {
            float: none !important;
            display: flex;
            justify-content: center;
        }

        #ProductOptionsModal .pc-banner button {
            position: relative;
            bottom: 0;
            right: 0;
            width: 100%;
            margin-top: 5px;
        }
        /*end Product options modal*/
        /*cart page*/

            #cart-page .cart-summary,
            #cart-page .cart-product-options,
            #cart-page .product-options {
                padding-left: 0px;
            }

        #cart-page .xgg-prod-opt {
            width: 100%;
            margin-bottom: 10px;
        }

        #cart-page #divRecipient {
            padding: 0;
            width: 100%;
        }

            #cart-page #DeliveryButtons button:first-child:not(:last-child) {
                border-radius: 4px 4px 0 0;
            }

        #cart-page #DeliveryButtons button:last-child:not(:first-child) {
            border-radius: 0 0 4px 4px;
        }

        #cart-page .cart-summary {
            width: 100%;
        }
        /*end cart page*/
        /*myorder page*/
        #myorder .cart-item {
            text-align: center;
        }

            #myorder .cart-item .title-wrapper {
                display: block;
                padding-bottom: 30px;
            }

                #myorder .cart-item .title-wrapper .options,
                #myorder .cart-item .title-wrapper .title {
                    padding-left: 0;
                }

            #myorder .cart-item .price {
                display: inline-block;
                padding-left: 10px;
            }

        #myorder .hd-logo {
            width: 100% !important;
            display: block;
            text-align: center;
        }

        #myorder .hd-status {
            display: block;
        }

        #myorder .mord-btns button {
            width: 100%;
            border-radius: 4px 4px 0 0;
        }

        #myorder .mord-btns a {
            width: 100%;
            margin-bottom: 15px;
            border-radius: 0 0 4px 4px;
            text-align: center;
        }
        /*end myorder page*/
        /*list and grid view*/
        .grid-list-products .product-grid-holder {
            max-width: 300px;
            margin: 36px auto 0 auto !important;
        }

        .products-list .product-item .excerpt {
            margin: 10px 0 0 0;
            font-size: 12px;
            padding-bottom: 40px;
            position: relative;
            overflow-wrap: anywhere;
        }

            .products-list .product-item .excerpt a.le-button {
                position: absolute;
                width: 100%;
                bottom: 0;
                margin: 0;
                text-align: center;
            }

        .logo > a {
            display: block;
            margin-bottom: 20px;
        }

            .logo > a > svg {
                display: block;
                margin: 0 auto;
            }        

        .top-bar .contact-row {
            text-align: center;
            /*margin-bottom: 20px;*/
        }

        .product-grid-holder .product-item-holder {
            border-right: 1px solid #ececec;
            margin-bottom: 10px;
        }

        .nav-tabs {
            border-radius: 3px;
            border: 1px solid #e0e0e0;
            margin-bottom: 15px;
        }

            .nav-tabs > li.active,
            .nav-tabs li {
                padding: 0;
                margin: 0;
                display: block;
            }

                .nav-tabs > li.active > a,
                .nav-tabs li > a {
                    width: 100%;
                    font-size: 15px;
                    padding: 18px 39px;
                    margin: 0;
                    border-radius: 0;
                    border-bottom: 1px solid #e0e0e0;
                    line-height: 24px;
                }

                .nav-tabs > li.active:last-child > a,
                .nav-tabs li:last-child > a {
                    border-bottom: none !important;
                }

        .sidebar {
            width: 100% !important;
        }
            .sidebar.narrow {
                padding: 0;
            }

        .grid-list-buttons {
            margin-top:15px;
        }

        .product-item-holder .price-current.pull-right,
        .product-item-holder .price-sale.pull-right {
            float: none !important;
            margin-top: 3px;
        }

            .product-item-holder .price-sale.pull-right .price-prev {
                text-align: left;
            }

       
        /*.products-list .product-item .row .image-holder .image-list {
            height: 226px;
        }*/

        .products-list .product-item .row .body-holder {
            /*width: 100%;*/
            padding: 27px;
        }

        .products-list .product-item .row .price-area {
            width: 100%;
        }

            .products-list .product-item .row .price-area .le-button {
                display: block;
                text-align: center;
            }

        .products-list .product-item .row .image-holder .image-list{
            height:auto;
        }

        .products-list .image-holder {
            width: 100%;
        }

        #top-banner-and-menu {
            display: block;
        }

        .navbar-nav {
            width: 100%;
        }

        /*FOOTER*/
        #footer .widgets-row > div {
            margin-left: 0;
            padding-left: 0;
        }

        #footer .sub-form-row:before {
            content: none;
        }

        #footer .sub-form-row input {
            border-radius: 5px;
            display: block;
            margin: 0 auto;
            width: 100%;
        }

        #footer .sub-form-row button {
            margin: 0 auto;
            width: 100%;
            border-radius: 5px;
            margin-top: 5px;
        }

        #footer .quick-link {
            display: none;
        }

        #footer .fb-script {
            display: none;
        }

        #footer .contact-info {
            padding: 0 5px 15px 5px;
        }

        #footer .link-widget {
            padding: 0 0 30px;
            text-align: center;
        }

            #footer .link-widget li {
                margin: 0 10px;
                display: inline-block;
            }

        #footer .link-list-row .link-widget h3 {
            margin-bottom: 15px;
            padding-bottom: 0;
            margin-top: 30px;
        }

        .copyright-bar .copyright {
            font-size: 11px;
        }

            .copyright-bar .copyright a {
                float: none !important;
            }

        .copyright-bar .container > div {
            text-align: center;
        }
        /*END FOOTER*/
        .top-bar .basket .dropdown-menu {
            left: 0;
            width: 100%;
        }

        .products-list .fd-size{
            display:block;
            border:0 !important;
            padding:0 !important;
            line-height:12px; 
        }
        .products-list .brand{
            margin-top:5px;
            padding-bottom:5px;
        }

        /*DELIVERY AREAS*/
        #DeliveryAreasMap {
            z-index:20000;
        }
        #DeliveryAreasMap .modal-dialog {
            margin: 0;
            width: 100%;
        }

        #DeliveryAreasGoogleMap {            
            display: block;
            width: 100%;
        }

        .da-legend-wrap {
            display: block;
            width: 100%;
        }

        #item-count .bootstrap-select,
        #item-sort .bootstrap-select {
            width:150px !important;
        }


        .cbrc li {
            height: 25px;
            padding-left: 20px;
            width: 32%;
            font-size: 11px;
            line-height:10px;
            text-transform: uppercase;
        }
            .cbrc li:first-child {
                padding-left: 20px;
            }
            .cbrc li:not(:last-child):after {
                width: 19px;
                height: 19px;
                right: -10px;
                top: 3px;
            }


        .dishmenu .container {
            padding:0;
        }
        .cat-menu .cat {
            height: 32px;
        }
        .cat-menu li {
            margin: 3px;
            width: 48%;
        }
        .cat-menu img {
            height: 25px;
            width: 25px;
            margin: 0 5px 0 0;
        }
        .cat-menu h3 {
            font-size: 11px;
            line-height: 11px;
        }

        .grid-list-buttons {
            margin-top: 10px;
            width: 100%;
        }
        .sort {
            width:100%;
            justify-content:center;
            margin-top: 10px;
        }
        .dropdown-menu {
            left: auto;
            right: 0;
        }

        .modal-dialog {
            padding: 5px;
        }
        .modal-body {
            padding: 10px 10px 25px;
        }
        .wheimage,
        .whetext {
            width: 100%;
            text-align: center;
            padding: 0;
        }
        .whetitle {
            margin:10px 0 20px;
        }
    }
    /* Small devices (tablets, 768px and up) */
    @media (min-width: 768px) and (max-width: 991px) {
        .layout {
            flex-direction: column-reverse;
        }
        #LogoAndCart {
            display: flex;
            align-items: center;
            justify-content: space-around;
        }
        /*.logo-holder {
            display: inline-block;
            width: 165px;
            height: 150px;
        }*/

        .top-cart-row {
            display: inline-block !important;
        }

        .grid-list-products .product-grid-holder {
            max-width: 600px;
            margin: 36px auto 0 auto !important;
        }

        /*.top-bar > .container > div {
            margin: 10px 0;
        }*/

            .top-bar > .container > div > ul > li > a {
                font-size: 12px !important;
                padding: 0 9px !important;
            }

        .logo > a {
            display: block;
            margin-bottom: 20px;
        }

            .logo > a > svg {
                display: block;
                margin: 0 auto;
            }

        .top-bar .contact-row {
            text-align: center;
            /*margin-bottom: 20px;*/
        }

        #cart-page .cart-summary {
            margin: 0 0 25px;
            padding: 0;
            width: 100%;
        }

        .sidebar {
            width: 100% !important;
        }
            .sidebar.narrow {
                padding: 0;
            }

        .XGGDefaultImage {
            max-width: 200px !important;
            max-height: 171px !important;
        }

        #hero .caption {
            background-color: rgba(255, 255, 255, 0.5);
        }

        /*Footer*/
        #footer .quick-link {
            display: none;
        }

        #footer .link-widget {
            padding: 0 0 30px;
            text-align: center;
        }

            #footer .link-widget li {
                margin: 0 10px;
                display: inline-block;
            }

        #footer .contact-info {
            padding: 0 5px 15px 5px;
        }

        .copyright-bar .copyright {
            font-size: 11px;
        }
        /*END Footer*/

        .grid-list-buttons {
            margin-top:10px;
            width: 100%;
        }

        .container.kiosk {
            width:100%;
        }
    }
    /* Medium devices (desktops, 992px and up) */
    @media (min-width: 992px) and (max-width: 1199px) {
        .layout {
            flex-direction:column-reverse;
        }

        .sidebar.narrow {
            width: 100%;
            padding: 0;
        }

        .sidebar.wide {
            width: 100%;
        }

        #LogoAndCart {
            display:flex;
            align-items:center;
            justify-content:center;
        }

        /*.logo-holder {
            width: 200px;
            height: 179px;
        }*/

        header .logo svg {
            width: 100% !important;
        }       

        header .top-cart-row {
            width: 33.333%;
        }

        .XGGDefaultImage {
            max-width: 200px !important;
            max-height: 171px !important;
        }

        h1.border {
            line-height: 40px;
        } 

        #hero .caption {
            background-color: rgba(255, 255, 255, 0.5);
        }

        /*Footer*/
        #footer .link-widget {
            padding: 45px 0 30px;
            text-align: center;
        }
        /*End footer*/
        #cart-page .cart-summary {
            width: 253px;
        }
        .grid-list-buttons {
            width:100%;
        }
    }
    /* Large devices (large desktops, 1200px and up) */
    @media (min-width: 1200px) {
        

        #cart-page .cart-summary {
            width: 308px;
        }
        .grid-list-buttons {
            margin-left: 15px;
        }
    }












/*COLORS*/

.c3txt {
    color: #5d5d5d;
}

.c1txt {
    color: #3d3d3d;
}
.c1svg {
    fill: #3d3d3d;
}

.c1bg {
    background-color: #3d3d3d;
    color: white;
}

.c2bg {
    background-color: #3498db;
    color: #FFF;
}

.c2txt {
    color: #3498db;
}
.c2svg {
    fill: #3498db;
}

.c2txthv:hover {
    color: #3498db;
}

.c2bghv:hover {
    background-color: #3498db;
    color: #FFF;
}

.c3bg {
    background-color: #ffd480 !important;
}

.bb1 {
    border-bottom: 1px solid #e0e0e0
}

::-moz-selection,
::selection {
    background-color: #3498db;
}

.le-button,
.fv-filter:before {
    background-color: #3498db;
}

    .le-button:hover,
    .le-button.inverse:hover {
        color: #fff;
        border-color: transparent;
        background-color: #419fdd;
    }

a{
    color: #3498db;
}
    a:hover,
    a:focus,
    a:active {
        color: #5d5d5d;
    }

a.inv {
    color: #5d5d5d;
}
    a.inv:hover,
    a.inv:focus,
    a.inv:active {
        color: #3498db;
    }

.popover.bottom > .arrow {
    border-bottom-color: #3498db;
}

.popover {
    border: 2px solid #3498db;
    background-color: #fff;
}
.popover-title {
    background-color: #fff;
}
.panel {
    background-color: #fff;
}


.le-checkbox:checked + .fake-box {
    background-color: #3498db;
    border-color: #3498db;
}

.dropdown .dropdown-menu {
    border-top-color: #3498db;
}




.page li:hover a,
.page li.current a {
    color: #3498db;
    border-color: #3498db;
}

h2,
.simple-link:hover,
.grid-list-products .grid-list-buttons ul li.active a i,
.grid-list-products .grid-list-buttons ul li a:hover i {
    color: #3498db;
}

/*slider*/
.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .slider.slider-horizontal {
        width: 100% !important;
        height: 20px;
    }

        .slider.slider-horizontal .slider-track {
            height: 6px;
            width: 100%;
            margin-top: -5px;
            top: 50%;
            left: 0;
        }

        .slider.slider-horizontal .slider-selection {
            height: 100%;
            top: 0;
            bottom: 0;
        }

        .slider.slider-horizontal .slider-handle {
            margin-top: -5px;
        }

    .slider input {
        display: none;
    }

    .slider .tooltip-inner {
        white-space: nowrap;
    }

.slider-track {
    position: absolute;
    cursor: pointer;
    background-color: #939393;
    width: 94% !important;
    margin: 0 auto;
    background-repeat: repeat-x;
}

.slider-selection {
    position: absolute;
    background-repeat: repeat-x;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #3498db;
}

.slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 400px;
    background-color: #fff;
    top: -3px;
    background-repeat: repeat-x;
    margin-left: -3px !important;
    opacity: 1;
    border-width: 5px;
    border-style: solid;
    border-color: #3498db;
}

/*cart panel*/
.basket-item-count .count {
    position: absolute;
    background-color: #3498db;
    color: #fff;
    top: 5px;
    right: 12px;
    border-radius: 100px;
    width: 21px;
    height: 21px;
    line-height: 21px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.count:hover,
.slider:hover .slider-handle,
.slider:hover .slider-selection {
    background-color: #419fdd;
}

/*topbar*/
.count {
    border-radius: 20px;
    background-color: #3498db;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 0 6px;
    text-align: center;
}
    .count.inv {
        background-color: #fff;
        color: #3498db;
    }
    .count.inv:hover {
        background-color: #3498db;
        color: #fff;
    }
.smcart img{
    width:20px;
    height:20px;
}

/*Category image*/
.catimg-title {
    background-color: #fafafa;
    color: #5d5d5d;
    min-height: 75px;
    width: 100%;
    margin-bottom: 2px;
    display:flex;
    align-items:center;
}

.fv-catimg .catimg-title {
    margin-bottom: 0px;
}

.catimg {
    text-align: center;
    box-shadow: 3px 3px 5px 1px rgba(200,200,200,1);
}

    .catimg .catimg-title {
        margin-bottom: 0;
        text-align: left;
    }

.catimg-text {
    display: inline-block;
    padding: 5px 25px;
    width: calc(100% - 75px);
}

    .catimg-text h2 {
        color: #3498db;
        letter-spacing: normal;
        line-height: normal;
        font-weight: bold !important;
    }

    .catimg-text h3 {
        font-size: 12px;
        line-height: normal;
    }

.catimg-small-img {
    width: 75px;
    height: auto;
    max-height: 75px;
    vertical-align: top;
    float: right;
}

.fv-space {
    height: 50px;
    border-top: 1px solid #e0e0e0;
}

.fv-catimg {
    /*border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #e0e0e0;*/
    margin-bottom:15px;
    box-shadow: 3px 3px 5px 1px rgba(200,200,200,1);
}
/*END Category image*/

/*
    NEW ADDED TO CART POPUP
*/
.pbt {
    background-color: transparent;
    padding: 5px 10px;
    font-size: 13px;
    border: 0;
    font-weight: lighter;
    text-align:center;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

    .pbt.active,
    a.pbt:active,
    a.pbt:focus {
        background-color: #3498db;
        color: #fff;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    .pbt:hover {
        background-color: #419fdd;
        color: #fff;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    .pbt[disabled] {
        background-color: transparent;
        color:inherit;
        opacity:0.5;
    }
/*.pbt.active:disabled{
                background-color:#aaa;
                color:white;
                border:0;
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
            }*/
.pbg .pbt {
    border-color: transparent;
    border-width: 0 1px 0 0;
    border-style: solid;
}

    .pbg .pbt:last-child {
        border: 0;
    }

.gsitem {
    margin-right: 10px;
    background-color: white;
}

    .gsitem:last-child {
        margin-right: 0;
    }

[data-gslide=container] {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;
    -ms-scroll-chaining: none;
    -ms-scroll-snap-type: mandatory;
    -ms-scroll-snap-points-x: snapInterval(0%, 100%);
}

.dbl {
    display:block
}

.dflex {
    display: flex;
}

.fcenter {
    align-items: center;
    justify-content: center;
}

.fright {
    align-items: center;
    justify-content: flex-end;
}

.fleft {
    align-items: center;
    justify-content: flex-start;
}

.fjust {
    justify-content:space-between;
}

.fvt {
    align-items: baseline;
}
.fvb {
    align-items: flex-end;
}
.fvc {
    align-items: center;
}

.fcol {
    flex-direction: column;
}
    .fcol.fleft {
        align-content: flex-start;
        align-items: baseline;
    }

.fwrap {
    flex-wrap: wrap;
}

.pre{
    position:relative;
}
.pab{
    position:absolute;
    top:0;
    left:0;
}

.cp {
    cursor: pointer;
}
.cd {
    cursor: default;
}

.crt{
    width:100%;
    height:100%;    
    position:absolute;
    top:0;
    left:0;
    display:none;
}
.crthv:hover .crt {
    display: flex;
}

.ovhid {
    overflow:hidden;
}

.mg0{
    margin:0;
}

.mgra {
    margin-right: auto;
}
.mgla {
    margin-left: auto;
}

.mgta {
    margin-top: auto;
}

.wd100p {
    width: 100%;
}

.wd70p {
    width: 70%;
}

.wd50p {
    width: 50%;
}

.wd325p {
    width: 32.5%;
}

.wd25 {
    width: 25px;
}
.wd50 {
    width: 50px;
}
.wd70 {
    width: 70px;
}
.wd80 {
    width: 80px;
}
.wd100 {
    width: 100px;
}
.wd120 {
    width: 120px;
}
.wd150 {
    width: 150px;
}
.wd200 {
    width: 200px;
}

.wd300 {
    width: 300px;
}
.wd400 {
    width: 400px;
}

.h30 {
    height: 30px;
}
.h100{
    height:100px;
}
.h150 {
    height: 150px;
}
.h220 {
    height: 220px;
}
.h260 {
    height: 260px;
}
.mh50 {
    max-height: 50px;
}
.mh100{
    max-height:100px;
}
.mh150 {
    max-height: 150px;
}

.ico{
    width:20px;
    height:20px;
}
.ico-mtb{    
    height:13px;
}

.txt13 {
    font-size: 13px;
}
.txt13b {
    font-size: 13px;
    font-weight: bold;
}
.txt13u {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}
.txt15b {
    font-size: 15px;
    font-weight: bold;
}
.txt18 {
    font-size: 18px;
}
.txt18b {
    font-size: 18px;
    font-weight: bold;
}
.txt18b svg {
    height: 18px;
}

.txt25b{
    font-size:25px;
    font-weight:bold;
}

i.txt20 {
    font-size: 20px !important;
}
i.txt22 {
    font-size: 22px !important;
}
i.txt35 {
    font-size: 35px !important;
}
i.txt75 {
    font-size: 75px !important;
}

.txt11 {
    font-size: 11px;
}
.txt11u {
    font-size: 11px;
    text-transform: uppercase;
}

.txt11l {
    font-size: 11px;
    font-weight: lighter;
}

.upl {
    text-transform: uppercase;
    font-weight: lighter;
}
.upb {
    text-transform: uppercase;
    font-weight: bold;
}

.aright {
    text-align: right;
}

.lihe30 {
    line-height:30px;
}

.pad5 {
    padding: 5px;
}
.pad10 {
    padding: 10px;
}

.pad0-10 {
    padding: 0 10px;
}

.pad5-10 {
    padding: 5px 10px;
}

.pad0-15 {
    padding: 0 15px;
}

.pad10-15 {
    padding: 10px 15px;
}

.pad0-25 {
    padding: 0 25px;
}

.pad10-25 {
    padding: 10px 25px;
}

.mgt5 {
    margin-top: 5px;
}
.mgt7 {
    margin-top: 7px;
}
.mgt10 {
    margin-top: 10px;
}
.mgt20 {
    margin-top: 20px;
}
.mgt30 {
    margin-top: 30px;
}
.mgt50 {
    margin-top: 50px;
}

.mgbtm50 {
    margin-bottom: 50px;
}

.mgb25 {
    margin-bottom: 25px;
}

.mgbtm10 {
    margin-bottom: 10px;
}
.mgb5 {
    margin-bottom: 5px;
}

.mgr5 {
    margin-right: 5px;
}
.mgr10 {
    margin-right: 10px;
}
.mgr15 {
    margin-right: 15px;
}
.mgr25 {
    margin-right: 25px;
}
.mgl5 {
    margin-left: 5px;
}
.mgl10 {
    margin-left: 10px;
}
.mgl15 {
    margin-left: 15px;
}

.bdb {
   border-bottom: 1px solid #e0e0e0;
}

.opc3 {
    opacity:0.3;
    opacity:0.3;
}

#AddedToCartModal .pop-body {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}
#DishCreator .pop-body {
    max-height: calc(100vh - 300px);
    overflow-y: auto;
}

.imgwr {
    height: 100%;
    position: relative;
}

    .imgwr img {
        max-height: 138px;
    }

    .imgwr .desc {
        font-size: 11px;
        font-weight: lighter;
        background-color: rgba(255,255,255,0.9);
        height: 100%;
        position: absolute;
        display: none;
    }

    .imgwr:hover .desc {
        display: flex;
        align-items: center;
    }

.c0bg {
    background-color: white;
}
.cbbg {
    background-color: #333;
}

.c0txt {
    color: white;
}
.c0svg {
    fill: white;
}
/*
    END ADDED TO CART POPUP
*/

/*Dish creator*/
.prel{
    position:relative;
}
.dpt {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: transparent;
    padding: 0 5px;
    display: flex;
    align-items: center;
    height: 35px;
    line-height: 14px;
}
    .dpt.smh {
        height:100%;
    }
.dpp {
    background-color: #419fdd; /*rgba(96, 192, 17, 0.7);*/
    color: white;
    position: absolute;
    bottom: 5px;
    right: 0;
    padding: 0px 5px;
}
    .dpp.nab {
        position:unset;
    }
.dsp {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: transparent;
    line-height: 20px;
    padding-right: 10px;
}
.dsp .pbt{
    padding:0 5px;
}
.dsb .le-quantity input {    
    width: 140px;
}
.dpb {
    cursor: pointer;
}
.dpb img,
.dccat img {
    transition: all .3s ease;
}
    .dpb:hover img,
    .dccat:hover img {
        transform: scale(1.1);
        transition: all .3s ease;
    }

    .dpb:hover:after,
    .dpb.active:after {
        font-family: 'FontAwesome';
        content: '\f055';
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align:center;
        background-color: rgba(0,0,0,0.3);
        transition: all .3s ease;
        font-size: 50px;
        line-height:40px;
    }
    .dpb.active:after {
        background-color: rgba(24, 128, 55, 0.5);
        content: '\f058';
    }
    #AddedToCartModal .dpb.active:after,
    #RecommendedProductPopup .dpb.active:after {
        background-color: rgba(24, 128, 55, 0.5);
        content: '\f00c';
        opacity: 0.8;
    }
    .dpb.active.x0h:hover:after {
        background-color: rgba(0,0,0,0.5);
        content: 'x1';
    }
    .dpb.active.x1:after {
        font-family: 'Open Sans', sans-serif;
        background-color: rgba(24, 128, 55, 0.5);
        content: 'x1';
    }
    .dpb.active.x1h:hover:after {
        background-color: rgba(0,0,0,0.5);
        content: 'x2';
    }

    .dpb.active.x2:after {
        font-family: 'Open Sans', sans-serif;
        background-color: rgba(24, 128, 55, 0.5);
        content: 'x2';
    }
    .dpb.active.x2h:hover:after {
        background-color: rgba(0,0,0,0.5);
        content: 'x3';
    }

    .dpb.active.x3:after {
        font-family: 'Open Sans', sans-serif;
        background-color: rgba(24, 128, 55, 0.5);
        content: 'x3';
    }
    .dpb.active.x3h:hover:after {
        background-color: rgba(0,0,0,0.5);
        content: 'x4';
    }

    .dpb.active.x4:after {
        font-family: 'Open Sans', sans-serif;
        background-color: rgba(24, 128, 55, 0.5);
        content: 'x4';
    }
    .dpb.active.x4h:hover:after {
        background-color: rgba(0,0,0,0.5);
        content: 'x5';
    }

    .dpb.active.x5:after {
        font-family: 'Open Sans', sans-serif;
        background-color: rgba(24, 128, 55, 0.5);
        content: 'x5';
    }
    .dpb.active.x5h:hover:after {
        background-color: rgba(0,0,0,0.5);
        content: 'x6';
    }

    .dpb.active.x6:after {
        font-family: 'Open Sans', sans-serif;
        background-color: rgba(24, 128, 55, 0.5);
        content: 'x6';
    }
    .dpb.active.x6h:hover:after {
        background-color: rgba(0,0,0,0.5);
        content: 'x7';
    }

    .dpb.active.x7:after {
        font-family: 'Open Sans', sans-serif;
        background-color: rgba(24, 128, 55, 0.5);
        content: 'x7';
    }
    .dpb.active.x7h:hover:after {
        background-color: rgba(0,0,0,0.5);
        content: 'x8';
    }

    .dpb.active.x8:after {
        font-family: 'Open Sans', sans-serif;
        background-color: rgba(24, 128, 55, 0.5);
        content: 'x8';
    }
    .dpb.active.x8h:hover:after {
        background-color: rgba(0,0,0,0.5);
        content: 'x9';
    }

    .dpb.active.x9:after {
        font-family: 'Open Sans', sans-serif;
        background-color: rgba(24, 128, 55, 0.5);
        content: 'x9';
    }
    .dpb.active.x9h:hover:after {
        background-color: rgba(0,0,0,0.5);
        content: 'x10';
    }

    .dpb.active.x10:after {
        font-family: 'Open Sans', sans-serif;
        background-color: rgba(24, 128, 55, 0.5);
        content: 'x10';
    }

    .dpb.active.remi:hover:after {
        font-family: 'FontAwesome';
        background-color: rgba(170, 22, 22, 0.50);
        content: '\f057';
    }
    .dpb.nata:hover img {
        transform: none;
    }
    .dpb.nata:after {
        content: '';
        background-color:transparent;
    }
[data-dish=summary] {
    overflow-x: auto;
}
/*End dish creator*/

.popover{
    z-index:3000;
}
.popover-content {
    font-size: 12px;
}

/*move up floating button*/
.mufb {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1999; /*show it below modals*/
}

.stamp-ico {
    height: 16px;
    margin: 2px 0 2px 5px;
}

@media(max-width:767px) {
    .xsh {
        display: none !important;
    }

    .xsf {
        display: flex;
    }
    .xsb {
        display: block;
    }
    .xsdf {
        display: flex;
    }
    .wd100x {
        width: 100px;
    }

    .xsh70 {
        height: 70px;
    }
    .fwrxs{
        flex-wrap:wrap;
    }
    .fnwrxs{
        flex-wrap:nowrap;
    }
    .fcx{
        justify-content:center;
    }
    .pd0x{
        padding:0;
    }
    .pd5x{
        padding:5px;
    }
    .pd10x{
        padding:10px;
    }
    .pd5-10x {
        padding:5px 10px;
    }
    .mg0x {
        margin: 0;
    }
    .mgb10x {
        margin-bottom: 10px;
    }
    .mgt10x {
        margin-top: 10px;
    }
    .mgr15x {
        margin-right: 15px;
    }
    .mgr10x {
        margin-right: 10px;
    }
    .mgr0x {
        margin-right: 0 !important;
    }    
    .tacx {
        text-align:center;
    }
    .talx {
        text-align: left;
    }
    .hax{
        height:auto;
    }
    .mhx {
        max-height: none;
    }
    .wx100p {
        width: 100%;
    }
    .wx50p {
        width: 50%;
    }
    [data-atcm=okbtn]{
        margin-top:10px;
    }
    #DishCreator .pop-body {
        max-height: none;
    }
    #DishCreator .dsb {
       margin-top:20px;
       margin-bottom:50px;
    }
    [data-dish=sumbubble].wd300 {
        width: 100%;
        border: 0;
        padding: 0;
        margin: 0;
    }
    #AddedToCartModal .pop-body {
        max-height: calc(100vh - 150px);
    }

    #cart-page {
        padding:0 5px 50px 5px;
    }
}

.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #419fdd !important;
    border-color: #3498db !important;
}
/*END COLORS*/



/*Warning overlay (used mainly for over 18 notification)*/

.warningOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none; /* na start ukryte */
    justify-content: center;
    align-items: center;
    z-index: 999999;
    color: black !important;
}

.warningOverlayPopup {
    background: #fff;
    padding: 20px 30px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
    text-align: center;
    max-width: 700px;
}

.warningOverlayPopup button {
    margin-top: 15px;
    padding: 8px 16px;
    border: none;
    background: #007BFF;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
}

.warningOverlayPopup button:hover {
    background: #0056b3;
}

.warningOverlayPopup .no-btn {
    background: #dc3545;
}

.warningOverlayPopup .no-btn:hover {
    background: #a71d2a;
}
.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut 1s both ease;-moz-animation:fadeOut 1s both ease;animation:fadeOut 1s both ease}.owl-fade-in{-webkit-animation:fadeIn 1s both ease;-moz-animation:fadeIn 1s both ease;animation:fadeIn 1s both ease}.owl-fadeInAfterOut-out{z-index:10;-webkit-animation:fadeOut .35s both ease;-moz-animation:fadeOut .35s both ease;animation:fadeOut .35s both ease}.owl-fadeInAfterOut-in{-webkit-animation:fadeIn .35s .35s both ease;-moz-animation:fadeIn .35s .35s both ease;animation:fadeIn .35s .35s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom 1s ease both;-moz-animation:scaleUpFrom 1s ease both;animation:scaleUpFrom 1s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo 1s ease both;-moz-animation:scaleUpTo 1s ease both;animation:scaleUpTo 1s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}}
@charset "UTF-8";/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before,
  .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

/*!
 * Bootstrap-select v1.12.1 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2016 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\9}.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px;z-index:1}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{border-radius:0}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group.bs-container{position:absolute;height:0!important;padding:0!important}.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}
.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;
}

.radio {
  padding-left: 20px;
}
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff;
}

.curtain{
                position:fixed;
                top:0;
                left:0;
                width:100%;
                height:100vh;
                background-color:rgba(50,50,50,0.7);
                display:flex;
                align-items:center;
                justify-content:center;
                z-index:2000;
            }
            .pop {
                background-color: white;
                width: 700px;
                max-height:100vh;
                overflow-y:auto;
                background-color:#eaeaea;
                -webkit-box-shadow: 7px 7px 3px 0px rgba(100,100,100,1);
                -moz-box-shadow: 7px 7px 3px 0px rgba(100,100,100,1);
                box-shadow: 7px 7px 3px 0px rgba(100,100,100,1);
            }
            .pop.xs{
                width:100%;
            }
            .pop.xsf {
                width:500px;
            }
            .pop.sm{
                width:700px;
            }
            .pop.me{
                width:992px;
            }
            .pop.la{
                width:1200px;
            }
            .pop.fs{
                width:100%;
                height:100vh;
            }
:root {
    --xgg-primary: #16bdd6;
    --xgg-primary-soft: rgba(22, 189, 214, 0.13);
}

.xgg-promo-section {
    width: 100%;
    margin: 10px 0 26px 0;
}

.xgg-tile-restyle #category-grid > .container > .xgg-promo-section:first-child {
    margin-top: 28px !important;
}

.xgg-promo-head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 14px;
}

.xgg-promo-head-left {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1 1 auto;
    min-width: 0;
}

.xgg-promo-badge {
    display: none;
}

.xgg-promo-badge i {
    font-size: 13px;
}

.xgg-promo-head-desc {
    font-size: 14px;
    font-weight: 500;
    opacity: 0.75;
}

.xgg-promo-showall {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 15px;
    border: 1px solid var(--xgg-primary);
    border-radius: 9px;
    background-color: var(--xgg-primary);
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
    transition: filter 0.15s ease;
}

.xgg-promo-showall:hover {
    filter: brightness(0.92);
    color: #fff;
    text-decoration: none;
}

.xgg-promo-carousel {
    position: relative;
    width: 100%;
    height: 250px;
    border-radius: 14px;
    overflow: hidden;
}

.xgg-promo-bordered {
    border: 1px solid var(--xgg-primary);
}

.xgg-promo-track {
    display: flex;
    height: 100%;
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.xgg-promo-slide {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.xgg-promo-slide-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #232a31;
    background-size: cover;
    background-position: center;
}

.xgg-promo-slide-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.xgg-theme-dark .xgg-promo-slide-overlay {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.6) 42%, rgba(0, 0, 0, 0.05) 80%, rgba(0, 0, 0, 0) 100%);
}

.xgg-theme-light .xgg-promo-slide-overlay {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.7) 42%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
}

.xgg-promo-slide-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 62%;
    padding: 26px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
}

.xgg-promo-title {
    margin: 0 0 12px 0;
    font-size: 30px;
    line-height: 1.18;
    font-weight: 800;
}

.xgg-theme-dark .xgg-promo-title {
    color: #fff;
}

.xgg-theme-light .xgg-promo-title {
    color: #1b1f24;
}

#xggPromoBannerSection .xgg-promo-title .xgg-promo-accent {
    color: var(--xgg-primary);
}

.xgg-promo-desc {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    max-width: 90%;
}

.xgg-theme-dark .xgg-promo-desc {
    color: rgba(255, 255, 255, 0.82);
}

.xgg-theme-light .xgg-promo-desc {
    color: #4a5258;
}

.xgg-promo-btn {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-top: 18px;
    padding: 11px 22px;
    border-radius: 12px;
    background: var(--xgg-primary);
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: filter 0.15s ease;
}

.xgg-promo-btn:hover {
    filter: brightness(0.92);
    color: #fff;
    text-decoration: none;
}

.xgg-promo-btn::after {
    content: "\f061";
    font-family: "FontAwesome";
    margin-left: 9px;
    font-size: 12px;
}

.xgg-promo-circle {
    position: absolute;
    top: 60%;
    right: 50px;
    transform: translateY(-50%);
    z-index: 3;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    background-color: var(--xgg-primary);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28);
}

.xgg-promo-circle-pct {
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
}

.xgg-promo-circle-sub {
    margin-top: 3px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    opacity: 0.92;
}

.xgg-promo-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.35);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    transition: background 0.15s ease;
}

.xgg-promo-arrow:hover {
    background: rgba(0, 0, 0, 0.6);
}

.xgg-theme-light .xgg-promo-arrow {
    background: rgba(255, 255, 255, 0.7);
    color: #1b1f24;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.xgg-theme-light .xgg-promo-arrow:hover {
    background: #fff;
}

.xgg-promo-prev {
    left: 12px;
}

.xgg-promo-next {
    right: 12px;
}

.xgg-promo-dots {
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    z-index: 4;
    display: flex;
    justify-content: center;
    gap: 7px;
}

.xgg-promo-dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: none;
    padding: 0;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.5);
    transition: width 0.2s ease, background 0.2s ease;
}

.xgg-theme-light .xgg-promo-dot {
    background: rgba(0, 0, 0, 0.22);
}

.xgg-promo-dot.is-active {
    width: 28px;
    border-radius: 6px;
    background: var(--xgg-primary);
}

.xgg-promo-carousel.is-single .xgg-promo-arrow,
.xgg-promo-carousel.is-single .xgg-promo-dots {
    display: none;
}

.xgg-promo-popup-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11000;
    background: rgba(13, 16, 20, 0.58);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.xgg-promo-popup-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

.xgg-promo-popup {
    position: relative;
    width: 100%;
    max-width: 524px;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    border-radius: 16px;
    padding: 30px 30px 24px 30px;
    transform: translateY(12px) scale(0.98);
    transition: transform 0.22s ease;
}

.xgg-promo-popup-overlay.is-open .xgg-promo-popup {
    transform: translateY(0) scale(1);
}

.xgg-theme-dark .xgg-promo-popup {
    background: #171a1f;
    color: #fff;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}

.xgg-theme-light .xgg-promo-popup {
    background: #fff;
    color: #1b1f24;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}

.xgg-promo-popup-accent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    border-radius: 16px 16px 0 0;
    background: var(--xgg-primary);
}

.xgg-promo-popup-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.xgg-theme-dark .xgg-promo-popup-close {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.xgg-theme-light .xgg-promo-popup-close {
    background: #eef1f4;
    color: #555;
}

.xgg-promo-popup-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.xgg-promo-popup-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: var(--xgg-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex: 0 0 auto;
}

.xgg-promo-popup-count {
    display: inline-flex;
    align-items: center;
    padding: 6px 13px;
    border-radius: 8px;
    border: 1px solid var(--xgg-primary);
    color: var(--xgg-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.xgg-promo-popup-title {
    margin: 0 0 8px 0;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 800;
}

.xgg-promo-popup-sub {
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 1.5;
}

.xgg-theme-dark .xgg-promo-popup-sub {
    color: rgba(255, 255, 255, 0.6);
}

.xgg-theme-light .xgg-promo-popup-sub {
    color: #6b7379;
}

.xgg-theme-dark .xgg-promo-popup-hide {
    color: #e6e6e6;
}

.xgg-theme-light .xgg-promo-popup-hide {
    color: #333333;
}

.xgg-promo-popup-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 22px;
}

.xgg-promo-popup-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 15px;
    border-radius: 12px;
    cursor: default;
    transition: transform 0.12s ease;
}

.xgg-promo-popup-row:hover {
    transform: translateX(2px);
}

.xgg-theme-dark .xgg-promo-popup-row {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.xgg-theme-light .xgg-promo-popup-row {
    background: #f4f7f9;
    border: 1px solid #e7eef2;
}

.xgg-promo-popup-row-circle {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--xgg-primary-soft);
    color: var(--xgg-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 800;
}

.xgg-promo-popup-row-text {
    flex: 1 1 auto;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.xgg-promo-popup-ok {
    width: 100%;
    text-align: center;
}

@media (max-width: 767px) {
    .xgg-promo-carousel {
        height: 200px;
    }

    .xgg-promo-slide-content {
        width: 75%;
        padding: 18px 20px;
    }

    .xgg-promo-title {
        font-size: 21px;
    }

    .xgg-promo-desc {
        font-size: 12px;
    }

    .xgg-promo-circle {
        width: 78px;
        height: 78px;
        right: 16px;
    }

    .xgg-promo-circle-pct {
        font-size: 19px;
    }

    .xgg-promo-circle-sub {
        font-size: 8px;
    }

    .xgg-promo-popup {
        padding: 26px 20px 20px 20px;
    }

    .xgg-promo-popup-title {
        font-size: 22px;
    }
}

.xgg-tile-restyle .ribbon {
    border-radius: 0 6px 6px 0 !important;
    padding: 4px 12px !important;
    line-height: 16px !important;
    display: inline-block !important;
    min-width: 0 !important;
}

.xgg-tile-restyle .ribbon:after {
    display: none !important;
}

.xgg-tile-restyle .ribbon span {
    color: #fff !important;
    margin-right: 0 !important;
}

.xgg-tile-restyle .red.ribbon {
    background-color: #F8484A !important;
}

.xgg-tile-restyle .blue.ribbon {
    background-color: #407AC5 !important;
}

.xgg-tile-restyle .green.ribbon {
    background-color: #59B210 !important;
}

.xgg-tile-restyle .orange.ribbon {
    background-color: #FF6600 !important;
}

.xgg-tile-restyle .clc.ribbon {
    background-color: #e6b800 !important;
}

.xgg-tile-restyle .le-button[aid^="AddFoodItemToCart"] {
    background: transparent !important;
    color: var(--xgg-primary) !important;
    border: 1px solid var(--xgg-primary) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

.xgg-tile-restyle .le-button[aid^="AddFoodItemToCart"]:before {
    font-family: "FontAwesome" !important;
    content: "\f07a" !important;
    margin-right: 8px !important;
}

.xgg-tile-restyle .le-button[aid^="AddFoodItemToCart"].disabled {
    opacity: 0.5 !important;
}

.xgg-tile-restyle a.txt11u,
.xgg-tile-restyle .zoom-info a:has(> .fa-heart) {
    display: inline-flex !important;
    align-items: center !important;
    background: var(--xgg-fav-bg) !important;
    border: 1px solid var(--xgg-fav-border) !important;
    color: var(--xgg-fav-fg) !important;
    border-radius: 24px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.xgg-tile-restyle a.txt11u {
    padding: 8px 18px !important;
}

.xgg-tile-restyle .zoom-info a:has(> .fa-heart) {
    padding: 6px 14px !important;
}

.xgg-tile-restyle a.txt11u .fa-heart,
.xgg-tile-restyle .zoom-info a:has(> .fa-heart) .fa-heart {
    color: var(--xgg-fav-fg) !important;
    margin-right: 8px !important;
}

.xgg-tile-restyle .fa-heart.favorite:before {
    content: "\f08a" !important;
}

.xgg-tile-restyle .fa-heart.favorite-added:before {
    content: "\f004" !important;
}

.xgg-tile-restyle .zoom-info a:has(> .fa-heart):after {
    content: attr(title);
}

.xgg-tile-restyle .products-list .btpn {
    margin-bottom: 18px !important;
}

.xgg-tile-restyle.xgg-theme-dark {
    --xgg-surface: rgba(255, 255, 255, 0.04);
    --xgg-surface-border: rgba(255, 255, 255, 0.12);
    --xgg-surface-text: #e6e6e6;
    --xgg-inset: rgba(0, 0, 0, 0.28);
    --xgg-fav-bg: #3a3a3a;
    --xgg-fav-fg: #cfcfcf;
    --xgg-fav-border: #cfcfcf;
    --xgg-bar-tint: rgba(255, 255, 255, 0.04);
    --xgg-bar-panel: rgba(0, 0, 0, 0.84);
}

.xgg-tile-restyle.xgg-theme-light {
    --xgg-surface: rgba(0, 0, 0, 0.03);
    --xgg-surface-border: rgba(0, 0, 0, 0.12);
    --xgg-surface-text: #333333;
    --xgg-inset: rgba(0, 0, 0, 0.06);
    --xgg-fav-bg: #ececec;
    --xgg-fav-fg: #6b6b6b;
    --xgg-fav-border: #cdcdcd;
    --xgg-bar-tint: rgba(0, 0, 0, 0.04);
    --xgg-bar-panel: rgba(255, 255, 255, 0.88);
}

.xgg-tile-restyle .dishmenu .container {
    background-color: transparent !important;
    padding: 0 !important;
}

.xgg-tile-restyle .cat-menu li {
    box-shadow: none !important;
    border-radius: 14px !important;
    margin: 6px !important;
    max-width: 222px !important;
    background: transparent !important;
}

.xgg-tile-restyle #fullmenu .cat-menu {
    justify-content: center !important;
}

.xgg-tile-restyle .cat-menu .cat {
    height: auto !important;
    min-height: 48px !important;
    padding: 0px 16px !important;
    border-radius: 14px !important;
    border: 1px solid var(--xgg-surface-border) !important;
    background: var(--xgg-surface) !important;
    color: var(--xgg-surface-text) !important;
}

.xgg-tile-restyle .cat-menu .cat h3 {
    color: inherit !important;
}

.xgg-tile-restyle .cat-menu img {
    border-radius: 6px !important;
}

.xgg-tile-restyle .cat-menu .cat.open {
    border-color: var(--xgg-primary) !important;
    background: var(--xgg-primary-soft) !important;
    box-shadow: 0 6px 16px -3px color-mix(in srgb, var(--xgg-primary) 55%, transparent) !important;
}

.xgg-tile-restyle .cat-menu .cat.open,
.xgg-tile-restyle .cat-menu .cat.open h3,
.xgg-tile-restyle .cat-menu .cat.open.openable:after {
    color: var(--xgg-primary) !important;
}

.xgg-tile-restyle.xgg-cat-static-filled .cat-menu .cat.open {
    background: var(--xgg-primary) !important;
}

.xgg-tile-restyle.xgg-cat-static-filled .cat-menu .cat.open,
.xgg-tile-restyle.xgg-cat-static-filled .cat-menu .cat.open h3,
.xgg-tile-restyle.xgg-cat-static-filled .cat-menu .cat.open.openable:after {
    color: #fff !important;
}

.xgg-subcat-head {
    display: none;
}

.xgg-tile-restyle .subcat {
    background: var(--xgg-bar-panel) !important;
    border-radius: 14px !important;
    padding: 14px !important;
}

.xgg-tile-restyle #fullmenu .subcat {
    border: 1px solid var(--xgg-primary) !important;
}

.xgg-tile-restyle .xgg-subcat-head {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.xgg-tile-restyle .xgg-subcat-head-img {
    width: 26px !important;
    height: 26px !important;
    border-radius: 6px !important;
    margin: 0 !important;
}

.xgg-tile-restyle .xgg-subcat-head-label {
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    color: var(--xgg-surface-text) !important;
    opacity: 0.65 !important;
}

.xgg-tile-restyle .xgg-subcat-head-cat {
    font-weight: 700 !important;
    color: var(--xgg-surface-text) !important;
}

.xgg-tile-restyle .xgg-subcat-head-count {
    margin-left: auto !important;
    font-size: 12px !important;
    color: var(--xgg-surface-text) !important;
    background: var(--xgg-inset) !important;
    border: 1px solid var(--xgg-surface-border) !important;
    border-radius: 12px !important;
    padding: 3px 10px !important;
}

.xgg-tile-restyle .subcat a {
    display: inline-flex !important;
    align-items: center !important;
    margin: 4px !important;
    padding: 7px 16px !important;
    border-radius: 20px !important;
    border: 1px solid var(--xgg-surface-border) !important;
    background: var(--xgg-surface) !important;
}

.xgg-tile-restyle .subcat a h3 {
    color: var(--xgg-surface-text) !important;
}

.xgg-tile-restyle .subcat a h3::before {
    display: none !important;
}

.xgg-tile-restyle .subcat a.selected {
    background: var(--xgg-primary) !important;
    border-color: var(--xgg-primary) !important;
}

.xgg-tile-restyle .subcat a.selected h3 {
    color: #fff !important;
}

.xgg-tile-restyle #floatingdishmenu {
    background: transparent !important;
    position: relative !important;
    z-index: 1001 !important;
}

.xgg-tile-restyle #floatingdishmenu .container {
    background: var(--xgg-bar-panel) !important;
    border: 1px solid var(--xgg-surface-border) !important;
    border-top: none !important;
    border-radius: 0 0 16px 16px !important;
    overflow: hidden !important;
    padding: 8px 12px !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
}

.xgg-tile-restyle #floatingdishmenu [data-gslide="left"],
.xgg-tile-restyle #floatingdishmenu [data-gslide="right"] {
    width: 42px !important;
    min-width: 42px !important;
    color: var(--xgg-primary) !important;
    font-size: 26px !important;
    cursor: pointer !important;
}

.xgg-tile-restyle #floatingdishmenu [data-gslide="container"] {
    overflow-x: auto !important;
    scrollbar-width: none !important;
}

.xgg-tile-restyle #floatingdishmenu [data-gslide="container"]::-webkit-scrollbar {
    display: none !important;
}

.xgg-tile-restyle #floatingdishmenu #dishmenuitems {
    transform: none !important;
    width: auto !important;
}

.xgg-tile-restyle #floatingdishmenu .xgg-cat-scrollbar {
    height: 6px !important;
    margin: 8px 4px 2px !important;
    border-radius: 3px !important;
    background: var(--xgg-surface) !important;
    position: relative !important;
    overflow: hidden !important;
}

.xgg-tile-restyle #floatingdishmenu .xgg-cat-scrollbar-thumb {
    height: 100% !important;
    border-radius: 3px !important;
    background: var(--xgg-primary) !important;
}

.xgg-tile-restyle #floatingdishmenu .cat-menu li {
    width: auto !important;
    max-width: none !important;
    margin: 6px !important;
    background: transparent !important;
}

.xgg-tile-restyle #floatingdishmenu .cat {
    min-height: 38px !important;
    padding: 7px 20px !important;
    border-radius: 22px !important;
    overflow: visible !important;
    white-space: nowrap !important;
    background: transparent !important;
    border: 1px solid var(--xgg-surface-border) !important;
    box-shadow: none !important;
}

.xgg-tile-restyle #floatingdishmenu .cat.openable {
    margin-right: 16px !important;
}

.xgg-tile-restyle #floatingdishmenu .cat.openable:after {
    margin-left: 8px !important;
    color: inherit !important;
}

.xgg-tile-restyle #floatingdishmenu .cat.open {
    background: var(--xgg-primary) !important;
    border-color: var(--xgg-primary) !important;
}

.xgg-tile-restyle #floatingdishmenu .cat.open,
.xgg-tile-restyle #floatingdishmenu .cat.open h3,
.xgg-tile-restyle #floatingdishmenu .cat.open.openable:after {
    color: #fff !important;
}

.xgg-tile-restyle #floatingdishmenu .cat-menu h3 {
    font-size: 13px !important;
    white-space: nowrap !important;
}

.xgg-tile-restyle #floatingdishmenu .cat-menu img {
    width: 22px !important;
    height: 22px !important;
}

.xgg-tile-restyle #floatingdishmenu .subcat {
    background: transparent !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
    padding: 4px 4px 6px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    position: relative !important;
}

.xgg-tile-restyle #floatingdishmenu .xgg-subcat-scroller {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    padding-right: 0 !important;
}

.xgg-tile-restyle #floatingdishmenu .subcat.xgg-has-pager .xgg-subcat-scroller {
    padding-right: 44px !important;
}

.xgg-tile-restyle #floatingdishmenu .xgg-subcat-scroller::-webkit-scrollbar {
    display: none !important;
}

.xgg-tile-restyle #floatingdishmenu .xgg-subcat-pager {
    display: none !important;
    align-items: center !important;
    gap: 4px !important;
    position: absolute !important;
    right: 2px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    padding-left: 8px !important;
    background: var(--xgg-bg) !important;
}

.xgg-tile-restyle #floatingdishmenu .subcat.xgg-has-pager .xgg-subcat-pager {
    display: flex !important;
}

.xgg-tile-restyle #floatingdishmenu .xgg-subcat-arrow {
    color: var(--xgg-primary) !important;
    font-size: 16px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    padding: 2px !important;
}

.xgg-tile-restyle #floatingdishmenu .xgg-subcat-head {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 6px 0 2px !important;
}

.xgg-tile-restyle #floatingdishmenu .xgg-subcat-head-img,
.xgg-tile-restyle #floatingdishmenu .xgg-subcat-head-label,
.xgg-tile-restyle #floatingdishmenu .xgg-subcat-head-count {
    display: none !important;
}

.xgg-tile-restyle #floatingdishmenu .xgg-subcat-head-cat:after {
    content: ":";
}

.xgg-tile-restyle #floatingdishmenu .subcat a {
    margin: 3px !important;
    padding: 5px 12px !important;
}

.xgg-tile-restyle #floatingdishmenu .subcat a h3 {
    font-size: 12px !important;
}

.xgg-tile-restyle .top-bar-wrap:not(.affix) {
    position: relative;
}

.xgg-tile-restyle .xgg-topbar-phone {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--xgg-primary) !important;
}

.xgg-tile-restyle .phone-contact {
    display: flex !important;
    align-items: center !important;
}

.xgg-tile-restyle .xgg-topbar-phone i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    border: 1px solid var(--xgg-primary) !important;
    border-radius: 9px !important;
    background: var(--xgg-primary) !important;
    color: #fff !important;
    -webkit-text-stroke: 0 !important;
    font-size: 15px !important;
}

.xgg-tile-restyle .XGGTopNavMenu li:has(> .xgg-login-btn) {
    border-right: none !important;
}

.xgg-tile-restyle .xgg-login-btn {
    display: inline-block !important;
    background: var(--xgg-primary) !important;
    color: #fff !important;
    border-radius: 11px !important;
    padding: 8px 18px !important;
    font-weight: 600 !important;
}

.xgg-tile-restyle .XGGTopNavMenu > li > a.xgg-login-btn {
    border-radius: 11px !important;
    line-height: normal !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.xgg-tile-restyle .control-bar {
    position: relative !important;
    z-index: 20 !important;
    margin-top: 28px !important;
    background: var(--xgg-bar-tint) !important;
    border: 1px solid var(--xgg-primary) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    padding: 12px 16px !important;
    align-items: center !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
}

.xgg-tile-restyle .control-bar .top-cart-holder .basket > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    line-height: 1 !important;
    background: var(--xgg-primary) !important;
    border: 1px solid var(--xgg-primary) !important;
    border-radius: 12px !important;
    padding: 8px 16px 8px 12px !important;
}

.xgg-tile-restyle .control-bar .top-cart-holder .basket > a,
.xgg-tile-restyle .control-bar .top-cart-holder .basket > a * {
    color: #fff !important;
}

.xgg-tile-restyle .control-bar .top-cart-holder .basket-item-count {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

.xgg-tile-restyle .control-bar .top-cart-holder .basket-item-count img {
    display: none !important;
}

.xgg-tile-restyle .control-bar .top-cart-holder .basket-item-count .count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: -5px !important;
    right: -9px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: var(--xgg-primary) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.xgg-tile-restyle .control-bar .top-cart-holder .basket-item-count::before {
    content: "\f07a";
    font-family: "FontAwesome";
    font-size: 27px !important;
    color: transparent !important;
    -webkit-text-stroke: 1px #fff !important;
}

.xgg-tile-restyle .control-bar .total-price-basket {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    line-height: 1 !important;
}

.xgg-tile-restyle .control-bar .total-price-basket .lbl {
    display: none !important;
}

.xgg-tile-restyle .control-bar .total-price-basket .total-price {
    font-weight: 700 !important;
    font-size: 20px !important;
}

.xgg-tile-restyle .grid-list-buttons ul {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

.xgg-tile-restyle .grid-list-buttons ul > li {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 9px 14px !important;
    color: var(--xgg-surface-text) !important;
}

.xgg-tile-restyle .grid-list-buttons ul > li.active {
    background: var(--xgg-primary) !important;
}

.xgg-tile-restyle .grid-list-buttons ul > li.active,
.xgg-tile-restyle .grid-list-buttons ul > li.active * {
    color: #fff !important;
}

.xgg-tile-restyle .top-bar {
    position: relative !important;
    z-index: 1002 !important;
    background: var(--xgg-bar-tint) !important;
    border: 1px solid var(--xgg-surface-border) !important;
    border-radius: 0 0 18px 18px !important;
    padding: 0 18px !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
}

.xgg-tile-restyle .top-bar > .container {
    display: flex !important;
    align-items: center !important;
    padding: 8px 15px !important;
    background: var(--xgg-bar-panel) !important;
    border: none !important;
    box-shadow: -15px 0 0 var(--xgg-bar-panel), 15px 0 0 var(--xgg-bar-panel) !important;
}

.xgg-tile-restyle .top-bar .mgla,
.xgg-tile-restyle .top-bar .XGGTopNavMenu {
    display: contents !important;
}

.xgg-tile-restyle .top-bar .contact-row {
    align-items: center !important;
}

.xgg-tile-restyle .XGGTopNavMenu {
    align-items: center !important;
}

.xgg-tile-restyle .top-bar .contact-row {
    order: 1 !important;
}

.xgg-tile-restyle .XGGTopNavMenu > li:has(> .basket) {
    order: 2 !important;
    margin-left: auto !important;
}

.xgg-tile-restyle .XGGTopNavMenu > li:has(img[src*="flag"]) {
    order: 3 !important;
}

.xgg-tile-restyle .XGGTopNavMenu > li:has(> a > .fa-home) {
    order: 4 !important;
}

.xgg-tile-restyle .XGGTopNavMenu > li:has(.xgg-nav-user) {
    order: 5 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.xgg-tile-restyle .XGGTopNavMenu > li:has(> a[href*="dashboard"]) {
    order: 6 !important;
}

.xgg-tile-restyle .XGGTopNavMenu > li:has(.xgg-login-btn) {
    order: 6 !important;
}

.xgg-tile-restyle .XGGTopNavMenu > li {
    border-right: none !important;
    border: 1px solid var(--xgg-surface-border) !important;
    border-radius: 12px !important;
    margin-left: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.xgg-tile-restyle .XGGTopNavMenu > li > a {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    padding: 9px 14px !important;
}

.xgg-tile-restyle .XGGTopNavMenu .basket > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 13px 14px !important;
    cursor: pointer !important;
}

.xgg-tile-restyle .XGGTopNavMenu .basket > a img {
    display: none !important;
}

.xgg-tile-restyle .XGGTopNavMenu .basket > a::before {
    content: "\f07a";
    font-family: "FontAwesome";
    font-size: 25px !important;
    color: transparent !important;
    -webkit-text-stroke: 1px var(--xgg-surface-text) !important;
}

.xgg-tile-restyle .XGGTopNavMenu .basket > a {
    color: var(--xgg-surface-text) !important;
}

.xgg-tile-restyle .XGGTopNavMenu .basket > a .count {
    color: #fff !important;
}

.xgg-tile-restyle .XGGTopNavMenu > li:has(> a[href*="dashboard"]) {
    background: var(--xgg-primary) !important;
    border-color: var(--xgg-primary) !important;
    height: 40px !important;
    box-sizing: border-box !important;
}

.xgg-tile-restyle .XGGTopNavMenu > li:has(> a[href*="dashboard"]) > a,
.xgg-tile-restyle .XGGTopNavMenu > li:has(> a[href*="dashboard"]) > a * {
    color: #fff !important;
}

.xgg-tile-restyle .XGGTopNavMenu > li > a {
    color: var(--xgg-surface-text) !important;
}

.xgg-tile-restyle .XGGTopNavMenu > li > a .c2txt,
.xgg-tile-restyle .XGGTopNavMenu > li > a .c1txt {
    color: var(--xgg-surface-text) !important;
}

.xgg-tile-restyle .XGGTopNavMenu > li:has(.xgg-nav-user) {
    border: none !important;
}

.xgg-tile-restyle .xgg-nav-user {
    gap: 8px !important;
    padding: 0 !important;
}

.xgg-tile-restyle .XGGTopNavMenu > li > a.xgg-nav-user {
    padding-right: 0 !important;
}

.xgg-tile-restyle .xgg-nav-user > .fa-user-circle,
.xgg-tile-restyle .xgg-nav-user > [data-top-bar="loyaltypoints"],
.xgg-tile-restyle .xgg-nav-user > [data-top-bar="loyaltymoney"] {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 9px 14px !important;
    border: 1px solid var(--xgg-surface-border) !important;
    border-radius: 12px !important;
    color: var(--xgg-surface-text) !important;
}

.xgg-tile-restyle .xgg-nav-user > .xgg-nav-username {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 9px 4px 9px 0 !important;
    border: none !important;
}

.xgg-tile-restyle .xgg-nav-user > .fa-user-circle {
    justify-content: center !important;
    padding: 9px !important;
}

.xgg-tile-restyle .xgg-nav-user .xgg-nav-username,
.xgg-tile-restyle .xgg-nav-user .xgg-nav-username * {
    color: var(--xgg-surface-text) !important;
}

.xgg-tile-restyle .xgg-nav-user > [data-top-bar="loyaltypoints"],
.xgg-tile-restyle .xgg-nav-user > [data-top-bar="loyaltymoney"] {
    height: 40px !important;
    box-sizing: border-box !important;
}

.xgg-tile-restyle .xgg-nav-user > [data-top-bar="loyaltypoints"],
.xgg-tile-restyle .xgg-nav-user > [data-top-bar="loyaltymoney"] {
    background: var(--xgg-primary) !important;
    border-color: var(--xgg-primary) !important;
    color: #fff !important;
}

.xgg-tile-restyle .xgg-nav-user > [data-top-bar="loyaltypoints"]::before {
    content: "\f006";
    font-family: "FontAwesome";
    margin-right: 6px;
}

.xgg-tile-restyle .xgg-nav-user > [data-top-bar="loyaltypoints"] {
    order: 1 !important;
}

.xgg-tile-restyle .xgg-nav-user > [data-top-bar="loyaltymoney"] {
    order: 2 !important;
}

/* loyalty stamps: same pill look as points / money */
.xgg-tile-restyle .xgg-nav-user > [data-top-bar="loyaltystamps"] {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 9px 14px !important;
    border: 1px solid var(--xgg-primary) !important;
    border-radius: 12px !important;
    height: 40px !important;
    box-sizing: border-box !important;
    background: var(--xgg-primary) !important;
    color: #fff !important;
    order: 1 !important;
}

.xgg-tile-restyle .xgg-nav-user > [data-top-bar="loyaltystamps"] svg {
    width: 16px !important;
    height: 16px !important;
    fill: #fff !important;
}

/* user dropdown always drops under the userbox (the last / right-most item), not the left of liUser */
.xgg-tile-restyle a.xgg-nav-user ~ .dropdown-menu {
    left: auto !important;
    right: 0 !important;
}

.xgg-tile-restyle .xgg-nav-user > .xgg-nav-userbox {
    order: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 40px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 5px 12px 5px 5px !important;
    border: 1px solid var(--xgg-surface-border) !important;
    border-radius: 12px !important;
}

.xgg-tile-restyle .xgg-nav-userbox .xgg-nav-username {
    order: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    color: var(--xgg-surface-text) !important;
}

.xgg-tile-restyle .xgg-nav-userbox .fa-user {
    order: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    background: var(--xgg-primary) !important;
    color: #fff !important;
    font-size: 15px !important;
}

@media (max-width: 767px) {
    .xgg-tile-restyle .mufb {
        right: 7px !important;
    }

    .xgg-tile-restyle #moveUpFloatingButton {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 54px !important;
        height: 54px !important;
        border-radius: 50% !important;
        border: 2px solid var(--xgg-primary) !important;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.55) 100%), var(--xgg-primary) !important;
        box-shadow: 0 0 20px -2px var(--xgg-primary) !important;
        font-size: 0 !important;
    }

    .xgg-tile-restyle #moveUpFloatingButton::before {
        content: "\f062" !important;
        font-family: "FontAwesome" !important;
        font-size: 22px !important;
        color: #fff !important;
        -webkit-text-stroke: 0 !important;
    }
}

.xgg-tile-restyle .control-bar {
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
}

.xgg-tile-restyle .control-bar #LogoAndCart,
.xgg-tile-restyle .control-bar .top-cart-row {
    flex: 0 0 auto !important;
}

.xgg-tile-restyle .control-bar #LogoAndCart {
    order: 1 !important;
}

.xgg-tile-restyle .control-bar .top-cart-row {
    order: 2 !important;
    margin: 0 !important;
}

.xgg-tile-restyle .control-bar #divSearchBar {
    display: block !important;
    order: 3 !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
}

.xgg-tile-restyle .control-bar .mgla {
    order: 4 !important;
    margin-left: 0 !important;
    width: auto !important;
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
}

.xgg-tile-restyle .control-bar .mgla .grid-list-buttons {
    order: 1 !important;
    margin-left: 0 !important;
    background: var(--xgg-inset) !important;
    border-radius: 14px !important;
    padding: 4px !important;
}

.xgg-tile-restyle .control-bar .mgla .sort {
    order: 2 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 !important;
}

.xgg-tile-restyle .control-bar .mgla .sort > #item-count,
.xgg-tile-restyle .control-bar .mgla .sort > #item-sort {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.xgg-tile-restyle .control-bar .mgla .sort .bootstrap-select {
    width: 170px !important;
    max-width: 100% !important;
}

.xgg-tile-restyle .control-bar .mgla .sort .bootstrap-select.open {
    z-index: 30 !important;
}

.xgg-tile-restyle .control-bar .mgla .sort .bootstrap-select .dropdown-menu {
    z-index: 1001 !important;
}

.xgg-tile-restyle .control-bar .mgla .sort .bootstrap-select > .dropdown-toggle,
.xgg-tile-restyle .control-bar .mgla .sort .bootstrap-select > .dropdown-toggle:hover,
.xgg-tile-restyle .control-bar .mgla .sort .bootstrap-select > .dropdown-toggle:focus,
.xgg-tile-restyle .control-bar .mgla .sort .bootstrap-select > .dropdown-toggle:active,
.xgg-tile-restyle .control-bar .mgla .sort .bootstrap-select.open > .dropdown-toggle {
    background: var(--xgg-inset) !important;
    border: 1px solid var(--xgg-surface-border) !important;
    border-radius: 12px !important;
    color: var(--xgg-surface-text) !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 9px 12px !important;
}

.xgg-tile-restyle .control-bar .mgla .sort .bootstrap-select > .dropdown-toggle .filter-option,
.xgg-tile-restyle .control-bar .mgla .sort .bootstrap-select > .dropdown-toggle .caret {
    color: var(--xgg-surface-text) !important;
}

.xgg-tile-restyle .control-bar #divSearchBar .search-area {
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
}

.xgg-tile-restyle .control-bar #divSearchBar .control-group {
    position: relative !important;
}

.xgg-tile-restyle .control-bar #divSearchBar #inpSearchCG {
    background: var(--xgg-inset) !important;
    border: 1px solid var(--xgg-surface-border) !important;
    border-radius: 12px !important;
    color: var(--xgg-surface-text) !important;
    padding: 10px 14px 10px 40px !important;
}

.xgg-tile-restyle .control-bar #divSearchBar .categories-filter,
.xgg-tile-restyle .control-bar #divSearchBar .le-button {
    display: none !important;
}

.xgg-tile-restyle .control-bar #divSearchBar .control-group::before {
    content: "\f002";
    font-family: "FontAwesome";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--xgg-surface-text);
    opacity: 0.6;
    z-index: 1;
}

.xgg-tile-restyle .grid-list-buttons ul > li:first-child {
    display: none !important;
}

.xgg-tile-restyle .grid-list-buttons.xgg-view-toggles-top {
    display: flex !important;
    justify-content: flex-end !important;
    margin: 20px 11px 10px !important;
}

.xgg-floating-cart-on .grid-list-buttons.xgg-view-toggles-top {
    margin: 20px 19px 10px !important;
}

.xgg-tile-restyle .grid-list-buttons.xgg-view-toggles-top ul {
    display: inline-flex !important;
    align-items: center !important;
    float: none !important;
    margin: 0 !important;
    background: var(--xgg-inset) !important;
    border: 1px solid var(--xgg-primary) !important;
    border-radius: 14px !important;
    padding: 4px !important;
}

.xgg-tile-restyle .product-grid-holder {
    border: none !important;
    margin: 0 !important;
}

.xgg-tile-restyle .product-grid-holder .row {
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: center !important;
}

.xgg-tile-restyle .product-grid-holder .product-item-holder {
    border: none !important;
    background: transparent !important;
    min-height: 0 !important;
    max-width: none !important;
    padding: 9px !important;
}

.xgg-floating-cart-on #category-grid .grid-list-products .product-grid-holder .product-item-holder {
    min-width: 0 !important;
    max-width: 293px !important;
    padding: 18px 18px 0 0 !important;
}

.xgg-tile-restyle .product-grid-holder .product-item {
    position: relative !important;
    height: 100% !important;
    min-height: 340px !important;
    padding: 0 0 56px 0 !important;
    border: 1px solid var(--xgg-primary) !important;
    border-radius: 16px !important;
    background: var(--xgg-surface) !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

.xgg-tile-restyle .product-grid-holder .product-item-holder.hover:hover .product-item,
.xgg-tile-restyle .product-grid-holder .product-item-holder.hover.test .product-item {
    position: relative !important;
    width: 100% !important;
    box-shadow: none !important;
    z-index: auto !important;
}

.xgg-tile-restyle .product-grid-holder .product-item > .dflex {
    display: block !important;
}

/* mobile: cap every inner block of a product tile so it can't force the column past the viewport */
@media (max-width: 767px) {
    .xgg-tile-restyle .grid-list-products .image-holder,
    .xgg-tile-restyle .grid-list-products .crthv,
    .xgg-tile-restyle .grid-list-products .product-small-images {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
    .xgg-tile-restyle .grid-list-products img {
        max-width: 100% !important;
    }
    .xgg-tile-restyle .grid-list-products .product-item,
    .xgg-tile-restyle .grid-list-products .product-item .wd100p,
    .xgg-tile-restyle .grid-list-products .product-item .dflex,
    .xgg-tile-restyle .grid-list-products .product-item .body,
    .xgg-tile-restyle .grid-list-products .product-item .excerpt,
    .xgg-tile-restyle .grid-list-products .product-item .btpn,
    .xgg-tile-restyle .grid-list-products .product-item .btpn > *,
    .xgg-tile-restyle .grid-list-products .product-item .le-button,
    .xgg-tile-restyle .grid-list-products .product-item a.txt11u,
    .xgg-tile-restyle .grid-list-products .product-item .price-prev,
    .xgg-tile-restyle .grid-list-products .product-item .price {
        min-width: 0 !important;
        max-width: 100% !important;
    }
    .xgg-tile-restyle .grid-list-products .product-item .le-button {
        white-space: normal !important;
    }
    .xgg-tile-restyle .grid-list-products .product-item-holder {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

.xgg-tile-restyle .product-grid-holder .productview {
    display: none !important;
}

.xgg-tile-restyle .product-grid-holder .product-item .wd300.h260 {
    width: 100% !important;
    aspect-ratio: 28 / 17 !important;
    height: auto !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.xgg-tile-restyle .product-grid-holder .product-item .wd300.h260 img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
}

.xgg-tile-restyle.xgg-tile-imagefill .product-grid-holder .product-item .wd300.h260 img {
    object-fit: contain !important;
}

/* photo keeps the column width and its own proportions, so the tallest photo in a row
   decides the height of every tile next to it - the flex row already stretches them */
.xgg-tile-restyle.xgg-tile-imagerow .product-grid-holder .product-item .wd300.h260 {
    aspect-ratio: auto !important;
}

.xgg-tile-restyle.xgg-tile-imagerow .product-grid-holder .product-item .wd300.h260 img {
    height: auto !important;
}

/* the loading spinner is square, so a tile still waiting for its photo would reserve a square;
   keep the old shape until the real photo arrives and the loader drops the class */
.xgg-tile-restyle.xgg-tile-imagerow .product-grid-holder .product-item .wd300.h260:has(> img.guli-lazy-primary) {
    aspect-ratio: 28 / 17 !important;
}

.xgg-tile-restyle .product-grid-holder .xgg-tile-labels {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 4 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
}

.xgg-tile-restyle .product-grid-holder .xgg-tile-labels .ribbon {
    position: static !important;
    top: auto !important;
    border-radius: 999px !important;
    padding: 5px 12px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
}

.xgg-tile-restyle .product-grid-holder .product-item .body {
    margin: 0 !important;
    min-height: 0 !important;
    border-bottom: none !important;
    padding: 14px 16px 0 16px !important;
}

.xgg-tile-restyle .product-grid-holder .product-item .body .title {
    display: block !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.25 !important;
}

.xgg-tile-restyle .product-grid-holder .product-item .body .title h3 {
    color: var(--xgg-surface-text) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

.xgg-tile-restyle .product-grid-holder .product-item .brand {
    display: none !important;
}

.xgg-tile-restyle .product-grid-holder .xgg-tile-desc {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin: 6px 0 0 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    color: var(--xgg-surface-text) !important;
    opacity: 0.72 !important;
    white-space: pre-line !important;
}

.xgg-tile-restyle .product-grid-holder .xgg-tile-desc.xgg-desc-full {
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
}

.xgg-tile-restyle .product-grid-holder .xgg-tile-expand {
    display: inline-block !important;
    margin: 8px 0 0 0 !important;
    padding: 5px 12px !important;
    background: var(--xgg-primary-soft) !important;
    border: 1px solid var(--xgg-primary) !important;
    border-radius: 8px !important;
    color: var(--xgg-primary) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

.xgg-tile-restyle .product-grid-holder .xgg-tile-expand:before {
    content: "\f107" !important;
    font-family: "FontAwesome" !important;
    margin-right: 5px !important;
}

.xgg-tile-restyle .product-grid-holder .xgg-tile-expand.is-open:before {
    content: "\f106" !important;
}

.xgg-tile-restyle .xgg-fav-login-box {
    position: absolute;
    z-index: 12000;
    max-width: 210px;
    padding: 9px 13px;
    border-radius: 10px;
    background: var(--xgg-bg);
    border: 1px solid var(--xgg-primary);
    color: var(--xgg-surface-text);
    font-size: 12px;
    line-height: 1.35;
    text-align: center;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: opacity 0.15s ease;
    pointer-events: none;
}

.xgg-tile-restyle .xgg-fav-login-box.is-open {
    opacity: 1;
}

.xgg-tile-restyle .xgg-fav-login-box::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: var(--xgg-primary);
}

.xgg-float-cart {
    display: none;
}

.xgg-floating-cart-on #category-grid .grid-list-products {
    position: relative;
    padding-right: 35px;
}

.xgg-tile-restyle #category-grid .XGGGrid {
    padding-top: 10px !important;
}

.xgg-floating-cart-on #category-grid .layout > .sidebar.narrow {
    width: calc(23% - 15px) !important;
    padding: 0 25px 0 0 !important;
}

.xgg-floating-cart-on #category-grid .layout > .sidebar.wide {
    width: calc(77% + 15px) !important;
}

.xgg-floating-cart-on .xgg-float-cart-rail {
    position: absolute;
    top: 20px;
    right: -15px;
    bottom: 0;
    width: 50px;
    pointer-events: none;
}

.xgg-floating-cart-on .xgg-float-cart-rail .xgg-float-cart {
    position: sticky;
    top: 80px;
    z-index: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 14px;
    background: var(--xgg-primary);
    color: #fff;
    text-decoration: none;
    pointer-events: auto;
    box-shadow: 0 14px 30px -10px var(--xgg-primary), 0 6px 14px -8px var(--xgg-primary);
    animation: xgg-float-cart-bounce 2.6s ease-in-out infinite;
}

@keyframes xgg-float-cart-bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(24px);
    }
}

.xgg-floating-cart-on .xgg-float-cart:hover {
    filter: brightness(0.94);
    color: #fff;
    text-decoration: none;
}

.xgg-floating-cart-on .xgg-float-cart > i {
    font-size: 22px;
    color: transparent;
    -webkit-text-stroke: 1.5px #fff;
}

/* floating cart is a desktop side-rail — hide it on mobile and release its reserved space */
@media (max-width: 767px) {
    .xgg-floating-cart-on .xgg-float-cart-rail {
        display: none !important;
    }
    .xgg-floating-cart-on #category-grid .grid-list-products {
        padding-right: 0 !important;
    }
    .xgg-floating-cart-on #category-grid .layout > .sidebar.narrow,
    .xgg-floating-cart-on #category-grid .layout > .sidebar.wide {
        width: 100% !important;
        padding: 0 !important;
    }
    .xgg-floating-cart-on .xgg-bonus {
        margin: 10px 0 6px !important;
        max-width: 100%;
        box-sizing: border-box;
    }
    .xgg-floating-cart-on .xgg-bonus-head {
        flex-wrap: wrap;
    }
    .xgg-floating-cart-on .xgg-bonus-actions {
        flex: 1 1 100% !important;
        justify-content: flex-start !important;
        margin-top: 8px !important;
    }
    .xgg-floating-cart-on .xgg-bonus-toggle {
        flex: 1 1 auto !important;
        white-space: normal !important;
        justify-content: center !important;
    }
    .xgg-floating-cart-on .xgg-bonus-tiles {
        flex-wrap: wrap;
        overflow-x: visible;
    }
    .xgg-floating-cart-on .xgg-bonus-tile {
        width: calc(50% - 6px);
    }
}

.xgg-floating-cart-on .xgg-float-cart-rail .xgg-float-cart .count {
    position: absolute;
    top: -7px;
    right: -7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    border-radius: 12px;
    background: #fff !important;
    border: 2px solid var(--xgg-primary);
    color: var(--xgg-primary) !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

/* disable the hover dropdown on nav/control-bar carts when the floating cart is on */
.xgg-floating-cart-on .basket .dropdown-menu {
    display: none !important;
}

@keyframes xgg-cart-pulse {
    0% {
        box-shadow: 0 20px 44px -12px rgba(0, 0, 0, 0.6), 0 0 0 0 var(--xgg-primary);
    }
    40% {
        box-shadow: 0 20px 44px -12px rgba(0, 0, 0, 0.6), 0 0 26px 7px var(--xgg-primary);
    }
    100% {
        box-shadow: 0 20px 44px -12px rgba(0, 0, 0, 0.6), 0 0 0 0 transparent;
    }
}

.xgg-cart-panel.xgg-cart-pulse {
    animation: xgg-cart-pulse 0.8s ease-out 2;
}

/* ---- expanded floating cart panel ---- */
.xgg-cart-panel {
    display: none;
    position: sticky;
    top: 80px;
    width: 340px;
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 0 16px;
    border-radius: 16px;
    background: var(--xgg-bar-tint);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: none;
    scrollbar-width: thin;
    scrollbar-color: var(--xgg-primary) transparent;
    box-shadow: 0 20px 44px -12px rgba(0, 0, 0, 0.6);
    color: var(--xgg-surface-text);
    pointer-events: auto;
}

.xgg-cart-panel::-webkit-scrollbar {
    width: 8px;
}

.xgg-cart-panel::-webkit-scrollbar-track {
    background: transparent;
}

.xgg-cart-panel::-webkit-scrollbar-thumb {
    background: var(--xgg-primary);
    border-radius: 8px;
}

.xgg-cart-expanded .xgg-float-cart-rail {
    width: 340px;
}

.xgg-cart-expanded .xgg-float-cart-rail .xgg-float-cart {
    display: none;
}

.xgg-cart-expanded .xgg-cart-panel {
    display: block;
}

.xgg-cart-expanded #category-grid .grid-list-products {
    padding-right: 325px;
}

.xgg-tile-restyle.xgg-cart-expanded #category-grid .grid-list-products .product-grid-holder .product-item-holder {
    width: 50% !important;
    max-width: 50% !important;
}

/* ---- bonus (gratis) products box ---- */
.xgg-floating-cart-on .xgg-bonus {
    position: relative;
    margin: 10px 11px 6px;
    padding: 16px 18px;
    border-radius: 16px;
    border: 1px solid var(--xgg-surface-border);
    background: linear-gradient(100deg, color-mix(in srgb, var(--xgg-primary) 42%, var(--xgg-bg)) 0%, var(--xgg-bg) 62%);
    color: var(--xgg-surface-text);
}

.xgg-bonus-head {
    display: flex;
    align-items: center;
    gap: 14px;
}

.xgg-bonus-ico {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--xgg-primary);
    color: #fff;
    font-size: 20px;
}

.xgg-bonus-titles {
    flex: 1 1 auto;
    min-width: 0;
}

.xgg-bonus-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.xgg-bonus-sub {
    margin-top: 3px;
    font-size: 12.5px;
    opacity: 0.72;
}

.xgg-bonus-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.xgg-cart-expanded .xgg-bonus-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}

.xgg-cart-expanded .xgg-bonus-cart-pill {
    justify-content: center;
}

.xgg-bonus-cart-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 12px;
    background: var(--xgg-inset);
    border: 1px solid var(--xgg-surface-border);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.xgg-bonus-toggle {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border: none;
    border-radius: 12px;
    background: var(--xgg-primary);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.xgg-bonus-toggle:hover {
    filter: brightness(0.95);
}

.xgg-bonus-tiles {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    margin-top: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 8px;
    scrollbar-width: thin;
    scrollbar-color: var(--xgg-primary) transparent;
}

.xgg-bonus-tiles > * {
    flex: 0 0 auto;
}

.xgg-bonus-tiles::-webkit-scrollbar {
    height: 8px;
}

.xgg-bonus-tiles::-webkit-scrollbar-track {
    background: transparent;
}

.xgg-bonus-tiles::-webkit-scrollbar-thumb {
    background: var(--xgg-primary);
    border-radius: 8px;
}

.xgg-bonus-tiles::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

.xgg-bonus.is-collapsed .xgg-bonus-tiles {
    display: none;
}

.xgg-bonus-tile {
    position: relative;
    width: 154px;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    border: 1px solid var(--xgg-surface-border);
    background: var(--xgg-surface);
    overflow: hidden;
}

.xgg-bonus-tile.is-ready {
    border-color: var(--xgg-primary);
}

.xgg-bonus-tile.is-locked,
.xgg-bonus-tile.is-muted {
    opacity: 0.62;
}

.xgg-bonus-img {
    position: relative;
    height: 96px;
    overflow: hidden;
}

.xgg-bonus-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.xgg-bonus-badge-za,
.xgg-bonus-badge-od {
    position: absolute;
    left: 8px;
    padding: 5px 11px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.xgg-bonus-badge-za {
    top: 8px;
    background: var(--xgg-primary);
    color: #fff;
}

.xgg-bonus-badge-od {
    bottom: 8px;
    background: rgba(0, 0, 0, 0.62);
    color: #fff;
}

.xgg-bonus-name {
    padding: 8px 10px 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.xgg-bonus-btn {
    margin: auto 8px 8px;
    padding: 8px 10px;
    border: none;
    border-radius: 9px;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.xgg-bonus-btn.is-ready {
    background: var(--xgg-primary);
    color: #fff;
}

.xgg-bonus-btn.is-ready:hover {
    filter: brightness(0.95);
}

.xgg-bonus-btn.is-added {
    background: var(--xgg-primary-soft);
    color: var(--xgg-primary);
    cursor: default;
}

.xgg-bonus-btn.is-muted {
    background: var(--xgg-inset);
    color: var(--xgg-surface-text);
    cursor: default;
}

@media (max-width: 900px) {
    .xgg-floating-cart-on .xgg-bonus-head {
        flex-wrap: wrap;
    }
    .xgg-floating-cart-on .xgg-bonus-actions {
        min-width: 0;
        flex-wrap: wrap;
    }
    .xgg-bonus-cart-pill,
    .xgg-bonus-toggle {
        margin-top: 4px;
    }
    .xgg-bonus-toggle {
        white-space: normal;
        text-align: center;
    }
}

.xgg-cart-panel-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    padding: 12px 16px;
    background: var(--xgg-primary);
    color: #fff;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    position: sticky;
    top: 0;
    z-index: 3;
}

.xgg-cart-panel > *:not(.xgg-cart-panel-head):not(.xgg-cart-panel-proceed) {
    padding-left: 16px;
    padding-right: 16px;
}

.xgg-cart-panel > .xgg-cart-panel-proceed {
    margin-left: 16px;
    margin-right: 16px;
}

.xgg-cart-item-options {
    margin-top: 6px;
    padding: 6px 8px;
    border-radius: 8px;
    background: var(--xgg-inset);
    border: 1px solid var(--xgg-surface-border);
}

.xgg-cart-item-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
    line-height: 1.5;
}

.xgg-cart-option-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xgg-cart-option-name::before {
    content: "\2022";
    margin-right: 6px;
    color: var(--xgg-primary) !important;
}

.xgg-cart-option-price {
    flex: 0 0 auto;
    font-weight: 600;
    color: var(--xgg-primary) !important;
}

.xgg-cart-panel-title {
    font-size: 17px;
    font-weight: 700;
}

.xgg-cart-panel-count {
    font-size: 11px;
    font-weight: 600;
    padding: 4px 9px;
    border-radius: 999px;
    background: var(--xgg-inset);
    color: var(--xgg-surface-text);
    opacity: 0.85;
    white-space: nowrap;
}

.xgg-cart-panel-collapse {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: none;
    border-radius: 9px;
    background: var(--xgg-primary);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.xgg-cart-panel-items {
    display: flex;
    flex-direction: column;
    max-height: 30vh;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--xgg-primary) transparent;
}

.xgg-cart-panel-items::-webkit-scrollbar {
    width: 8px;
}

.xgg-cart-panel-items::-webkit-scrollbar-track {
    background: transparent;
}

.xgg-cart-panel-items::-webkit-scrollbar-thumb {
    background: var(--xgg-primary);
    border-radius: 8px;
}

.xgg-cart-item.has-options {
    flex-wrap: wrap;
    align-items: flex-start;
}

.xgg-cart-item.has-options .xgg-cart-item-info {
    flex: 1 1 calc(100% - 50px);
}

.xgg-cart-item.has-options .xgg-cart-qty,
.xgg-cart-item.has-options .xgg-cart-item-total {
    margin-left: auto;
}

/* without this the quantity and price hang above the item instead of sitting on its line */
.xgg-cart-item.has-options .xgg-cart-qty,
.xgg-cart-item.has-options .xgg-cart-item-total,
.xgg-cart-item.has-options .xgg-cart-remove {
    align-self: center;
}

.xgg-cart-item.has-options .xgg-cart-qty ~ .xgg-cart-item-total {
    margin-left: 0;
}

.xgg-cart-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--xgg-surface-border);
}

.xgg-cart-item-img {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    overflow: hidden;
    background: var(--xgg-inset);
}

.xgg-cart-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.xgg-cart-item-info {
    flex: 1 1 auto;
    min-width: 0;
}

.xgg-cart-item-name {
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xgg-cart-item-unit {
    font-size: 11px;
    opacity: 0.65;
}

.xgg-cart-qty {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--xgg-inset);
    border-radius: 8px;
    padding: 2px;
}

.xgg-cart-qty button {
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--xgg-surface-text);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    line-height: 1;
}

.xgg-cart-qty button:hover {
    background: var(--xgg-primary);
    color: #fff;
}

.xgg-cart-qty span {
    min-width: 16px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
}

.xgg-cart-item-total {
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.xgg-cart-remove {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 7px;
    background: transparent;
    color: var(--xgg-surface-text);
    opacity: 0.55;
    cursor: pointer;
}

.xgg-cart-remove:hover {
    opacity: 1;
    color: #f8484a;
}

.xgg-cart-panel-empty {
    display: none;
    padding: 24px 0;
    text-align: center;
    opacity: 0.6;
    font-size: 13px;
}

.xgg-cart-panel.is-empty .xgg-cart-panel-empty {
    display: block;
}

.xgg-cart-panel.is-empty .xgg-cart-panel-items,
.xgg-cart-panel.is-empty .xgg-cart-panel-summary,
.xgg-cart-panel.is-empty .xgg-cart-free,
.xgg-cart-panel.is-empty .xgg-cart-voucher,
.xgg-cart-panel.is-empty .xgg-cart-tip,
.xgg-cart-panel.is-empty .xgg-cart-panel-total {
    display: none;
}

.xgg-cart-free {
    padding: 12px 0;
    border-bottom: 1px solid var(--xgg-surface-border);
}

.xgg-cart-free-bar {
    height: 6px;
    border-radius: 4px;
    background: var(--xgg-inset);
    overflow: hidden;
}

.xgg-cart-free-fill {
    height: 100%;
    width: 0;
    border-radius: 4px;
    background: var(--xgg-primary);
    transition: width 0.3s ease;
}

.xgg-cart-free.is-reached .xgg-cart-free-fill {
    background: #2fa84f;
}

.xgg-cart-free-msg {
    margin-top: 7px;
    font-size: 12px;
    opacity: 0.85;
}

.xgg-cart-free.is-reached .xgg-cart-free-msg {
    color: #2fa84f;
    opacity: 1;
    font-weight: 600;
}

/* voucher */
.xgg-cart-voucher {
    padding: 12px 0;
    border-bottom: 1px solid var(--xgg-surface-border);
}

.xgg-cart-voucher-input {
    display: flex;
    align-items: center;
    gap: 8px;
}

.xgg-cart-voucher-input > i {
    flex: 0 0 auto;
    opacity: 0.6;
}

.xgg-cart-voucher-code {
    flex: 1 1 auto;
    min-width: 0;
    height: 38px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid var(--xgg-surface-border);
    background: var(--xgg-inset);
    color: var(--xgg-surface-text);
    font-size: 13px;
}

.xgg-cart-voucher-code::placeholder {
    letter-spacing: 0.5px;
    opacity: 0.6;
}

.xgg-cart-voucher-apply {
    flex: 0 0 auto;
    height: 38px;
    padding: 0 16px;
    border: none;
    border-radius: 10px;
    background: var(--xgg-primary);
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
}

.xgg-cart-voucher-error {
    display: none;
    margin-top: 7px;
    font-size: 12px;
    color: #f8484a;
}

.xgg-cart-voucher-applied {
    display: none;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px dashed var(--xgg-primary);
    border-radius: 10px;
    background: var(--xgg-primary-soft);
}

.xgg-cart-voucher-applied-info {
    flex: 1 1 auto;
    min-width: 0;
}

.xgg-cart-voucher-applied-name {
    font-size: 13px;
    font-weight: 700;
    color: var(--xgg-primary);
}

.xgg-cart-voucher-applied-desc {
    font-size: 11px;
    opacity: 0.75;
}

.xgg-cart-voucher-remove {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--xgg-surface-text);
    opacity: 0.6;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.xgg-cart-voucher-remove:hover {
    opacity: 1;
}

/* tip */
.xgg-cart-tip {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid var(--xgg-surface-border);
}

.xgg-cart-tip-lbl {
    font-size: 13px;
    font-weight: 600;
}

.xgg-cart-tip-stepper {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.xgg-cart-tip-dec,
.xgg-cart-tip-inc {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 8px;
    background: var(--xgg-primary);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    line-height: 1;
}

.xgg-cart-tip-field {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 0 10px;
    height: 32px;
    border-radius: 8px;
    background: var(--xgg-inset);
    font-size: 13px;
}

.xgg-cart-tip-input {
    width: 34px;
    border: none;
    background: transparent;
    color: var(--xgg-surface-text);
    font-size: 13px;
    font-weight: 600;
    text-align: right;
}

#category-grid .xgg-cart-discount-row,
#category-grid .xgg-cart-discount-row .xgg-cart-lbl-discount,
#category-grid .xgg-cart-discount-row .xgg-cart-discount-val {
    color: var(--xgg-primary) !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}

#category-grid .xgg-cart-item-unit .xgg-cart-unit-old {
    text-decoration: line-through;
    text-decoration-color: var(--xgg-primary) !important;
    opacity: 0.85;
    white-space: nowrap;
    margin-right: 4px;
}

#category-grid .xgg-cart-item-unit .xgg-cart-unit-new {
    color: var(--xgg-primary) !important;
    font-weight: 600;
    white-space: nowrap;
}

.xgg-cart-panel-summary {
    padding: 12px 0;
    border-bottom: 1px solid var(--xgg-surface-border);
}

.xgg-cart-sum-row {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    opacity: 0.85;
}

.xgg-cart-panel-total {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 14px 0;
    font-weight: 700;
}

.xgg-cart-panel-total span:last-child {
    font-size: 20px;
}

.xgg-cart-panel-proceed {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px;
    border-radius: 12px;
    background: var(--xgg-primary);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

.xgg-cart-panel-proceed:hover {
    filter: brightness(0.94);
    color: #fff;
    text-decoration: none;
}

.xgg-cart-panel-foot {
    margin-top: 12px;
    text-align: center;
    font-size: 11px;
    opacity: 0.6;
}

.xgg-tile-restyle .product-grid-holder .prices,
.xgg-tile-restyle .product-grid-holder .zoom-info {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

.xgg-tile-restyle .product-grid-holder .zoom-info [data-popup] {
    display: none !important;
}

.xgg-tile-restyle .product-grid-holder .zoom-info a:has(> .fa-heart) {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 5 !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0, 0, 0, 0.45) !important;
}

.xgg-tile-restyle .product-grid-holder .zoom-info a:has(> .fa-heart):after {
    content: "" !important;
    display: none !important;
}

.xgg-tile-restyle .product-grid-holder .zoom-info a:has(> .fa-heart) .fa-heart {
    color: #fff !important;
    font-size: 16px !important;
    margin: 0 !important;
}

/* magnifier sits under the heart, same round badge on the photo; without a heart it takes its place */
.xgg-tile-restyle .product-grid-holder .zoom-info a.magnific {
    position: absolute !important;
    top: 56px !important;
    right: 10px !important;
    z-index: 5 !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0, 0, 0, 0.45) !important;
}

.xgg-tile-restyle .product-grid-holder .zoom-info:not(:has(.fa-heart)) a.magnific {
    top: 10px !important;
}

.xgg-tile-restyle .product-grid-holder .zoom-info a.magnific .fa-search-plus {
    color: #fff !important;
    font-size: 16px !important;
    margin: 0 !important;
}

.xgg-tile-restyle .product-grid-holder .prices .price-current,
.xgg-tile-restyle .product-grid-holder .prices .price-sale {
    position: absolute !important;
    left: 16px !important;
    bottom: 14px !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 3 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--xgg-surface-text) !important;
}

.xgg-tile-restyle .product-grid-holder .prices .price-sale {
    color: #2fa84f !important;
}

.xgg-tile-restyle .product-grid-holder .body .label-discount,
.xgg-tile-restyle .products-list .product-item .label-discount {
    display: inline-block !important;
    margin-bottom: 10px !important;
    border-radius: 6px !important;
}

.xgg-tile-restyle .product-grid-holder .product-item > .hover-area {
    display: block !important;
    position: absolute !important;
    right: 14px !important;
    bottom: 11px !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    padding: 0 !important;
    z-index: 4 !important;
    text-align: right !important;
}

.xgg-tile-restyle .product-grid-holder .product-item > .hover-area .add-cart-button {
    position: static !important;
    margin: 0 !important;
}

.xgg-tile-restyle .product-grid-holder .product-item > .hover-area .add-cart-button:before {
    display: none !important;
}

.xgg-tile-restyle .product-grid-holder .product-item-holder.hover:hover .hover-area,
.xgg-tile-restyle .product-grid-holder .product-item-holder.hover.test .hover-area {
    background-color: transparent !important;
}

.xgg-tile-restyle .product-grid-holder .product-item > .hover-area .add-cart-button button.le-button,
.xgg-tile-restyle .product-grid-holder .product-item > .hover-area .add-cart-button button.le-button:hover,
.xgg-tile-restyle .product-grid-holder .product-item > .hover-area .add-cart-button button.le-button:focus,
.xgg-tile-restyle .product-grid-holder .product-item > .hover-area .add-cart-button button.le-button:active {
    position: static !important;
    margin: 0 !important;
    padding: 9px 16px !important;
    background: var(--xgg-primary) !important;
    color: #fff !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: normal !important;
}

.xgg-tile-restyle .product-grid-holder .product-item > .hover-area .add-cart-button button.le-button:before {
    content: "\f067" !important;
    font-family: "FontAwesome" !important;
    font-size: 14px !important;
    margin-right: 6px !important;
    color: #fff !important;
}

.xgg-tile-restyle .sidebar.narrow .widget {
    background: var(--xgg-surface) !important;
    border: 1px solid var(--xgg-surface-border) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    margin-bottom: 18px !important;
    overflow: hidden !important;
}

.xgg-tile-restyle .sidebar.narrow .widget:has(.price-range-holder),
.xgg-tile-restyle .sidebar.narrow #DeliveryHours {
    border: 1px solid var(--xgg-primary) !important;
}

/* mobile: the sidebar widgets (delivery hours etc.) need a solid theme surface, not a transparent
   background that shows the page through — otherwise the text sits on nothing when the sidebar stacks */
@media (max-width: 767px) {
    .xgg-tile-restyle .sidebar.narrow #DeliveryHours,
    .xgg-tile-restyle .sidebar.narrow .del-hours,
    .xgg-tile-restyle .sidebar.narrow .widget .body.bordered {
        background: var(--xgg-ncd-panel) !important;
    }
}

.xgg-tile-restyle .sidebar.narrow .widget .body.bordered {
    border: none !important;
    padding: 16px !important;
}

.xgg-tile-restyle .sidebar.narrow .widget .category-filter > .title {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    color: var(--xgg-surface-text) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

.xgg-tile-restyle .sidebar.narrow .widget .category-filter > .title .mgra {
    color: var(--xgg-surface-text) !important;
    font-weight: 700 !important;
}

.xgg-tile-restyle .sidebar.narrow .widget hr {
    border-color: var(--xgg-surface-border) !important;
    opacity: 0.6 !important;
    margin: 12px 0 !important;
}

.xgg-tile-restyle .sidebar.narrow .widget:has(.price-range-holder) .category-filter > .title:before,
.xgg-tile-restyle .sidebar.narrow #DeliveryHours .category-filter > .title:before {
    font-family: "FontAwesome" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 9px !important;
    background: var(--xgg-primary) !important;
    color: #fff !important;
    font-size: 15px !important;
    flex: 0 0 auto !important;
}

.xgg-tile-restyle .sidebar.narrow .widget:has(.price-range-holder) .category-filter > .title:before {
    content: "\f1de" !important;
}

.xgg-tile-restyle .sidebar.narrow #DeliveryHours .category-filter > .title:before {
    content: "\f017" !important;
}

.xgg-tile-restyle .sidebar.narrow .price-range-holder .slider.slider-horizontal {
    width: 100% !important;
}

.xgg-tile-restyle .sidebar.narrow .price-range-holder .slider-track {
    background: var(--xgg-inset) !important;
    box-shadow: none !important;
    height: 6px !important;
}

.xgg-tile-restyle .sidebar.narrow .price-range-holder .slider-selection {
    background: var(--xgg-primary) !important;
    box-shadow: none !important;
}

.xgg-tile-restyle .sidebar.narrow .price-range-holder .slider-handle {
    background: var(--xgg-primary) !important;
    border: 2px solid #fff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
    opacity: 1 !important;
}

.xgg-tile-restyle .sidebar.narrow .price-range-holder .min-max {
    background: var(--xgg-inset) !important;
    border: 1px solid var(--xgg-surface-border) !important;
    border-radius: 10px !important;
    color: var(--xgg-surface-text) !important;
    padding: 8px 12px !important;
    font-weight: 600 !important;
}

.xgg-tile-restyle .sidebar.narrow .price-range-holder .filter-button a {
    display: inline-block !important;
    background: var(--xgg-primary) !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 9px 12px !important;
    text-transform: none !important;
    font-weight: 600 !important;
}

.xgg-tile-restyle .sidebar.narrow #DeliveryHours .btngr.vt {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    background: var(--xgg-inset) !important;
    border-radius: 12px !important;
    padding: 5px !important;
}

.xgg-tile-restyle .sidebar.narrow #DeliveryHours .btngr.vt button.le-button {
    background: transparent !important;
    color: var(--xgg-surface-text) !important;
    border: none !important;
    border-radius: 9px !important;
    font-weight: 600 !important;
    text-align: left !important;
    padding: 9px 12px !important;
}

.xgg-tile-restyle .sidebar.narrow #DeliveryHours .btngr.vt button.le-button::first-letter {
    text-transform: uppercase !important;
}

.xgg-tile-restyle .sidebar.narrow #DeliveryHours .btngr.vt button.le-button.active {
    background: var(--xgg-primary) !important;
    color: #fff !important;
}

.xgg-tile-restyle .sidebar.narrow #DeliveryHours .del-hours {
    padding: 14px 2px 2px !important;
    color: var(--xgg-surface-text) !important;
}

.xgg-tile-restyle .sidebar.narrow #DeliveryHours .del-hours table td {
    padding: 7px 8px !important;
    border-bottom: 1px solid var(--xgg-surface-border) !important;
    font-size: 13px !important;
}

.xgg-tile-restyle .sidebar.narrow #DeliveryHours .del-hours table tr:last-child td {
    border-bottom: none !important;
}

.xgg-tile-restyle .sidebar.narrow #DeliveryHours .del-hours table td.aright {
    font-weight: 600 !important;
}

.xgg-tile-restyle .sidebar.narrow #DeliveryHours #deliveryHoursMap a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--xgg-primary) !important;
    border: 1px solid var(--xgg-primary) !important;
    border-radius: 10px !important;
    color: #fff !important;
    text-align: center !important;
    padding: 11px 10px !important;
    line-height: 1 !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.xgg-tile-restyle .mtb .smcart {
    position: relative !important;
    padding: 6px !important;
}

.xgg-tile-restyle .mtb .smcart img {
    display: none !important;
}

.xgg-tile-restyle .mtb .smcart::before {
    content: "\f07a";
    font-family: "FontAwesome";
    font-size: 20px !important;
    color: transparent !important;
    -webkit-text-stroke: 1px #fff !important;
}

@media (max-width: 767px) {
    .xgg-tile-restyle #category-grid > .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .xgg-tile-restyle .control-bar {
        position: static !important;
        z-index: auto !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    .xgg-tile-restyle .control-bar #LogoAndCart,
    .xgg-tile-restyle .control-bar .top-cart-row,
    .xgg-tile-restyle .control-bar #divSearchBar,
    .xgg-tile-restyle .control-bar .mgla {
        order: 0 !important;
    }

    .xgg-tile-restyle .control-bar .mgla {
        display: block !important;
        width: 100% !important;
    }

    .xgg-tile-restyle .control-bar .mgla .grid-list-buttons {
        background: transparent !important;
        padding: 0 !important;
    }

    .xgg-tile-restyle .control-bar .grid-list-buttons ul > li:first-child {
        display: inline-flex !important;
    }

    .xgg-tile-restyle .control-bar #divSearchBar {
        display: block !important;
        flex: 0 0 100% !important;
    }

    .xgg-tile-restyle .control-bar #divSearchBar.hide {
        display: none !important;
    }

    .xgg-tile-restyle #floatingdishmenu .container {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }

    .xgg-tile-restyle .cat-menu li {
        width: calc(50% - 12px) !important;
        max-width: calc(50% - 12px) !important;
    }

    .xgg-tile-restyle .products-list .product-item .excerpt {
        padding-bottom: 54px !important;
    }

    .xgg-tile-restyle #fullmenu .cat-menu .cat {
        min-height: 46px !important;
        padding: 7px 12px !important;
    }

    .xgg-tile-restyle #fullmenu .subcat a {
        padding: 5px 14px !important;
    }

    .xgg-tile-restyle .products-list .btpn {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
    }

    .xgg-tile-restyle .products-list .btpn a.txt11u {
        width: 100% !important;
        justify-content: center !important;
        margin: 0 !important;
    }

    /* #category-grid is display:table (shrink-to-fit) → force block+100% so it can't grow past 400 */
    .xgg-tile-restyle #category-grid {
        display: block !important;
    }
    .xgg-tile-restyle #category-grid,
    .xgg-tile-restyle #category-grid > .container,
    .xgg-tile-restyle #category-grid .layout {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .xgg-tile-restyle #category-grid .layout,
    .xgg-tile-restyle #category-grid .layout > .sidebar,
    .xgg-tile-restyle .grid-list-products,
    .xgg-tile-restyle .grid-list-products .tab-content,
    .xgg-tile-restyle .grid-list-products .products-grid,
    .xgg-tile-restyle .grid-list-products .products-list {
        min-width: 0 !important;
    }
}

/* ============================================================
   Restyled info popups (.sminfpop / #MessageToUser) — new menu only
   (closed store, mobile app promo, generic messages)
   ============================================================ */
.xgg-tile-restyle .sminfpop .modal-dialog {
    position: relative;
    max-width: 560px;
    width: calc(100% - 32px);
    margin: 9vh auto !important;
    border-radius: 18px;
    padding: 24px 26px 20px;
    overflow: hidden;
}

.xgg-theme-dark.xgg-tile-restyle .sminfpop .modal-dialog {
    background: #171a1f;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6);
}

.xgg-theme-light.xgg-tile-restyle .sminfpop .modal-dialog {
    background: #fff;
    color: #1b1f24;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.22);
}

/* header: small uppercase label with a pulsing primary dot */
.xgg-tile-restyle .sminfpop .modal-dialog > .txt18 {
    border: none !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    min-height: 18px;
}

.xgg-tile-restyle .sminfpop .modal-dialog > .txt18 [data-mtu="title"] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: calc(100% - 46px);
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: var(--xgg-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xgg-tile-restyle .sminfpop .modal-dialog > .txt18 [data-mtu="title"]::before {
    content: "";
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--xgg-primary);
    box-shadow: 0 0 0 0 var(--xgg-primary-soft);
    animation: xgg-popup-dot 1.8s ease-out infinite;
}

@keyframes xgg-popup-dot {
    0% {
        box-shadow: 0 0 0 0 var(--xgg-primary-soft);
    }
    70% {
        box-shadow: 0 0 0 7px rgba(0, 0, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

/* close button → round icon top-right */
.xgg-tile-restyle .sminfpop .close-btn {
    position: absolute;
    top: 18px;
    right: 18px;
    float: none !important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease;
}

.xgg-theme-dark.xgg-tile-restyle .sminfpop .close-btn {
    background: rgba(255, 255, 255, 0.08);
}

.xgg-theme-light.xgg-tile-restyle .sminfpop .close-btn {
    background: rgba(0, 0, 0, 0.06);
}

.xgg-tile-restyle .sminfpop .close-btn:after {
    color: inherit !important;
    font-size: 14px;
    opacity: 0.7;
}

.xgg-tile-restyle .sminfpop .close-btn:hover {
    background: var(--xgg-primary-soft);
}

.xgg-tile-restyle .sminfpop .close-btn:hover:after {
    color: inherit !important;
    opacity: 1;
}

/* body: image left, text right */
.xgg-tile-restyle .sminfpop .modal-body {
    display: flex !important;
    align-items: center;
    gap: 22px;
    padding: 4px 0 8px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.xgg-tile-restyle .sminfpop .wheimage {
    flex: 0 0 34% !important;
    width: auto !important;
    max-width: 34% !important;
    padding: 0 !important;
    text-align: center;
}

.xgg-tile-restyle .sminfpop .wheimage img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 150px;
}

.xgg-tile-restyle .sminfpop .whetext {
    flex: 1 1 auto !important;
    width: auto !important;
    padding: 0 !important;
    text-align: left;
}

.xgg-tile-restyle .sminfpop .whetitle {
    margin: 0 0 10px !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.xgg-tile-restyle .sminfpop .wheprice {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.xgg-theme-dark.xgg-tile-restyle .sminfpop .wheprice {
    color: rgba(255, 255, 255, 0.72);
}

.xgg-theme-light.xgg-tile-restyle .sminfpop .wheprice {
    color: rgba(0, 0, 0, 0.6);
}

/* footer buttons: full width, rounded, no legacy grey shadow */
.xgg-tile-restyle .sminfpop .pad10-0 {
    display: flex;
    gap: 12px;
    padding: 18px 0 0 !important;
}

.xgg-tile-restyle .sminfpop .pad10-0 .le-button {
    flex: 3 1 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 14px 18px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    box-shadow: none !important;
}

/* secondary "do not show again" button (crossed-out eye) — quarter width, right of OK */
.xgg-tile-restyle .sminfpop .pad10-0 .xgg-popup-dontshow {
    flex: 1 1 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 10px !important;
    background: transparent !important;
    color: inherit !important;
    font-weight: 600 !important;
    white-space: nowrap;
}

.xgg-theme-dark.xgg-tile-restyle .sminfpop .pad10-0 .xgg-popup-dontshow {
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.xgg-theme-light.xgg-tile-restyle .sminfpop .pad10-0 .xgg-popup-dontshow {
    border: 1px solid rgba(0, 0, 0, 0.18) !important;
}

.xgg-tile-restyle .sminfpop .pad10-0 .xgg-popup-dontshow:hover {
    border-color: var(--xgg-primary) !important;
    color: var(--xgg-primary) !important;
    background: var(--xgg-primary-soft) !important;
}

.xgg-tile-restyle .sminfpop .pad10-0 .xgg-popup-dontshow i {
    font-size: 14px;
    opacity: 0.85;
}

/* "do not show again" row */
.xgg-tile-restyle .sminfpop [data-mtu="checkboxwrap"] {
    justify-content: flex-start;
    margin-top: 14px;
    font-size: 13px;
    opacity: 0.8;
}

@media (max-width: 520px) {
    .xgg-tile-restyle .sminfpop .modal-body {
        flex-direction: column;
        text-align: center;
    }

    .xgg-tile-restyle .sminfpop .whetext {
        text-align: center;
    }

    .xgg-tile-restyle .sminfpop .wheimage {
        flex-basis: auto !important;
        max-width: 60% !important;
    }
}

/* closed / outside-hours popup: red status dot + red label instead of primary */
.xgg-tile-restyle .sminfpop.xgg-popup-closed .modal-dialog > .txt18 [data-mtu="title"] {
    color: #e2483c;
}

.xgg-tile-restyle .sminfpop.xgg-popup-closed .modal-dialog > .txt18 [data-mtu="title"]::before {
    background: #e2483c;
    box-shadow: 0 0 0 0 rgba(226, 72, 60, 0.35);
    animation: xgg-popup-dot-red 1.8s ease-out infinite;
}

@keyframes xgg-popup-dot-red {
    0% {
        box-shadow: 0 0 0 0 rgba(226, 72, 60, 0.35);
    }
    70% {
        box-shadow: 0 0 0 7px rgba(0, 0, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

/* App Store / Google Play link buttons inside the mobile-app popup */
.xgg-tile-restyle .sminfpop .xgg-app-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.xgg-tile-restyle .sminfpop .xgg-app-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.xgg-theme-dark.xgg-tile-restyle .sminfpop .xgg-app-badge {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #fff;
}

.xgg-theme-light.xgg-tile-restyle .sminfpop .xgg-app-badge {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: #1b1f24;
}

.xgg-tile-restyle .sminfpop .xgg-app-badge:hover {
    border-color: var(--xgg-primary);
    color: var(--xgg-primary);
    text-decoration: none;
}

.xgg-tile-restyle .sminfpop .xgg-app-badge i {
    font-size: 16px;
}

/* "closed" hanging sign drawn in HTML/CSS (used instead of closed.png in the new menu) */
.xgg-closed-sign {
    position: relative;
    width: 154px;
    height: 132px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.xgg-closed-sign-nail {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #1b222e;
    border: 2.5px solid #97a2b1;
    z-index: 3;
}

.xgg-closed-sign-rope {
    position: absolute;
    top: 11px;
    left: 50%;
    width: 2px;
    height: 30px;
    background: linear-gradient(#97a2b1, rgba(255, 255, 255, 0.09));
    transform-origin: center top;
}

.xgg-closed-sign-rope-left {
    transform: rotate(26deg);
}

.xgg-closed-sign-rope-right {
    transform: rotate(-26deg);
}

.xgg-closed-sign-plate {
    position: relative;
    margin-top: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 13px 20px;
    border-radius: 12px;
    background: linear-gradient(160deg, #f2596a 0%, #c9394a 100%);
    border: 3px solid #fff;
    transform: rotate(-6deg);
    box-shadow: 0 16px 34px rgba(217, 57, 74, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.28);
    z-index: 2;
}

.xgg-closed-sign-lock {
    stroke: #fff;
    fill: none;
}

.xgg-closed-sign-lock circle {
    fill: #fff;
    stroke: none;
}

.xgg-closed-sign-text {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #fff;
    white-space: nowrap;
}

/* ============================================================
   New add-to-cart dialog (XGGNewCartDialog) — clean, self-contained styles
   ============================================================ */
.xgg-ncd-overlay {
    position: fixed;
    inset: 0;
    z-index: 1900;
    background: rgba(0, 0, 0, 0.62);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.xgg-ncd-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

.xgg-ncd {
    position: relative;
    width: min(760px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    overflow: hidden;
    transform: translateY(10px) scale(0.99);
    transition: transform 0.2s ease;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
}

.xgg-ncd-overlay.is-open .xgg-ncd {
    transform: none;
}

.xgg-ncd-overlay.xgg-theme-dark .xgg-ncd {
    background: var(--xgg-ncd-panel, #12161d);
    color: var(--xgg-surface-text, #eef2f6);
    border: 1px solid var(--xgg-surface-border, rgba(255, 255, 255, 0.08));
}

.xgg-ncd-overlay.xgg-theme-light .xgg-ncd {
    background: var(--xgg-ncd-panel, #ffffff);
    color: var(--xgg-surface-text, #1b1f24);
    border: 1px solid var(--xgg-surface-border, rgba(0, 0, 0, 0.08));
}

.xgg-ncd-scroll {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 8px 22px;
    scrollbar-width: thin;
    scrollbar-color: var(--xgg-primary) transparent;
}

.xgg-ncd-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.xgg-ncd-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.xgg-ncd-scroll::-webkit-scrollbar-thumb {
    background: var(--xgg-primary);
    border-radius: 8px;
}

.xgg-ncd-scroll::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

.xgg-ncd-close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 3;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.xgg-ncd-overlay.xgg-theme-dark .xgg-ncd-close {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.xgg-ncd-overlay.xgg-theme-light .xgg-ncd-close {
    background: rgba(0, 0, 0, 0.06);
    color: #1b1f24;
}

/* pinned top: product header + a row with sizes and the configurator button */
.xgg-ncd-head {
    flex: 0 0 auto;
    padding: 20px 22px 16px;
    border-bottom: 1px solid var(--xgg-surface-border);
}

.xgg-ncd-head-main {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding-right: 30px;
}

.xgg-ncd-thumb {
    flex: 0 0 auto;
}

.xgg-ncd-thumb img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 10px;
}

.xgg-ncd-titles {
    flex: 1 1 auto;
    min-width: 0;
}

.xgg-ncd-name {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
}

.xgg-ncd-name .xgg-nowrap {
    white-space: nowrap;
}

.xgg-ncd-desc {
    font-size: 12px;
    opacity: 0.7;
    margin-top: 4px;
}

.xgg-ncd-allergens {
    font-size: 11px;
    color: #e2483c;
    text-transform: uppercase;
    margin-top: 4px;
}

.xgg-ncd-price {
    flex: 0 0 auto;
    text-align: right;
}

.xgg-ncd-price-cur {
    font-size: 19px;
    font-weight: 800;
}

.xgg-ncd-price-old {
    display: block;
    font-size: 13px;
    opacity: 0.55;
    text-decoration: line-through;
    text-decoration-color: var(--xgg-primary);
}

.xgg-ncd-head-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}

.xgg-ncd-sizes {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
}

.xgg-ncd-configurator {
    flex: 0 0 auto;
    background: transparent;
    border: 1px solid var(--xgg-primary);
    color: var(--xgg-primary);
    border-radius: 9px;
    padding: 8px 14px;
    cursor: pointer;
    white-space: nowrap;
    font-weight: 600;
}

.xgg-ncd-size {
    background: var(--xgg-surface);
    border: 1px solid var(--xgg-surface-border);
    color: var(--xgg-surface-text);
    border-radius: 9px;
    padding: 9px 16px;
    cursor: pointer;
    font-size: 13px;
}

.xgg-ncd-size.is-active {
    background: var(--xgg-primary);
    border-color: var(--xgg-primary);
    color: #fff;
}

.xgg-ncd-note {
    display: flex;
    align-items: stretch;
    background: var(--xgg-inset);
    border: 1px solid var(--xgg-surface-border);
    border-radius: 10px;
    overflow: hidden;
    margin-top: 16px;
}

.xgg-ncd-note-lbl {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-right: 1px solid var(--xgg-surface-border);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.7;
    white-space: nowrap;
}

.xgg-ncd-note-input {
    flex: 1 1 auto;
    min-width: 0;
    background: transparent;
    border: none;
    outline: none;
    padding: 12px 14px;
    color: var(--xgg-surface-text);
}

.xgg-ncd-note-input::placeholder {
    color: var(--xgg-surface-text);
    opacity: 0.45;
}

.xgg-ncd-section-title {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    opacity: 0.5;
    margin: 16px 0 6px;
}

.xgg-ncd-tiles {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 6px;
    scrollbar-width: thin;
    scrollbar-color: var(--xgg-primary) transparent;
}

.xgg-ncd-tiles > * {
    flex: 0 0 auto;
}

.xgg-ncd-tiles::-webkit-scrollbar {
    height: 8px;
}

.xgg-ncd-tiles::-webkit-scrollbar-track {
    background: transparent;
}

.xgg-ncd-tiles::-webkit-scrollbar-thumb {
    background: var(--xgg-primary);
    border-radius: 8px;
}

.xgg-ncd-tiles::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

.xgg-ncd-opt {
    position: relative;
    width: 116px;
    display: flex;
    flex-direction: column;
    background: var(--xgg-surface);
    border: 1px solid var(--xgg-surface-border);
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
}

.xgg-ncd-opt img {
    width: 100%;
    height: 58px;
    object-fit: cover;
}

.xgg-ncd-opt::after,
.xgg-ncd-rec::after {
    content: "+";
    position: absolute;
    top: 6px;
    right: 8px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: var(--xgg-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}


/* image tile matching the menu products: cover by default, contain + edge-colour fill when the setting is on */
.xgg-ncd-img {
    height: 92px;
    overflow: hidden;
}

.xgg-ncd-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.xgg-tile-imagefill .xgg-ncd-img img {
    object-fit: contain;
}

.xgg-ncd-opt-name {
    padding: 8px 10px 2px;
    font-weight: 600;
}

.xgg-ncd-opt-price {
    padding: 0 10px 8px;
    align-self: flex-start;
    color: var(--xgg-primary);
    font-weight: 700;
}

.xgg-ncd-opt.is-selected {
    border-color: var(--xgg-primary);
    box-shadow: inset 0 0 0 1px var(--xgg-primary);
}

.xgg-ncd-opt.is-selected::after {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    top: 6px;
    right: 8px;
    color: var(--xgg-primary);
    font-size: 16px;
}

/* half tiles: like option tiles but with name+price on top and a "select half" strip at the bottom (a label, not a button) */
/* collapsed half-half banner (promo-like) with a toggle */
.xgg-ncd-half-banner {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid var(--xgg-surface-border);
    background: linear-gradient(90deg, var(--xgg-primary-soft) 0%, var(--xgg-bg) 100%);
}

.xgg-ncd-half-banner-ico {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--xgg-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.xgg-ncd-half-banner-txt {
    flex: 1 1 auto;
    min-width: 0;
}

.xgg-ncd-half-banner-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
}

.xgg-ncd-half-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 6px;
    background: var(--xgg-primary-soft);
    color: var(--xgg-primary);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.xgg-ncd-half-banner-desc {
    font-size: 13px;
    opacity: 0.8;
    margin-top: 3px;
}

.xgg-ncd-half-state {
    font-weight: 700;
    color: var(--xgg-surface-text);
}

.xgg-ncd-half-toggle {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--xgg-primary);
    border: none;
    color: #fff;
    border-radius: 10px;
    padding: 10px 16px;
    cursor: pointer;
    font-weight: 700;
    white-space: nowrap;
}

.xgg-ncd-half-toggle i {
    transition: transform 0.2s ease;
}

.xgg-ncd-half-toggle.is-open i {
    transform: rotate(180deg);
}

.xgg-ncd-half-banner + .xgg-ncd-tiles {
    margin-top: 10px;
}

/* half tiles: image on top, name (clamped), price, "select half" strip */
.xgg-ncd-half-tile {
    width: 150px;
    display: flex;
    flex-direction: column;
    text-align: left;
    background: var(--xgg-surface);
    border: 1px solid var(--xgg-surface-border);
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
}


.xgg-ncd-half-top {
    flex: 1 1 auto;
    padding: 8px 10px 10px;
}

.xgg-ncd-half-name {
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.xgg-ncd-half-price {
    color: var(--xgg-primary);
    font-weight: 800;
}

.xgg-ncd-half-foot {
    padding: 9px 10px;
    background: var(--xgg-inset);
    border-top: 1px solid var(--xgg-surface-border);
    font-size: 13px;
    font-weight: 600;
}

.xgg-ncd-half-tile.is-selected {
    border-color: var(--xgg-primary);
    box-shadow: inset 0 0 0 1px var(--xgg-primary);
}

.xgg-ncd-half-tile.is-selected .xgg-ncd-half-foot {
    background: var(--xgg-primary);
    color: #fff;
    border-top-color: var(--xgg-primary);
}

.xgg-ncd-promos {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.xgg-ncd-promo-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* the selected promo's products sit directly under its card, lightly inset so the grouping reads */
.xgg-ncd-promo-products {
    margin-left: 8px;
}

.xgg-ncd-promo {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid var(--xgg-surface-border);
    background: linear-gradient(90deg, var(--xgg-primary-soft) 0%, var(--xgg-bg) 100%);
}

.xgg-ncd-promo-ico {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--xgg-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
}

.xgg-ncd-promo-txt {
    flex: 1 1 auto;
    min-width: 0;
}

.xgg-ncd-promo-name {
    font-weight: 800;
}

.xgg-ncd-promo-desc {
    font-size: 13px;
    opacity: 0.8;
    margin-top: 2px;
}

.xgg-ncd-promo-btn {
    flex: 0 0 auto;
    background: transparent;
    border: 1px solid var(--xgg-surface-border);
    color: var(--xgg-surface-text);
    border-radius: 10px;
    padding: 8px 16px;
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap;
}

.xgg-ncd-promo.is-selected .xgg-ncd-promo-btn {
    background: var(--xgg-primary);
    border-color: var(--xgg-primary);
    color: #fff;
}

.xgg-ncd-rec {
    position: relative;
    width: 150px;
    display: flex;
    flex-direction: column;
    background: var(--xgg-surface);
    border: 1px solid var(--xgg-surface-border);
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
}


.xgg-ncd-rec-name {
    padding: 8px 10px 2px;
    font-weight: 600;
    text-align: left;
}

.xgg-ncd-rec-price {
    padding: 0 10px 10px;
    color: var(--xgg-primary);
    font-weight: 800;
    text-align: left;
}

.xgg-ncd-rec.is-selected {
    border-color: var(--xgg-primary);
    box-shadow: inset 0 0 0 1px var(--xgg-primary);
}

.xgg-ncd-rec.is-selected::after {
    content: "\f058";
    font-family: FontAwesome;
}

.xgg-ncd-foot {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    border-top: 1px solid var(--xgg-surface-border);
}

.xgg-ncd-qty {
    display: flex;
    align-items: center;
    border: 1px solid var(--xgg-surface-border);
    border-radius: 10px;
    overflow: hidden;
}

.xgg-ncd-qty-btn {
    width: 34px;
    height: 34px;
    background: var(--xgg-surface);
    border: none;
    color: var(--xgg-surface-text);
    cursor: pointer;
    font-size: 16px;
}

.xgg-ncd-qty-btn:disabled {
    opacity: .4;
    cursor: default;
}

.xgg-ncd-qty-val {
    min-width: 34px;
    text-align: center;
    font-weight: 600;
}

.xgg-ncd-total {
    margin-right: auto;
    margin-left: 6px;
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.xgg-ncd-total-lbl {
    font-size: 11px;
    opacity: 0.6;
    text-transform: uppercase;
}

.xgg-ncd-total-val {
    font-size: 18px;
    font-weight: 800;
}

.xgg-ncd-continue {
    background: transparent;
    border: 1px solid var(--xgg-surface-border);
    color: var(--xgg-surface-text);
    border-radius: 12px;
    padding: 13px 20px;
    cursor: pointer;
    font-weight: 600;
}

.xgg-ncd-gotocart {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--xgg-primary);
    border: none;
    color: #fff;
    border-radius: 12px;
    padding: 13px 22px;
    cursor: pointer;
    font-weight: 700;
}

@media (max-width: 560px) {
    .xgg-ncd-head-row {
        flex-wrap: wrap;
    }

    .xgg-ncd-configurator {
        margin-left: auto;
    }

    /* half-half banner: drop the toggle to its own row so the description keeps full width
       (otherwise the wide button squeezes the text to one word per line) */
    .xgg-ncd-half-banner {
        flex-wrap: wrap;
    }
    .xgg-ncd-half-toggle {
        flex: 1 0 100%;
        justify-content: center;
        margin-top: 10px;
    }

    /* footer: qty + total on the first row, action buttons share the second */
    .xgg-ncd-foot {
        flex-wrap: wrap;
    }
    .xgg-ncd-continue,
    .xgg-ncd-gotocart {
        flex: 1 1 40%;
        justify-content: center;
        white-space: nowrap;
        padding: 13px 8px;
    }
}


/* ============================================================
   Product configurator dialog (XGGDishConfig) — self-contained styles
   ============================================================ */
.xgg-dc-overlay {
    position: fixed;
    inset: 0;
    z-index: 2050;
    background: rgba(0, 0, 0, 0.66);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.xgg-dc-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

body.xgg-dc-open {
    overflow: hidden;
}

/* lift the bootstrap message modal above the configurator overlay so errors stay visible */
body.xgg-dc-open .modal {
    z-index: 2100 !important;
}

body.xgg-dc-open .modal-backdrop {
    z-index: 2060 !important;
}

.xgg-dc {
    position: relative;
    width: min(1040px, calc(100vw - 32px));
    height: calc(100vh - 40px);
    height: calc(100dvh - 40px);
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    overflow: hidden;
    background: var(--xgg-bg, #14181f);
    color: var(--xgg-surface-text, #e8ecf1);
    border: 1px solid var(--xgg-surface-border, rgba(255, 255, 255, 0.1));
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
    transform: translateY(10px) scale(0.99);
    transition: transform 0.2s ease;
}

.xgg-dc-overlay.is-open .xgg-dc {
    transform: none;
}

.xgg-dc.is-busy {
    cursor: progress;
}

/* panel colour follows the theme, same as the other dialogs: deep near-black on dark, the real page background on light */
.xgg-dc-overlay.xgg-theme-dark .xgg-dc {
    background: rgb(20, 20, 20);
}

.xgg-dc-overlay.xgg-theme-light .xgg-dc {
    background: var(--xgg-bg, #ffffff);
}

/* ---- header ---- */
.xgg-dc-head {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 22px;
    background: var(--xgg-inset);
    border-bottom: 1px solid var(--xgg-surface-border);
}

.xgg-dc-head-titles {
    flex: 1 1 auto;
    min-width: 0;
}

.xgg-dc-eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--xgg-primary);
}

.xgg-dc-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.15;
    margin-top: 2px;
}

.xgg-dc-sizes {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.xgg-dc-size {
    padding: 8px 16px;
    border-radius: 10px;
    border: 1px solid var(--xgg-surface-border);
    background: var(--xgg-surface);
    color: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.xgg-dc-size.is-active {
    background: var(--xgg-primary);
    border-color: var(--xgg-primary);
    color: #fff;
}

.xgg-dc-close {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid var(--xgg-surface-border);
    background: var(--xgg-surface);
    color: inherit;
    cursor: pointer;
    font-size: 16px;
}

.xgg-dc-close:hover {
    background: var(--xgg-inset);
}

/* ---- category tabs ---- */
.xgg-dc-tabs {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 22px 4px;
}

.xgg-dc-tab {
    padding: 8px 16px;
    border-radius: 999px;
    border: 1px solid var(--xgg-surface-border);
    background: var(--xgg-surface);
    color: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.xgg-dc-tab.is-active {
    background: var(--xgg-primary);
    border-color: var(--xgg-primary);
    color: #fff;
}

/* ---- search ---- */
.xgg-dc-search {
    flex: 0 0 auto;
    position: relative;
    margin: 12px 22px 6px;
}

.xgg-dc-search > i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.55;
    font-size: 14px;
}

.xgg-dc-search-input {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px 12px 38px;
    border-radius: 12px;
    border: 1px solid var(--xgg-surface-border);
    background: var(--xgg-inset);
    color: inherit;
    font-size: 14px;
    outline: none;
}

.xgg-dc-search-input:focus {
    border-color: var(--xgg-primary);
}

/* ---- ingredient body ---- */
.xgg-dc-body {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 6px 22px 14px;
    scrollbar-width: thin;
    scrollbar-color: var(--xgg-primary) transparent;
}

.xgg-dc-body::-webkit-scrollbar {
    width: 8px;
}

.xgg-dc-body::-webkit-scrollbar-track {
    background: transparent;
}

.xgg-dc-body::-webkit-scrollbar-thumb {
    background: var(--xgg-primary);
    border-radius: 8px;
}

.xgg-dc-body::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

.xgg-dc-section-title {
    font-size: 13px;
    font-weight: 600;
    opacity: 0.68;
    margin: 14px 0 8px;
}

.xgg-dc-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.xgg-dc-tile {
    width: 150px;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    border: 1px solid var(--xgg-surface-border);
    background: var(--xgg-surface);
    overflow: hidden;
    cursor: pointer;
}

.xgg-dc-tile.nata {
    cursor: default;
}

.xgg-dc-tile.nata:not(.is-selected) {
    opacity: .5;
}

.xgg-dc-tile.is-selected {
    border-color: var(--xgg-primary);
}

.xgg-dc-tile-img {
    position: relative;
    height: 96px;
    overflow: hidden;
}

.xgg-dc-tile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.xgg-dc-tile.is-selected .xgg-dc-tile-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--xgg-primary);
    opacity: 0.5;
}

.xgg-dc-tile-count {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

.xgg-dc-tile-name {
    padding: 8px 10px 2px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.xgg-dc-tile-foot {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 6px 10px 10px;
}

.xgg-dc-tile-price {
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.xgg-dc-tile-price.is-free {
    color: var(--xgg-primary);
}

/* ---- steppers ---- */
.xgg-dc-stepper {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--xgg-surface-border);
    border-radius: 9px;
    overflow: hidden;
}

.xgg-dc-stepper button {
    width: 26px;
    height: 26px;
    border: none;
    background: var(--xgg-inset);
    color: inherit;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
}

.xgg-dc-stepper button:hover:not(:disabled) {
    background: var(--xgg-primary);
    color: #fff;
}

.xgg-dc-stepper button:disabled {
    opacity: 0.4;
    cursor: default;
}

.xgg-dc-step-val {
    min-width: 24px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
}

/* ---- footer ---- */
.xgg-dc-foot {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 12px 22px;
    border-top: 1px solid var(--xgg-surface-border);
    background: var(--xgg-inset);
}

.xgg-dc-selected {
    flex: 1 1 auto;
    min-width: 0;
}

.xgg-dc-selected-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.xgg-dc-selected-lbl {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0.7;
}

.xgg-dc-selected-total {
    font-size: 13px;
    font-weight: 700;
    color: var(--xgg-primary);
}

.xgg-dc-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 103px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--xgg-primary) transparent;
}

.xgg-dc-chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid var(--xgg-surface-border);
    background: var(--xgg-surface);
    font-size: 12px;
}

.xgg-dc-chip-empty {
    border-style: dashed;
    background: transparent;
    opacity: 0.5;
}

.xgg-dc-chip-info {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.xgg-dc-chip-name {
    font-weight: 600;
    white-space: nowrap;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xgg-dc-chip-price {
    font-weight: 700;
    color: var(--xgg-primary);
    white-space: nowrap;
}

.xgg-dc-chip-stepper button {
    width: 22px;
    height: 22px;
    font-size: 13px;
}

.xgg-dc-foot-right {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.xgg-dc-qty {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--xgg-surface-border);
    border-radius: 10px;
    overflow: hidden;
}

.xgg-dc-qty button {
    width: 34px;
    height: 40px;
    border: none;
    background: var(--xgg-surface);
    color: inherit;
    font-size: 17px;
    cursor: pointer;
}

.xgg-dc-qty button:hover {
    background: var(--xgg-primary);
    color: #fff;
}

.xgg-dc-qty-val {
    min-width: 34px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
}

.xgg-dc-ok {
    height: 42px;
    padding: 0 34px;
    border: none;
    border-radius: 12px;
    background: var(--xgg-primary);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}

.xgg-dc-ok:hover {
    filter: brightness(0.95);
}

@media (max-width: 720px) {
    .xgg-dc-head {
        flex-wrap: wrap;
    }
    .xgg-dc-sizes {
        order: 3;
        width: 100%;
        justify-content: flex-start;
    }
    .xgg-dc-foot {
        flex-direction: column;
        align-items: stretch;
    }
    .xgg-dc-foot-right {
        justify-content: space-between;
    }
    .xgg-dc-ok {
        flex: 1 1 auto;
    }
}

/* ============================================================
   New-look /food footer (rendered on every /food page when the new look is on)
   ============================================================ */
.xgg-tile-restyle .xgg-foot {
    background: #000;
    color: var(--xgg-surface-text, #e6e6e6);
    border-top: 1px solid var(--xgg-surface-border);
}

/* pure black on dark themes, pure white on light — the sampled page grey looked washed out */
.xgg-theme-dark .xgg-foot {
    background: #000;
}

.xgg-theme-light .xgg-foot {
    background: #fff;
}

.xgg-tile-restyle .xgg-foot a {
    color: inherit;
    text-decoration: none;
}

.xgg-foot-main {
    max-width: 1180px;
    margin: 0 auto;
    padding: 40px 22px 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.xgg-foot-col {
    flex: 1 1 240px;
    min-width: 220px;
}

.xgg-foot-brand {
    flex: 1.4 1 300px;
}

.xgg-foot-logo img {
    max-height: 112px;
    max-width: 100%;
    width: auto;
}

.xgg-foot-tagline {
    margin: 16px 0;
    font-size: 14px;
    line-height: 1.6;
    opacity: 0.72;
    max-width: 330px;
}

.xgg-foot-contact {
    font-size: 14px;
}

.xgg-foot-addr,
.xgg-foot-phone,
.xgg-foot-email {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 8px;
}

.xgg-foot-addr i,
.xgg-foot-phone i,
.xgg-foot-email i {
    color: var(--xgg-primary);
    margin-top: 3px;
}

.xgg-foot-phone {
    font-weight: 700;
}

.xgg-foot-title {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--xgg-primary);
    margin: 0 0 16px;
}

.xgg-foot-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.xgg-foot-links li {
    margin-bottom: 11px;
}

.xgg-foot-links a {
    opacity: 0.85;
    font-size: 14px;
}

.xgg-foot-links a:hover {
    color: var(--xgg-primary);
    opacity: 1;
}

.xgg-foot-sub {
    font-size: 13.5px;
    line-height: 1.55;
    opacity: 0.72;
    margin: 0 0 14px;
    max-width: 330px;
}

/* scoped to .xgg-tile-restyle so these beat the legacy .XGGNewsletter input/button rules from main.css (0,1,1) */
.xgg-tile-restyle .xgg-foot-news {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 340px;
    padding-top: 0;
}

.xgg-tile-restyle .xgg-foot-news-input {
    flex: 1 1 auto;
    min-width: 0;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid var(--xgg-surface-border);
    background: var(--xgg-inset);
    color: inherit;
    min-height: 0;
    font-size: 14px;
    outline: none;
}

.xgg-tile-restyle .xgg-foot-news-input:focus {
    border-color: var(--xgg-primary);
}

.xgg-tile-restyle .xgg-foot-news-btn {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    max-height: none;
    padding: 0;
    border: none;
    border-radius: 12px;
    background: var(--xgg-primary);
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.xgg-tile-restyle .xgg-foot-news-btn:hover {
    filter: brightness(0.95);
}

.xgg-foot-social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.xgg-foot-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--xgg-inset);
    border: 1px solid var(--xgg-surface-border);
    font-size: 16px;
}

.xgg-foot-social-icon:hover {
    background: var(--xgg-primary);
    color: #fff;
    border-color: var(--xgg-primary);
}

.xgg-foot-social-icon img {
    width: 16px;
    height: 16px;
}

.xgg-foot-fb {
    margin-top: 16px;
    max-width: 340px;
}

.xgg-foot-bottom {
    max-width: 1180px;
    margin: 0 auto;
    padding: 16px 22px;
    border-top: 1px solid var(--xgg-surface-border);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    font-size: 12.5px;
    opacity: 0.82;
}

.xgg-foot-poweredby img {
    height: 22px;
    vertical-align: middle;
}

.xgg-foot-viewswitch {
    display: inline-flex;
    gap: 14px;
}

.xgg-foot-viewswitch a {
    font-weight: 600;
}

@media (max-width: 720px) {
    .xgg-foot-main {
        flex-direction: column;
        gap: 28px;
    }
    .xgg-foot-bottom {
        flex-direction: column;
        text-align: center;
    }
}

/* off the menu page: the top-bar cart jumps to the menu and opens the floating cart there, so suppress the hover dropdown */
.xgg-nav-cart-to-menu .basket .dropdown-menu {
    display: none !important;
}

.xgg-nav-cart-to-menu #aCartIconLinkTB {
    cursor: pointer;
}

/* ---- promo set contents inside the product dialog ---- */
.xgg-ncd-setlist-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-top: 6px;
}

.xgg-ncd-setlist-count {
    flex: 0 0 auto;
    font-size: 12px;
    color: var(--xgg-surface-text);
    opacity: 0.7;
}

.xgg-ncd-setlist {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.xgg-ncd-setrow {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    background: var(--xgg-surface);
    border: 1px solid var(--xgg-surface-border);
}

.xgg-ncd-setno {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--xgg-primary);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.xgg-ncd-setthumb {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    overflow: hidden;
    background: var(--xgg-inset);
}

.xgg-ncd-setthumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.xgg-ncd-setinfo {
    flex: 1 1 auto;
    min-width: 0;
}

.xgg-ncd-setname {
    font-weight: 700;
    font-size: 14px;
}

.xgg-ncd-setbullet {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 3px;
    font-size: 12px;
    opacity: 0.8;
}

.xgg-ncd-setbullet::before {
    content: "";
    flex: 0 0 auto;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--xgg-primary);
}

.xgg-ncd-setprice {
    flex: 0 0 auto;
    align-self: flex-start;
    font-weight: 700;
    white-space: nowrap;
}

.xgg-ncd-settotal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    padding: 12px 14px;
    border-radius: 12px;
    background: var(--xgg-primary-soft);
    border: 1px solid var(--xgg-primary);
}

.xgg-ncd-settotal-label {
    font-weight: 600;
}

.xgg-ncd-settotal-value {
    flex: 0 0 auto;
    font-weight: 700;
    color: var(--xgg-primary);
    white-space: nowrap;
}

/* ---- promo set cards: same dimensions as the product tiles in the menu ---- */
#promoSetList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 18px;
}

.xgg-set-card {
    display: flex;
    flex-direction: column;
    flex: 0 1 275px;
    max-width: min(275px, 100%);
    min-width: 0;
    min-height: 340px;
    overflow: hidden;
    border: 1px solid var(--xgg-primary, #1e88e5);
    border-radius: 16px;
    background: var(--xgg-surface, #fff);
    color: var(--xgg-surface-text, inherit);
}

.xgg-set-media {
    width: 100%;
    aspect-ratio: 28 / 17;
    overflow: hidden;
}

.xgg-set-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.xgg-set-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px 16px;
}

.xgg-set-name {
    font-size: 16px;
    font-weight: 700;
}

.xgg-set-short,
.xgg-set-full {
    font-size: 13px;
    line-height: 1.5;
    opacity: 0.85;
    overflow-wrap: anywhere;
}

.xgg-set-full {
    display: none;
}

.xgg-set-card.is-expanded .xgg-set-short {
    display: none;
}

.xgg-set-card.is-expanded .xgg-set-full {
    display: block;
}

.xgg-set-more {
    align-self: flex-start;
    display: inline-block;
    margin: 4px 0 0 0;
    padding: 5px 12px;
    background: var(--xgg-primary-soft, #eef6fd);
    border: 1px solid var(--xgg-primary, #1e88e5);
    border-radius: 8px;
    color: var(--xgg-primary, #1e88e5);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.xgg-set-more:before {
    content: "\f107";
    font-family: "FontAwesome";
    margin-right: 5px;
}

.xgg-set-more.is-open:before {
    content: "\f106";
}

/* the button sits at the bottom of the card whatever the description length */
.xgg-set-add {
    margin-top: auto;
    width: 100%;
    border-radius: 10px !important;
}

/* =========================================================================
   NEW CHECKOUT SCREENS - body.xgg-checkout-restyle
   ========================================================================= */

/* ---- step bar: interlocking right-pointing arrows. The gap above is padding, a top margin
       collapses out of the plain row the bar sits in on the summary page ---- */
.xgg-checkout-restyle .cbrc {
    background: transparent !important;
    counter-reset: xggstep;
    overflow: visible !important;
    display: flex;
    gap: 0;
    padding-top: 16px;
}

/* the cart page is replaced by the floating cart, so its step disappears and the rest renumber */
.xgg-checkout-restyle .cbrc li.cbrc-cart {
    display: none !important;
}

.xgg-checkout-restyle .cbrc .cbrc-no {
    display: none;
}

/* the old chevron is hidden, the arrow shape comes from clip-path */
.xgg-checkout-restyle .cbrc li:not(:last-child)::after {
    display: none !important;
}

/* every step except the current one sits on a darkened primary, never grey */
.xgg-checkout-restyle .cbrc li {
    counter-increment: xggstep;
    font-weight: 700;
    flex: 1 1 0;
    width: auto !important;
    min-width: 0;
    height: 46px;
    margin-left: -18px;
    padding-left: 56px !important;
    padding-right: 22px;
    background: color-mix(in srgb, var(--xgg-primary) 40%, var(--xgg-bg));
    color: var(--xgg-surface-text);
    font-size: 13px;
    overflow: visible !important;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%, 18px 50%);
}

.xgg-checkout-restyle .cbrc li:first-child {
    margin-left: 0;
    padding-left: 42px !important;
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%);
}

.xgg-checkout-restyle .cbrc li:last-child {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 18px 50%);
}

.xgg-checkout-restyle .cbrc li::before {
    content: counter(xggstep);
    position: absolute;
    left: 28px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--xgg-primary);
    color: var(--xgg-on-primary);
    font-size: 12px;
    font-weight: 700;
}

.xgg-checkout-restyle .cbrc li:first-child::before {
    left: 14px;
}

/* legacy sets "color: #000 !important" on .cbrc li and .cbrc li a, so both need overriding here */
.xgg-checkout-restyle .cbrc li,
.xgg-checkout-restyle .cbrc li a {
    color: var(--xgg-surface-text) !important;
    font-weight: 700 !important;
}

.xgg-checkout-restyle .cbrc li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* the current step is the last completed one */
.xgg-checkout-restyle .cbrc li.active:has(+ li:not(.active)),
.xgg-checkout-restyle .cbrc li.active:last-child {
    background: var(--xgg-primary);
}

.xgg-checkout-restyle .cbrc li.active:has(+ li:not(.active)),
.xgg-checkout-restyle .cbrc li.active:has(+ li:not(.active)) a,
.xgg-checkout-restyle .cbrc li.active:last-child,
.xgg-checkout-restyle .cbrc li.active:last-child a {
    color: var(--xgg-on-primary) !important;
}

.xgg-checkout-restyle .cbrc li.active:has(+ li:not(.active))::before,
.xgg-checkout-restyle .cbrc li.active:last-child::before {
    background: var(--xgg-on-primary);
    color: var(--xgg-primary);
}

/* ---- surfaces and fields ---- */
.xgg-checkout-restyle .cart-summary {
    background: var(--xgg-surface);
    border: 1px solid var(--xgg-surface-border);
    border-radius: 14px;
    color: var(--xgg-surface-text);
}

.xgg-checkout-restyle .le-input {
    background: var(--xgg-inset) !important;
    border: 1px solid var(--xgg-surface-border) !important;
    color: var(--xgg-surface-text) !important;
    border-radius: 10px !important;
}

.xgg-checkout-restyle .le-input:focus {
    border-color: var(--xgg-primary) !important;
}

/* payment tiles share the field background */
.xgg-checkout-restyle [data-payment="option"] {
    background: var(--xgg-inset);
    border: 1px solid var(--xgg-surface-border);
    border-radius: 12px;
}

.xgg-checkout-restyle [data-payment="option"]:hover {
    border-color: var(--xgg-primary);
}

/* ---- order status steps ---- */
.xgg-checkout-restyle .status-bread .sb-wrap {
    background: var(--xgg-inset);
    color: var(--xgg-surface-text);
    border-radius: 50%;
}

.xgg-checkout-restyle .status-bread td.active .sb-wrap {
    background: var(--xgg-primary);
    color: #fff;
}

.xgg-checkout-restyle .xgg-eta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px 30px;
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--xgg-inset);
    border: 1px solid var(--xgg-surface-border);
    color: var(--xgg-surface-text);
    font-size: 13px;
}

.xgg-checkout-restyle .xgg-eta i {
    color: var(--xgg-primary);
}

/* ink that sits on top of the primary colour, flipped with the theme */
body.xgg-checkout-restyle {
    --xgg-on-primary: #000;
}

body.xgg-theme-light.xgg-checkout-restyle {
    --xgg-on-primary: #fff;
}

/* ---- summary panel ---- */
.xgg-checkout-restyle .sidebar,
.xgg-checkout-restyle .cart-summary {
    box-sizing: border-box;
    max-width: 100%;
    padding-left: 30px;
}

/* scoped so the legacy checkout keeps its 40px left-only padding */
.xgg-checkout-restyle #cart-page .cart-summary {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 16px !important;
}

.xgg-checkout-restyle .cart-summary .tabled-data > li:last-child label,
.xgg-checkout-restyle .cart-summary .tabled-data > li:last-child .value {
    color: var(--xgg-surface-text) !important;
    opacity: 1 !important;
}

.xgg-checkout-restyle .cart-summary .simple-link {
    display: block;
    width: 100%;
    text-align: center;
}

/* ---- controls share the field radius ---- */
.xgg-checkout-restyle .le-button,
.xgg-checkout-restyle .le-button.squ,
.xgg-checkout-restyle .le-button.big,
.xgg-checkout-restyle .le-button.small {
    border-radius: 10px !important;
}

/* ---- delivery type: separate buttons, not one joined strip ---- */
.xgg-checkout-restyle [data-delivery-btn] {
    margin-right: 10px;
    font-weight: 600;
    background: var(--xgg-surface) !important;
    border: 1px solid var(--xgg-surface-border) !important;
    color: var(--xgg-surface-text) !important;
}

.xgg-checkout-restyle [data-delivery-btn]:last-of-type {
    margin-right: 0;
}

.xgg-checkout-restyle [data-delivery-btn]:not(.inverse) {
    background: var(--xgg-primary) !important;
    border-color: var(--xgg-primary) !important;
    color: var(--xgg-on-primary) !important;
}

/* ---- required-field marker ---- */
.xgg-checkout-restyle .XGGValidate:after,
.xgg-checkout-restyle .xgvd:after {
    color: var(--xgg-primary) !important;
}

/* ---- payment tiles: no logos, plain label, selection shown on the tile itself ---- */
.xgg-checkout-restyle [data-payment="option"] img,
.xgg-checkout-restyle [data-payment="option"] div:has(> img) {
    display: none !important;
}

.xgg-checkout-restyle [data-payment="option"] .le-button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--xgg-surface-text) !important;
    text-align: left;
    padding-left: 0 !important;
    font-weight: 600;
}

.xgg-checkout-restyle [data-payment="option"]:has(.le-button:not(.inverse)) {
    border-color: var(--xgg-primary);
    background: color-mix(in srgb, var(--xgg-primary) 12%, var(--xgg-inset));
}

.xgg-checkout-restyle [data-payment="option"] .txtgreen,
.xgg-checkout-restyle [data-payment="option"] .c2txt {
    color: var(--xgg-primary) !important;
}

/* ---- section headings ---- */
.xgg-checkout-restyle .pnltitle {
    color: var(--xgg-surface-text) !important;
    font-family: inherit;
    font-size: 22px;
    font-weight: 700;
}

/* the mockup has no rule under the section titles */
.xgg-checkout-restyle h2.pnltitle.bdb,
.xgg-checkout-restyle .bdb:has(> .pnltitle) {
    border-bottom: none !important;
}

/* invoice: the checkbox and the copy button belong under the heading, not beside it */
.xgg-checkout-restyle .bdb:has(> .pnltitle) {
    flex-direction: column;
    align-items: flex-start;
}

.xgg-checkout-restyle .bdb:has(> .pnltitle) .mgla {
    margin-left: 0 !important;
}

/* ---- each section is its own numbered card ---- */
.xgg-co-only {
    display: none;
}

.xgg-checkout-restyle .xgg-co-only {
    display: block;
}

.xgg-checkout-restyle #cart-page {
    counter-reset: xggco;
}

.xgg-checkout-restyle .xgg-co-card {
    counter-increment: xggco;
    position: relative;
    background: var(--xgg-surface);
    border: 1px solid var(--xgg-surface-border);
    border-radius: 14px;
    padding: 18px 20px;
    margin-top: 16px;
}

.xgg-checkout-restyle .xgg-co-card > *:first-child {
    margin-top: 0 !important;
}

.xgg-checkout-restyle .xgg-co-card .pnltitle {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 0 !important;
    font-size: 18px;
}

.xgg-checkout-restyle .xgg-co-card .pnltitle::before {
    content: counter(xggco);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background: var(--xgg-primary);
    color: var(--xgg-on-primary);
    font-size: 13px;
    font-weight: 700;
}

/* ---- boxes inside the delivery card: option list, chosen address, floor plan ---- */
.xgg-checkout-restyle #DeliveryOptionsToSelect > div,
.xgg-checkout-restyle [data-delivery-address="wrap"],
.xgg-checkout-restyle #WorkplaceFloorPlan {
    background: var(--xgg-inset);
    border: 1px solid var(--xgg-surface-border);
    border-radius: 12px;
    color: var(--xgg-surface-text);
    overflow: hidden;
}

.xgg-checkout-restyle [data-delivery-address="wrap"]:hover,
.xgg-checkout-restyle #DeliveryOptionsToSelect > div:hover {
    border-color: var(--xgg-primary);
}

/* legacy palette helpers inside those boxes follow the theme instead of fixed colours */
.xgg-checkout-restyle #DeliveryOptionsToSelect .c0bg,
.xgg-checkout-restyle #DeliveryOptionsToSelect .c1txt {
    background: transparent !important;
    color: var(--xgg-surface-text) !important;
}

.xgg-checkout-restyle #DeliveryOptionsToSelect .c3bg {
    background: var(--xgg-primary) !important;
    color: var(--xgg-on-primary) !important;
    border-radius: 10px;
}

/* floor plan: soften the hard rules and keep the header inside the rounded corners */
.xgg-checkout-restyle #WorkplaceFloorPlan #FloorPlanNav {
    margin-bottom: 0;
}

.xgg-checkout-restyle #WorkplaceFloorPlan .bdb {
    border-bottom-color: var(--xgg-surface-border) !important;
}

.xgg-checkout-restyle #WorkplaceFloorPlan a {
    color: var(--xgg-primary);
}

/* ---- time buttons must not sit glued together ---- */
.xgg-checkout-restyle #DateSelection {
    display: flex;
    gap: 10px;
}

.xgg-checkout-restyle #DateSelection .le-button {
    margin: 0 !important;
}

.xgg-checkout-restyle #DateSelection .le-button.active {
    background: var(--xgg-primary) !important;
    border-color: var(--xgg-primary) !important;
    color: var(--xgg-on-primary) !important;
}

/* ---- checkboxes ---- */
.xgg-checkout-restyle .checkbox-primary input[type="checkbox"]:checked + label::before,
.xgg-checkout-restyle .checkbox-primary input[type="radio"]:checked + label::before {
    background-color: var(--xgg-primary) !important;
    border-color: var(--xgg-primary) !important;
}

.xgg-checkout-restyle .checkbox label::before {
    background: var(--xgg-inset);
    border: 1px solid var(--xgg-surface-border);
    border-radius: 5px;
}

.xgg-checkout-restyle .checkbox label,
.xgg-checkout-restyle label[for="cbSaveUserDetails"] {
    color: var(--xgg-surface-text);
}

/* ---- secondary button in the invoice card ---- */
/* the old layout keeps its spacing helpers, the card layout does not use them */
.xgg-checkout-restyle #DeliveryOptionSelector.mgbtm50 {
    margin-bottom: 0;
}

.xgg-checkout-restyle .mgl10:has(> #btnCopyData) {
    margin-left: 0;
}

.xgg-checkout-restyle #btnCopyData {
    background: var(--xgg-inset) !important;
    border: 1px solid var(--xgg-primary) !important;
    color: var(--xgg-primary) !important;
    font-weight: 600;
}

.xgg-checkout-restyle #btnCopyData:hover {
    background: var(--xgg-primary) !important;
    color: var(--xgg-on-primary) !important;
}

/* browser autofill repaints the field, so the theme background has to be forced back */
/* after a click the focus ring kept looking like a stuck hover */
.xgg-checkout-restyle .checkbox input[type="checkbox"]:focus + label::before,
.xgg-checkout-restyle .checkbox input[type="radio"]:focus + label::before {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

.xgg-checkout-restyle .checkbox input[type="checkbox"]:not(:checked) + label::before,
.xgg-checkout-restyle .checkbox input[type="radio"]:not(:checked) + label::before {
    background: var(--xgg-inset) !important;
    border-color: var(--xgg-surface-border) !important;
}

/* ---- table picking: one shared box ---- */
.xgg-checkout-restyle .xgg-co-box {
    background: var(--xgg-surface);
    border: 1px solid var(--xgg-surface-border);
    border-radius: 12px;
    padding: 16px;
    margin-top: 16px;
}

/* the floor plan sits inside the shared box now, so it drops its own frame */
.xgg-checkout-restyle .xgg-co-box #WorkplaceFloorPlan {
    background: transparent;
    border: none;
    border-radius: 0;
}

.xgg-checkout-restyle .xgg-co-box #tableSelectorSwitch {
    margin-bottom: 0 !important;
}

.xgg-checkout-restyle .xgg-co-box .bdb {
    border-bottom-color: var(--xgg-surface-border) !important;
}

.xgg-checkout-restyle .xgg-co-box a {
    color: var(--xgg-primary);
}

.xgg-checkout-restyle .wplb {
    border-radius: 10px !important;
    background: var(--xgg-surface) !important;
    border: 1px solid var(--xgg-surface-border) !important;
    color: var(--xgg-surface-text) !important;
}

.xgg-checkout-restyle .wplb:hover {
    border-color: var(--xgg-primary) !important;
}

.xgg-checkout-restyle .wplb:not(.inverse) {
    background: var(--xgg-primary) !important;
    border-color: var(--xgg-primary) !important;
    color: var(--xgg-on-primary) !important;
}

.xgg-checkout-restyle .alert-info,
.xgg-checkout-restyle .alert-danger {
    border-radius: 10px;
}

.xgg-checkout-restyle .xgg-co-box .alert-info {
    background: color-mix(in srgb, var(--xgg-primary) 14%, var(--xgg-surface)) !important;
    border: 1px solid color-mix(in srgb, var(--xgg-primary) 35%, transparent);
    color: var(--xgg-surface-text) !important;
}

.xgg-checkout-restyle #canvasWrapper {
    max-width: 100%;
}

/* the box only exists for table picking, so it disappears when nothing in it is shown - the simple
   selector is just a wrapper around hidden panels, so it counts only when one of its panels is visible */
.xgg-checkout-restyle .xgg-co-box:not(:has(> :not(.hide):not(:empty):not(#WorkplaceSimpleSelector))):not(:has(> #WorkplaceSimpleSelector:not(.hide) > :not(.hide))) {
    display: none;
}

/* placeholders stay muted, never full white */
.xgg-checkout-restyle .le-input::placeholder {
    color: color-mix(in srgb, var(--xgg-surface-text) 55%, transparent);
    opacity: 1;
}

/* Chrome autofills this field whatever autocomplete says, and paints its own background over ours.
   The cover colour is the opaque equivalent of a normal field: inset over surface over the page,
   so an autofilled field is indistinguishable from a typed one. The long transition stops the
   browser repainting it again on focus. */
.xgg-checkout-restyle .le-input:-webkit-autofill,
.xgg-checkout-restyle .le-input:-webkit-autofill:hover,
.xgg-checkout-restyle .le-input:-webkit-autofill:focus,
.xgg-checkout-restyle .le-input:-webkit-autofill:active,
.xgg-checkout-restyle .le-input:autofill,
.xgg-checkout-restyle #cart-page:has(.xgg-ty) #likeButton .form-control:-webkit-autofill,
.xgg-checkout-restyle #cart-page:has(.xgg-ty) #likeButton .form-control:-webkit-autofill:hover,
.xgg-checkout-restyle #cart-page:has(.xgg-ty) #likeButton .form-control:-webkit-autofill:focus,
.xgg-checkout-restyle #cart-page:has(.xgg-ty) #likeButton .form-control:-webkit-autofill:active,
.xgg-checkout-restyle #cart-page:has(.xgg-ty) #likeButton .form-control:autofill {
    -webkit-text-fill-color: var(--xgg-surface-text) !important;
    -webkit-box-shadow: 0 0 0 1000px color-mix(in srgb, #000 28%, color-mix(in srgb, #fff 4%, var(--xgg-bg))) inset !important;
    box-shadow: 0 0 0 1000px color-mix(in srgb, #000 28%, color-mix(in srgb, #fff 4%, var(--xgg-bg))) inset !important;
    border-color: var(--xgg-surface-border) !important;
    caret-color: var(--xgg-surface-text);
    transition: background-color 9999s ease-out 0s;
}


/* =========================================================================
   ORDER SUMMARY PAGE - #myorder
   ========================================================================= */

/* ---- terms and consents ---- */
.xgg-checkout-restyle #myorder .XGGAcceptTerms {
    margin: 22px 0 0;
    padding: 0;
    text-align: left;
    color: var(--xgg-surface-text);
}

/* the box is drawn to the left of the label, so the row needs that much room reserved */
.xgg-checkout-restyle #myorder .XGGAcceptTerms .checkbox {
    display: inline-block !important;
    vertical-align: top;
    margin: 0;
    padding-left: 30px;
}

.xgg-checkout-restyle #myorder .XGGAcceptTerms .checkbox label::before {
    top: 0;
    width: 22px;
    height: 22px;
    margin-left: -30px;
    border-radius: 6px;
}

/* the tick sits on the box and centres itself */
.xgg-checkout-restyle #myorder .XGGAcceptTerms .checkbox label::after {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0 !important;
    left: 0 !important;
    width: 22px;
    height: 22px;
    margin-left: -30px;
    padding: 0;
    font-size: 13px;
    line-height: 1;
}

/* the marketing consent starts its own line under the terms one */
.xgg-checkout-restyle #myorder .XGGAcceptTerms .checkbox:not(:first-child) {
    display: block !important;
    margin-top: 10px;
}

.xgg-checkout-restyle #myorder .XGGAcceptTerms .checkbox label {
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1.5;
    padding-left: 8px;
}

.xgg-checkout-restyle #myorder .XGGAcceptTerms > a {
    color: var(--xgg-primary);
    font-size: 14px !important;
    font-weight: 600;
}

/* this one is a note, not a consent - it stays small and drops below the checkbox line */
.xgg-checkout-restyle #myorder .XGGAcceptTerms > label {
    display: block;
    margin: 8px 0 0;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 1.5;
    color: color-mix(in srgb, var(--xgg-surface-text) 70%, transparent);
}

/* the old layout widens the checkbox to 100px, the new one keeps its own size */
.xgg-checkout-restyle #myorder:has(.xgg-os) #cbAcceptTerms {
    width: auto !important;
}

/* ---- buttons ---- */
.xgg-checkout-restyle #myorder .mord-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 20px;
    padding: 20px 0 0 !important;
    border-top: 1px solid var(--xgg-surface-border);
}

.xgg-checkout-restyle #myorder .mord-btns #litAcceptTerms:empty {
    display: none;
}

.xgg-checkout-restyle #myorder .mord-btns button,
.xgg-checkout-restyle #myorder .mord-btns a {
    float: none !important;
    width: auto !important;
    min-width: 150px;
    margin: 0 !important;
    border-radius: 10px !important;
}

/* the back button comes last in the markup but belongs on the left */
.xgg-checkout-restyle #myorder .mord-btns #aBackButton {
    order: -1;
}

/* the back button can be hidden, so the order button pushes itself to the right instead */
.xgg-checkout-restyle #myorder .mord-btns .go {
    margin-left: auto !important;
}

.xgg-checkout-restyle #myorder .mord-btns .go .sub {
    display: block;
    font-size: 11px;
    font-weight: 400;
    opacity: 0.8;
}

.xgg-checkout-restyle #myorder #aBackEditButton {
    float: none !important;
    margin: 18px 15px 0 !important;
    border-radius: 10px !important;
}

@media (max-width: 767px) {
    .xgg-checkout-restyle #myorder .mord-btns button,
    .xgg-checkout-restyle #myorder .mord-btns a {
        width: 100% !important;
    }

    .xgg-checkout-restyle #myorder .mord-btns .go {
        margin-left: 0 !important;
    }

    .xgg-checkout-restyle #myorder .mord-btns #aBackButton {
        order: 1;
    }
}


/* =========================================================================
   ORDER SUMMARY - flat layout, no cards (body.xgg-checkout-restyle + #myorder)
   ========================================================================= */

/* grows with the screen, so the side gap is half of what a fixed 720px column would leave */
.xgg-checkout-restyle #myorder .xgg-os,
.xgg-checkout-restyle #myorder:has(.xgg-os) #divTermsAndCreateOrder {
    max-width: calc(50% + 360px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
    color: var(--xgg-surface-text);
}

/* the buttons ended up glued to the bottom of the page */
.xgg-checkout-restyle #myorder:has(.xgg-os) #divTermsAndCreateOrder {
    padding-bottom: 48px;
}

.xgg-checkout-restyle #myorder .xgg-os-eyebrow {
    margin: 26px 0 18px;
    color: var(--xgg-surface-text);
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

/* ---- amount to pay ---- */
.xgg-checkout-restyle #myorder .xgg-os-pay {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}

.xgg-checkout-restyle #myorder .xgg-os-pay-label {
    font-size: 13px;
    color: color-mix(in srgb, var(--xgg-surface-text) 65%, transparent);
}

.xgg-checkout-restyle #myorder .xgg-os-pay-value {
    margin-top: 2px;
    font-size: 40px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -1px;
}

.xgg-checkout-restyle #myorder .xgg-os-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 6px;
}

.xgg-checkout-restyle #myorder .xgg-os-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 13px;
    border: 1px solid color-mix(in srgb, var(--xgg-primary) 35%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--xgg-primary) 14%, var(--xgg-inset));
    font-size: 12px;
    white-space: nowrap;
}

.xgg-checkout-restyle #myorder .xgg-os-chip i {
    color: var(--xgg-primary);
}

/* ---- small section headings ---- */
.xgg-checkout-restyle #myorder .xgg-os-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--xgg-surface-text) 55%, transparent);
}

.xgg-checkout-restyle #myorder .xgg-os-section {
    margin: 30px 0 6px;
}

/* ---- ordered products ---- */
.xgg-checkout-restyle #myorder .xgg-os-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px 0;
    border-bottom: 1px solid var(--xgg-surface-border);
}

.xgg-checkout-restyle #myorder .xgg-os-thumb {
    position: relative;
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
}

.xgg-checkout-restyle #myorder .xgg-os-thumb img {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    object-fit: cover;
}

.xgg-checkout-restyle #myorder .xgg-os-qty {
    position: absolute;
    top: -6px;
    right: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 21px;
    height: 21px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--xgg-primary);
    color: var(--xgg-on-primary);
    font-size: 11px;
    font-weight: 700;
}

.xgg-checkout-restyle #myorder .xgg-os-item-info {
    flex: 1 1 auto;
    min-width: 0;
}

.xgg-checkout-restyle #myorder .xgg-os-item-name {
    font-size: 14px;
    font-weight: 700;
}

.xgg-checkout-restyle #myorder .xgg-os-item-unit {
    margin-top: 2px;
    font-size: 12px;
    color: color-mix(in srgb, var(--xgg-surface-text) 55%, transparent);
}

.xgg-checkout-restyle #myorder .xgg-os-item-opts {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.xgg-checkout-restyle #myorder .xgg-os-opt {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 9px;
    border-radius: 8px;
    background: var(--xgg-inset);
    font-size: 11px;
    color: color-mix(in srgb, var(--xgg-surface-text) 80%, transparent);
}

.xgg-checkout-restyle #myorder .xgg-os-opt b {
    color: var(--xgg-primary);
    font-weight: 700;
}

.xgg-checkout-restyle #myorder .xgg-os-item-price {
    flex: 0 0 auto;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
}

.xgg-checkout-restyle #myorder .xgg-os-item.is-gratis .xgg-os-item-price {
    color: var(--xgg-primary);
}

/* ---- totals ---- */
.xgg-checkout-restyle #myorder .xgg-os-totals {
    padding: 18px 0;
    border-bottom: 1px solid var(--xgg-surface-border);
}

.xgg-checkout-restyle #myorder .xgg-os-total-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    padding: 5px 0;
    font-size: 13px;
    color: color-mix(in srgb, var(--xgg-surface-text) 65%, transparent);
}

.xgg-checkout-restyle #myorder .xgg-os-total-row b {
    font-size: 14px;
    font-weight: 700;
    color: var(--xgg-surface-text);
    white-space: nowrap;
}

/* ---- delivery address ---- */
.xgg-checkout-restyle #myorder .xgg-os-block {
    margin-top: 26px;
}

.xgg-checkout-restyle #myorder .xgg-os-address {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 10px;
}

.xgg-checkout-restyle #myorder .xgg-os-address i {
    margin-top: 5px;
    font-size: 16px;
    color: var(--xgg-primary);
}

.xgg-checkout-restyle #myorder .xgg-os-address-1 {
    font-size: 19px;
    font-weight: 700;
}

.xgg-checkout-restyle #myorder .xgg-os-address-2 {
    margin-top: 2px;
    font-size: 15px;
    font-weight: 600;
    color: color-mix(in srgb, var(--xgg-surface-text) 75%, transparent);
}

/* ---- the remaining order details ---- */
.xgg-checkout-restyle #myorder .xgg-os-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 24px;
    margin-top: 26px;
}

.xgg-checkout-restyle #myorder .xgg-os-value {
    margin-top: 6px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

/* ---- bottom bar ---- */
.xgg-checkout-restyle #myorder .mord-btns .xgg-os-bar-total {
    flex: 0 0 auto;
    line-height: 1.2;
}

.xgg-checkout-restyle #myorder .mord-btns .xgg-os-bar-total-label {
    font-size: 12px;
    color: color-mix(in srgb, var(--xgg-surface-text) 60%, transparent);
}

.xgg-checkout-restyle #myorder .mord-btns .xgg-os-bar-total-value {
    font-size: 20px;
    font-weight: 800;
}

/* centred in its column like the note under it */
.xgg-checkout-restyle #myorder:has(.xgg-os) .mord-btns .go {
    grid-area: go;
    margin-left: auto !important;
    margin-right: auto !important;
    min-width: 280px;
    padding: 16px 32px;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 8px 26px color-mix(in srgb, var(--xgg-primary) 30%, transparent);
}

.xgg-checkout-restyle #myorder:has(.xgg-os) .mord-btns .go .sub {
    display: none;
}

/* the back button is only an icon in the new layout, so it does not need the wide shape */
.xgg-checkout-restyle #myorder:has(.xgg-os) .mord-btns #aBackButton {
    grid-area: back;
    justify-self: start;
    min-width: 42px;
    width: 42px !important;
    height: 42px;
    padding: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 12px !important;
    background: var(--xgg-inset) !important;
    border: 1px solid var(--xgg-surface-border) !important;
    color: var(--xgg-surface-text) !important;
    font-size: 0;
}

.xgg-checkout-restyle #myorder:has(.xgg-os) .mord-btns #aBackButton i {
    margin-right: 0 !important;
    font-size: 16px;
}

.xgg-checkout-restyle #myorder:has(.xgg-os) .mord-btns {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    grid-template-areas:
        "back total go"
        ". . note";
    align-items: center;
}

.xgg-checkout-restyle #myorder:has(.xgg-os) .mord-btns .xgg-os-bar-total {
    grid-area: total;
}

.xgg-checkout-restyle #myorder .xgg-os-secure {
    grid-area: note;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 7px;
    font-size: 11px;
    color: color-mix(in srgb, var(--xgg-surface-text) 55%, transparent);
}

@media (max-width: 767px) {
    .xgg-checkout-restyle #myorder .xgg-os-pay-value {
        font-size: 32px;
    }

    .xgg-checkout-restyle #myorder .xgg-os-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .xgg-checkout-restyle #myorder:has(.xgg-os) .mord-btns {
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-areas:
            "back total"
            "go go"
            "note note";
    }

    .xgg-checkout-restyle #myorder:has(.xgg-os) .mord-btns .go {
        min-width: 0;
    }
}

/* ---- the terms error takes a full row, so the back button's column stays narrow ---- */
.xgg-checkout-restyle #myorder:has(.xgg-os) .mord-btns #litAcceptTerms {
    grid-column: 1 / -1;
}

/* ---- summary, delivery and thank-you page: unchecked boxes are outlined in the brand colour too ---- */
.xgg-checkout-restyle #myorder .checkbox label::before,
.xgg-checkout-restyle #cart-page:has(.xgg-co-card) .checkbox label::before,
.xgg-checkout-restyle #cart-page:has(.xgg-ty) .checkbox label::before {
    border-color: var(--xgg-primary) !important;
}

/* =========================================================================
   THANK YOU PAGE - new layout (#cart-page with .xgg-ty)
   ========================================================================= */

/* the title and message moved into the card, and the old order info column is replaced by it */
.xgg-checkout-restyle #cart-page:has(.xgg-ty) .info-404,
.xgg-checkout-restyle #cart-page:has(.xgg-ty) #orderInfo {
    display: none !important;
}

.xgg-checkout-restyle #cart-page .xgg-ty,
.xgg-checkout-restyle #cart-page .xgg-ty + .dflex {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}

.xgg-checkout-restyle #cart-page .xgg-ty-hero {
    position: relative;
    overflow: hidden;
    padding: 26px 26px 24px;
    border: 1px solid color-mix(in srgb, var(--xgg-primary) 40%, var(--xgg-surface-border));
    border-radius: 18px;
    background: radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--xgg-primary) 20%, transparent), transparent 60%), var(--xgg-surface);
    color: var(--xgg-surface-text);
}

.xgg-checkout-restyle #cart-page .xgg-ty-head {
    display: flex;
    align-items: center;
    gap: 16px;
}

.xgg-checkout-restyle #cart-page .xgg-ty-check {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: var(--xgg-primary);
    color: var(--xgg-on-primary);
    font-size: 22px;
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--xgg-primary) 18%, transparent), 0 10px 28px color-mix(in srgb, var(--xgg-primary) 35%, transparent);
}

/* still waiting for the payment, so the icon stays neutral */
.xgg-checkout-restyle #cart-page .xgg-ty-check.is-pending {
    background: var(--xgg-inset);
    color: var(--xgg-surface-text);
    box-shadow: none;
}

.xgg-checkout-restyle #cart-page .xgg-ty-title {
    font-size: 34px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.xgg-checkout-restyle #cart-page .xgg-ty-subtitle {
    font-size: 30px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: color-mix(in srgb, var(--xgg-surface-text) 55%, transparent);
}

.xgg-checkout-restyle #cart-page .xgg-ty-info {
    margin-top: 22px;
    padding: 16px 0;
    border-top: 1px solid var(--xgg-surface-border);
    border-bottom: 1px solid var(--xgg-surface-border);
}

.xgg-checkout-restyle #cart-page .xgg-ty-order {
    font-size: 15px;
    font-weight: 700;
}

.xgg-checkout-restyle #cart-page .xgg-ty-message {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 400;
    color: color-mix(in srgb, var(--xgg-surface-text) 75%, transparent);
}

.xgg-checkout-restyle #cart-page .xgg-ty-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.xgg-checkout-restyle #cart-page .xgg-ty-actions .le-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0 !important;
    padding: 12px 18px;
    border-radius: 10px !important;
    font-size: 14px;
    font-weight: 700;
}

.xgg-checkout-restyle #cart-page .xgg-ty-actions .xgg-ty-track {
    flex: 1 1 260px;
    box-shadow: 0 8px 26px color-mix(in srgb, var(--xgg-primary) 30%, transparent);
}

.xgg-checkout-restyle #cart-page .xgg-ty-actions .xgg-ty-secondary {
    flex: 0 0 auto;
    background: var(--xgg-inset) !important;
    border: 1px solid var(--xgg-surface-border) !important;
    color: var(--xgg-surface-text) !important;
}

/* ---- boxes under the card: account first, Google review under it ---- */
.xgg-checkout-restyle #cart-page .xgg-ty + .dflex {
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
}

.xgg-checkout-restyle #cart-page .xgg-ty + .dflex > div {
    flex: none;
    width: 100% !important;
    margin: 0 !important;
}

/* the markup has Google first, the account box is moved ahead of it */
.xgg-checkout-restyle #cart-page .xgg-ty + .dflex #likeButton {
    order: 1;
}

.xgg-checkout-restyle #cart-page .xgg-ty + .dflex .xgg-ty-google-wrap {
    order: 2;
}

.xgg-checkout-restyle #cart-page .xgg-ty-google {
    display: block;
    height: 100%;
    padding: 20px;
    border: 1px solid var(--xgg-surface-border);
    border-radius: 16px;
    background: var(--xgg-surface);
    color: var(--xgg-surface-text) !important;
    text-decoration: none !important;
    transition: border-color 0.15s ease;
}

.xgg-checkout-restyle #cart-page .xgg-ty-google:hover {
    border-color: var(--xgg-primary);
}

.xgg-checkout-restyle #cart-page .xgg-ty-google-head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.xgg-checkout-restyle #cart-page .xgg-ty-google-logo {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #fff;
    color: #4285f4;
    font-size: 20px;
}

.xgg-checkout-restyle #cart-page .xgg-ty-google-title {
    font-size: 15px;
    font-weight: 700;
}

.xgg-checkout-restyle #cart-page .xgg-ty-google-sub {
    font-size: 12px;
    color: color-mix(in srgb, var(--xgg-surface-text) 60%, transparent);
}

.xgg-checkout-restyle #cart-page .xgg-ty-stars {
    display: flex;
    gap: 10px;
    margin-top: 16px;
    font-size: 26px;
    color: color-mix(in srgb, var(--xgg-surface-text) 70%, transparent);
}

.xgg-checkout-restyle #cart-page .xgg-ty-google:hover .xgg-ty-stars {
    color: #fbbc04;
}

/* the account panel keeps its own markup and script, only its look follows the card */
.xgg-checkout-restyle #cart-page .xgg-ty + .dflex #likeButton .whatnow {
    min-height: 0;
    height: 100%;
    margin-top: 0;
    padding: 20px;
    border: 1px solid color-mix(in srgb, var(--xgg-primary) 40%, var(--xgg-surface-border));
    border-radius: 16px;
    background: var(--xgg-surface);
    color: color-mix(in srgb, var(--xgg-surface-text) 75%, transparent);
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
}

.xgg-checkout-restyle #cart-page .xgg-ty + .dflex #likeButton .th-title {
    padding-bottom: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--xgg-primary) !important;
}

/* account form: two fields per row */
.xgg-checkout-restyle #cart-page .xgg-ty + .dflex #likeButton #registerPane {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 10px;
    padding: 14px 0 0;
}

.xgg-checkout-restyle #cart-page .xgg-ty + .dflex #likeButton .rp-row {
    padding-bottom: 10px;
}

.xgg-checkout-restyle #cart-page .xgg-ty + .dflex #likeButton .rp-i {
    display: none;
}

.xgg-checkout-restyle #cart-page .xgg-ty + .dflex #likeButton .form-control {
    height: 42px;
    padding-left: 14px !important;
    border: 1px solid var(--xgg-surface-border);
    border-radius: 10px;
    background: var(--xgg-inset);
    color: var(--xgg-surface-text);
    box-shadow: none;
}

.xgg-checkout-restyle #cart-page .xgg-ty + .dflex #likeButton .form-control::placeholder {
    color: color-mix(in srgb, var(--xgg-surface-text) 55%, transparent);
    opacity: 1;
}

.xgg-checkout-restyle #cart-page .xgg-ty + .dflex #likeButton .rp-row:last-child {
    text-align: left !important;
}

.xgg-checkout-restyle #cart-page .xgg-ty + .dflex #likeButton #registerPane .le-button {
    width: 100%;
    margin: 4px 0 0 !important;
    padding: 12px 18px;
    border: 1px solid var(--xgg-primary) !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--xgg-primary) !important;
    font-weight: 700;
}

.xgg-checkout-restyle #cart-page .xgg-ty + .dflex #likeButton #registerPane .le-button:hover {
    background: var(--xgg-primary) !important;
    color: var(--xgg-on-primary) !important;
}

@media (max-width: 767px) {
    .xgg-checkout-restyle #cart-page .xgg-ty-title {
        font-size: 28px;
    }

    .xgg-checkout-restyle #cart-page .xgg-ty-subtitle {
        font-size: 24px;
    }
}

/* ---- account form: the terms, error and button keep the full width ---- */
.xgg-checkout-restyle #cart-page .xgg-ty + .dflex #likeButton #registerPane > .rp-row:not(:has(> .form-control)) {
    grid-column: 1 / -1;
}

@media (max-width: 479px) {
    .xgg-checkout-restyle #cart-page .xgg-ty + .dflex #likeButton #registerPane {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* =========================================================================
   ORDER TRACKING PAGE - new layout (#myorder with .xgg-tr)
   ========================================================================= */

/* the old status box is replaced by the new card, its rating block is moved into it by the page script */
.xgg-checkout-restyle #myorder:has(.xgg-tr) #tableOrderStatus {
    display: none !important;
}

.xgg-checkout-restyle #myorder .xgg-tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 16px;
    max-width: 880px;
    margin: 24px auto 0;
    padding: 0 12px;
    color: var(--xgg-surface-text);
}

.xgg-checkout-restyle #myorder .xgg-tr-main,
.xgg-checkout-restyle #myorder .xgg-tr-side {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.xgg-checkout-restyle #myorder .xgg-tr-card {
    padding: 18px 20px;
    border: 1px solid var(--xgg-surface-border);
    border-radius: 16px;
    background: var(--xgg-surface);
    color: var(--xgg-surface-text);
}

.xgg-checkout-restyle #myorder .xgg-tr-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--xgg-surface-text) 55%, transparent);
}

/* ---- live status card ---- */
.xgg-checkout-restyle #myorder .xgg-tr-hero {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 24px;
    border-color: color-mix(in srgb, var(--xgg-primary) 40%, var(--xgg-surface-border));
    background: radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--xgg-primary) 20%, transparent), transparent 60%), var(--xgg-surface);
}

.xgg-checkout-restyle #myorder .xgg-tr-ring {
    position: relative;
    flex: 0 0 auto;
    width: 118px;
    height: 118px;
}

.xgg-checkout-restyle #myorder .xgg-tr-ring svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.xgg-checkout-restyle #myorder .xgg-tr-ring circle {
    fill: none;
    stroke-width: 9;
}

.xgg-checkout-restyle #myorder .xgg-tr-ring-bg {
    stroke: color-mix(in srgb, var(--xgg-primary) 18%, transparent);
}

.xgg-checkout-restyle #myorder .xgg-tr-ring-fg {
    stroke: var(--xgg-primary);
    stroke-linecap: round;
    transition: stroke-dashoffset 1s linear;
}

.xgg-checkout-restyle #myorder .xgg-tr-ring-inner {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.xgg-checkout-restyle #myorder .xgg-tr-ring-time {
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.5px;
    line-height: 1;
}

.xgg-checkout-restyle #myorder .xgg-tr-ring-label {
    margin-top: 4px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--xgg-surface-text) 60%, transparent);
}

/* the countdown only shows while the restaurant's time is running, otherwise an icon says what happened */
.xgg-checkout-restyle #myorder .xgg-tr-ring:not(.is-live) .xgg-tr-ring-time,
.xgg-checkout-restyle #myorder .xgg-tr-ring:not(.is-live) .xgg-tr-ring-label {
    display: none;
}

.xgg-checkout-restyle #myorder .xgg-tr-ring-icon {
    display: none;
    font-size: 38px;
    color: var(--xgg-primary);
}

.xgg-checkout-restyle #myorder .xgg-tr-ring.is-done .is-done-icon,
.xgg-checkout-restyle #myorder .xgg-tr-ring.is-cancelled .is-cancelled-icon,
.xgg-checkout-restyle #myorder .xgg-tr-ring.is-waiting .is-waiting-icon {
    display: block;
}

.xgg-checkout-restyle #myorder .xgg-tr-ring.is-cancelled .xgg-tr-ring-fg {
    stroke: #e5484d;
}

.xgg-checkout-restyle #myorder .xgg-tr-ring.is-cancelled .is-cancelled-icon {
    color: #e5484d;
}

/* the restaurant can switch the delivery time off, then the circle is left out */
.xgg-checkout-restyle #myorder .xgg-tr-ring.is-hidden {
    display: none;
}

.xgg-checkout-restyle #myorder .xgg-tr-hero-text {
    flex: 1 1 auto;
    min-width: 0;
}

.xgg-checkout-restyle #myorder .xgg-tr-live {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: var(--xgg-primary);
}

.xgg-checkout-restyle #myorder .xgg-tr-live::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--xgg-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--xgg-primary) 25%, transparent);
    animation: xgg-tr-pulse 1.6s ease-in-out infinite;
}

@keyframes xgg-tr-pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.35;
    }
}

.xgg-checkout-restyle #myorder .xgg-tr-status {
    margin-top: 6px;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 800;
}

.xgg-checkout-restyle #myorder .xgg-tr-prep {
    margin-top: 8px;
    font-size: 12px;
    color: color-mix(in srgb, var(--xgg-surface-text) 65%, transparent);
}

.xgg-checkout-restyle #myorder .xgg-tr-prep b {
    color: var(--xgg-surface-text);
}

.xgg-checkout-restyle #myorder .xgg-tr-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.xgg-checkout-restyle #myorder .xgg-tr-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid var(--xgg-surface-border);
    border-radius: 999px;
    background: var(--xgg-inset);
    font-size: 11px;
    color: color-mix(in srgb, var(--xgg-surface-text) 80%, transparent);
}

.xgg-checkout-restyle #myorder .xgg-tr-chip i {
    color: var(--xgg-primary);
}

.xgg-checkout-restyle #myorder .xgg-tr-chip b {
    font-weight: 700;
    color: var(--xgg-surface-text);
}

.xgg-checkout-restyle #myorder .xgg-tr-chip.is-order {
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.xgg-checkout-restyle #myorder .xgg-tr-chip.is-order b {
    color: var(--xgg-primary);
}

/* ---- progress ---- */
.xgg-checkout-restyle #myorder .xgg-tr-steps {
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}

.xgg-checkout-restyle #myorder .xgg-tr-step {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 8px 0;
}

.xgg-checkout-restyle #myorder .xgg-tr-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 40px;
    bottom: -6px;
    left: 14px;
    width: 2px;
    border-radius: 2px;
    background: var(--xgg-surface-border);
}

.xgg-checkout-restyle #myorder .xgg-tr-step.is-done:not(:last-child)::after {
    background: var(--xgg-primary);
}

.xgg-checkout-restyle #myorder .xgg-tr-step-no {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid var(--xgg-surface-border);
    border-radius: 50%;
    background: var(--xgg-inset);
    font-size: 12px;
    font-weight: 700;
    color: color-mix(in srgb, var(--xgg-surface-text) 60%, transparent);
}

.xgg-checkout-restyle #myorder .xgg-tr-step.is-done .xgg-tr-step-no {
    border-color: var(--xgg-primary);
    background: color-mix(in srgb, var(--xgg-primary) 25%, var(--xgg-inset));
    color: var(--xgg-surface-text);
}

.xgg-checkout-restyle #myorder .xgg-tr-step.is-current .xgg-tr-step-no {
    border-color: var(--xgg-primary);
    background: var(--xgg-primary);
    color: var(--xgg-on-primary);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--xgg-primary) 20%, transparent);
}

/* a cancelled order stops at the step it reached, marked in red */
.xgg-checkout-restyle #myorder .xgg-tr-step.is-cancelled .xgg-tr-step-no {
    border-color: #e5484d;
    background: #e5484d;
    color: #fff;
}

.xgg-checkout-restyle #myorder .xgg-tr-step-text {
    flex: 1 1 auto;
    min-width: 0;
}

.xgg-checkout-restyle #myorder .xgg-tr-step-title {
    font-size: 14px;
    font-weight: 700;
}

.xgg-checkout-restyle #myorder .xgg-tr-step.is-future .xgg-tr-step-title {
    color: color-mix(in srgb, var(--xgg-surface-text) 60%, transparent);
}

.xgg-checkout-restyle #myorder .xgg-tr-step-sub {
    font-size: 11px;
    color: color-mix(in srgb, var(--xgg-surface-text) 55%, transparent);
}

.xgg-checkout-restyle #myorder .xgg-tr-step-time {
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 700;
    color: color-mix(in srgb, var(--xgg-surface-text) 60%, transparent);
}

.xgg-checkout-restyle #myorder .xgg-tr-step.is-current .xgg-tr-step-time {
    color: var(--xgg-primary);
}

/* ---- rating after the order is closed (moved here from the old status box) ---- */
.xgg-checkout-restyle #myorder .xgg-tr-grade:empty {
    display: none;
}

.xgg-checkout-restyle #myorder .xgg-tr-grade .star-rate {
    margin-top: 0 !important;
}

/* ---- contact ---- */
.xgg-checkout-restyle #myorder .xgg-tr-contact {
    display: flex;
    align-items: center;
    gap: 16px;
    border-color: color-mix(in srgb, var(--xgg-primary) 40%, var(--xgg-surface-border));
    background: radial-gradient(120% 90% at 0% 100%, color-mix(in srgb, var(--xgg-primary) 16%, transparent), transparent 60%), var(--xgg-surface);
}

.xgg-checkout-restyle #myorder .xgg-tr-contact-icon {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: var(--xgg-primary);
    color: var(--xgg-on-primary);
    font-size: 20px;
}

.xgg-checkout-restyle #myorder .xgg-tr-contact-text {
    flex: 1 1 auto;
    min-width: 0;
}

.xgg-checkout-restyle #myorder .xgg-tr-contact-title {
    font-size: 17px;
    font-weight: 800;
    line-height: 1.2;
}

.xgg-checkout-restyle #myorder .xgg-tr-contact-sub {
    margin-top: 4px;
    font-size: 12px;
    color: color-mix(in srgb, var(--xgg-surface-text) 65%, transparent);
}

.xgg-checkout-restyle #myorder .xgg-tr-contact-btn {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0 !important;
    padding: 12px 20px;
    border-radius: 10px !important;
    font-weight: 700;
    box-shadow: 0 8px 26px color-mix(in srgb, var(--xgg-primary) 30%, transparent);
}

/* ---- order card ---- */
.xgg-checkout-restyle #myorder .xgg-tr-order {
    overflow: hidden;
    padding: 0;
}

.xgg-checkout-restyle #myorder .xgg-tr-order-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid var(--xgg-surface-border);
    font-size: 14px;
    font-weight: 800;
}

.xgg-checkout-restyle #myorder .xgg-tr-count {
    padding: 3px 9px;
    border-radius: 999px;
    background: var(--xgg-inset);
    font-size: 10px;
    font-weight: 700;
    color: color-mix(in srgb, var(--xgg-surface-text) 65%, transparent);
}

.xgg-checkout-restyle #myorder .xgg-tr-products {
    max-height: 320px;
    overflow-y: auto;
}

.xgg-checkout-restyle #myorder .xgg-tr-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--xgg-surface-border);
}

.xgg-checkout-restyle #myorder .xgg-tr-item:last-child {
    border-bottom: none;
}

.xgg-checkout-restyle #myorder .xgg-tr-item img {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    object-fit: cover;
}

.xgg-checkout-restyle #myorder .xgg-tr-item-name {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 12px;
    font-weight: 600;
}

.xgg-checkout-restyle #myorder .xgg-tr-item-qty {
    flex: 0 0 auto;
    font-size: 11px;
    white-space: nowrap;
    color: color-mix(in srgb, var(--xgg-surface-text) 60%, transparent);
}

.xgg-checkout-restyle #myorder .xgg-tr-order-total {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-top: 1px solid color-mix(in srgb, var(--xgg-primary) 40%, var(--xgg-surface-border));
    font-size: 12px;
    font-weight: 600;
}

.xgg-checkout-restyle #myorder .xgg-tr-order-total b {
    font-size: 22px;
    font-weight: 800;
    white-space: nowrap;
}

/* what is still to pay, or a note that the order is paid */
.xgg-checkout-restyle #myorder .xgg-tr-order-pay {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 16px 14px;
    font-size: 12px;
    font-weight: 600;
}

.xgg-checkout-restyle #myorder .xgg-tr-order-pay b {
    font-size: 14px;
    white-space: nowrap;
}

.xgg-checkout-restyle #myorder .xgg-tr-order-pay.is-paid {
    justify-content: flex-start;
    color: var(--xgg-primary);
}

/* ---- address and details ---- */
.xgg-checkout-restyle #myorder .xgg-tr-address {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 8px 0 12px;
}

.xgg-checkout-restyle #myorder .xgg-tr-address i {
    margin-top: 3px;
    color: var(--xgg-primary);
}

.xgg-checkout-restyle #myorder .xgg-tr-address-1 {
    font-size: 15px;
    font-weight: 800;
}

.xgg-checkout-restyle #myorder .xgg-tr-address-2 {
    font-size: 12px;
    color: color-mix(in srgb, var(--xgg-surface-text) 65%, transparent);
}

.xgg-checkout-restyle #myorder .xgg-tr-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 0;
    font-size: 11px;
}

/* lines only between the rows, never above the first one */
.xgg-checkout-restyle #myorder .xgg-tr-row + .xgg-tr-row {
    border-top: 1px solid var(--xgg-surface-border);
}

.xgg-checkout-restyle #myorder .xgg-tr-row span {
    color: color-mix(in srgb, var(--xgg-surface-text) 60%, transparent);
}

.xgg-checkout-restyle #myorder .xgg-tr-row b {
    font-size: 12px;
    font-weight: 700;
    text-align: right;
    overflow-wrap: anywhere;
}

.xgg-checkout-restyle #myorder .xgg-tr-back {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin: 0 !important;
    padding: 12px;
    border: 1px solid var(--xgg-surface-border) !important;
    border-radius: 12px !important;
    background: var(--xgg-surface) !important;
    color: var(--xgg-surface-text) !important;
    font-weight: 700;
}

.xgg-checkout-restyle #myorder .xgg-tr-back:hover {
    border-color: var(--xgg-primary) !important;
}

@media (max-width: 991px) {
    .xgg-checkout-restyle #myorder .xgg-tr {
        grid-template-columns: minmax(0, 1fr);
    }

    /* on a narrow screen both columns become one list, so the call box can sit right above the back button */
    .xgg-checkout-restyle #myorder .xgg-tr-main,
    .xgg-checkout-restyle #myorder .xgg-tr-side {
        display: contents;
    }

    .xgg-checkout-restyle #myorder .xgg-tr-card,
    .xgg-checkout-restyle #myorder .xgg-tr-back {
        min-width: 0;
    }

    .xgg-checkout-restyle #myorder .xgg-tr-contact {
        order: 1;
    }

    .xgg-checkout-restyle #myorder .xgg-tr-back {
        order: 2;
    }
}

@media (max-width: 575px) {
    .xgg-checkout-restyle #myorder .xgg-tr-hero {
        flex-direction: column;
        text-align: center;
    }

    .xgg-checkout-restyle #myorder .xgg-tr-live,
    .xgg-checkout-restyle #myorder .xgg-tr-chips {
        justify-content: center;
    }

    .xgg-checkout-restyle #myorder .xgg-tr-contact {
        flex-wrap: wrap;
    }

    .xgg-checkout-restyle #myorder .xgg-tr-contact-btn {
        flex-basis: 100%;
    }
}

/* ---- step bar on a phone: the arrows do not fit, so every step is a small box with its number and
   only the current one is wide enough to show its name ---- */
@media (max-width: 767px) {
    .xgg-checkout-restyle .cbrc {
        flex-wrap: nowrap !important;
        gap: 8px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .xgg-checkout-restyle .cbrc li,
    .xgg-checkout-restyle .cbrc li:first-child,
    .xgg-checkout-restyle .cbrc li:last-child {
        position: relative;
        display: flex;
        flex: 0 0 40px;
        align-items: center;
        width: 40px !important;
        height: 40px;
        margin-left: 0;
        padding: 0 !important;
        border-radius: 12px;
        font-size: 0;
        clip-path: none;
    }

    .xgg-checkout-restyle .cbrc li::before,
    .xgg-checkout-restyle .cbrc li:first-child::before {
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /* the link covers the whole box, since its text is hidden on the small steps */
    .xgg-checkout-restyle .cbrc li a {
        position: absolute;
        inset: 0;
        font-size: 0;
    }

    .xgg-checkout-restyle .cbrc li.active:has(+ li:not(.active)),
    .xgg-checkout-restyle .cbrc li.active:last-child {
        flex: 1 1 auto;
        width: auto !important;
        min-width: 0;
        padding: 0 14px 0 44px !important;
        font-size: 13px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    .xgg-checkout-restyle .cbrc li.active:has(+ li:not(.active))::before,
    .xgg-checkout-restyle .cbrc li.active:last-child::before {
        left: 11px;
        transform: translateY(-50%);
    }

    .xgg-checkout-restyle .cbrc li.active:has(+ li:not(.active)) a,
    .xgg-checkout-restyle .cbrc li.active:last-child a {
        position: static;
        font-size: 13px;
    }
}

/* =========================================================================
   PHONE CART - a bar at the bottom and the cart as a full screen
   ========================================================================= */

.xgg-mcart-bar,
.xgg-cart-panel-icon {
    display: none;
}

@media (max-width: 767px) {
    /* the bar shows up once something is in the cart and floats like the move-up button */
    .xgg-mcart-bar-on .xgg-mcart-bar {
        position: fixed;
        right: 10px;
        bottom: 10px;
        left: 10px;
        z-index: 1990;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 10px 10px 16px;
        border: 1px solid color-mix(in srgb, var(--xgg-primary) 45%, var(--xgg-surface-border));
        border-radius: 16px;
        background: var(--xgg-bar-tint);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        box-shadow: 0 14px 34px -10px rgba(0, 0, 0, 0.6);
        color: var(--xgg-surface-text);
        font: inherit;
        text-align: left;
        cursor: pointer;
    }

    .xgg-mcart-open .xgg-mcart-bar {
        display: none;
    }

    .xgg-mcart-bar-info {
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    .xgg-mcart-bar-label {
        display: flex;
        align-items: center;
        gap: 6px;
        overflow: hidden;
        font-size: 11px;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: color-mix(in srgb, var(--xgg-surface-text) 70%, transparent);
    }

    .xgg-mcart-bar-label::before {
        content: "";
        flex: 0 0 auto;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--xgg-primary);
    }

    .xgg-mcart-bar-total {
        font-size: 22px;
        font-weight: 800;
        line-height: 1.15;
        white-space: nowrap;
    }

    .xgg-mcart-bar-go {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        gap: 10px;
        padding: 7px 7px 7px 16px;
        border-radius: 12px;
        background: var(--xgg-primary);
        color: var(--xgg-on-primary);
        font-size: 14px;
        font-weight: 700;
        box-shadow: 0 8px 22px color-mix(in srgb, var(--xgg-primary) 35%, transparent);
    }

    .xgg-mcart-bar-icon {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 9px;
        background: color-mix(in srgb, var(--xgg-on-primary) 18%, transparent);
        font-size: 15px;
    }

    .xgg-mcart-bar-count {
        position: absolute;
        top: -7px;
        right: -7px;
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        border-radius: 9px;
        background: var(--xgg-surface);
        color: var(--xgg-surface-text);
        font-size: 10px;
        font-weight: 700;
        line-height: 18px;
        text-align: center;
    }

    /* the page keeps room for the bar, and the move-up button goes above it */
    body.xgg-mcart-bar-on {
        padding-bottom: 88px;
    }

    .xgg-mcart-bar-on .mufb {
        bottom: 96px;
    }

    /* ---- the cart as a full screen over everything ---- */
    body.xgg-mcart-open {
        overflow: hidden;
    }

    .xgg-mcart-open .xgg-cart-panel {
        position: fixed;
        top: 0 !important;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10000;
        display: block;
        width: 100%;
        max-height: none;
        padding: 0 16px 24px;
        overflow-y: auto;
        border: none;
        border-radius: 0;
        background: var(--xgg-ncd-panel, var(--xgg-bg));
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        box-shadow: none;
    }

    .xgg-mcart-open .xgg-cart-panel-head {
        position: sticky;
        top: 0;
        z-index: 2;
        margin: 0 -16px 12px;
        padding: 14px 16px;
        background: var(--xgg-primary);
        color: var(--xgg-on-primary);
    }

    .xgg-mcart-open .xgg-cart-panel-icon {
        display: inline-block;
        font-size: 18px;
    }

    .xgg-mcart-open .xgg-cart-panel-title {
        color: var(--xgg-on-primary);
    }

    .xgg-mcart-open .xgg-cart-panel-count {
        background: color-mix(in srgb, var(--xgg-on-primary) 22%, transparent);
        color: var(--xgg-on-primary);
        opacity: 1;
    }

    .xgg-mcart-open .xgg-cart-panel-collapse {
        background: var(--xgg-ncd-panel, #111);
        color: var(--xgg-surface-text);
    }
}

@media (max-width: 767px) {
    /* the cart icon is outlined, like the floating cart icon on desktop */
    .xgg-mcart-bar-icon i,
    .xgg-mcart-open .xgg-cart-panel-icon {
        color: transparent;
        -webkit-text-stroke: 1.2px var(--xgg-on-primary);
    }

    /* the cookie button sits in the same corner as the bar, so it moves up above it */
    .xgg-mcart-bar-on #silktide-cookie-icon {
        bottom: 96px;
    }

    /* and it steps aside while the cart covers the whole screen */
    .xgg-mcart-open #silktide-cookie-icon {
        display: none !important;
    }
}

/*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2014 Hakim El Hattab, http://hakim.se
 */.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:0;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all !important;-moz-transition:0.1s linear all !important;-ms-transition:0.1s linear all !important;-o-transition:0.1s linear all !important;transition:0.1s linear all !important}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-moz-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-ms-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-o-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all !important;-moz-transition:0.3s ease all !important;-ms-transition:0.3s ease all !important;-o-transition:0.3s ease all !important;transition:0.3s ease all !important}.ladda-button[data-style=expand-right] .ladda-spinner{right:-6px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:-12px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:26px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:0}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:26px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:0}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:0}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:0;left:16px}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:0;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:0;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:32px;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 2000px transparent}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}

.galw{background-color:#fff;border-style:solid;border-width:0 1px 1px 1px;border-color:#ccc;position:absolute;width:100%;border-radius:0 0 4px 4px;z-index:999;box-shadow:5px 5px 5px 0 rgba(0,0,0,.4);top:100%}.gali{border-bottom:1px solid #ccc;padding:5px 10px;cursor:pointer}.gali.act,.gali:hover{background-color:#3c7bde;color:#fff}.gali:before{font-family:'FontAwesome';content:'';margin-right:7px;color:#ccc}.ld:before{display:none}.csl{position:absolute;font-size:30px;color:#fff;top:10px;left:25px}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url(/XGGFood/assets/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(/XGGFood/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(/XGGFood/assets/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(/XGGFood/assets/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(/XGGFood/assets/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(/XGGFood/assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/* 
  Silktide Consent Manager - https://silktide.com/consent-manager/  

  Styles are at risked of being overridden by styles coming from the site the consent manager is used on.
  To help prevent this, global wrapper elements are prefixed with "#silktide-"
*/

/* --------------------------------
  Global Styles - These elements exist in the main DOM and styling is limited to positioning and animation
-------------------------------- */
/* Wrapper (Global) */
#silktide-wrapper {
  /* Global */
  --focus: 0 0 0 2px #ffffff, 0 0 0 4px #000000, 0 0 0 6px #ffffff;
  --boxShadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;
  --fontFamily: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  /* Color Scheme */
  --primaryColor: #533BE2;
  --backgroundColor: #FFFFFF;
  --textColor: #253B48;
  /* Backdrop */
  --backdropBackgroundColor: #00000033;
  --backdropBackgroundBlur: 0px;
  /* Cookie Icon */
  --cookieIconColor: #533BE2;
  --cookieIconBackgroundColor: #FFFFFF;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  pointer-events: none;
  border: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Backdrop (Global) */
#silktide-backdrop-global {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  border: 0px;
  display: none;
}

/* --------------------------------
  Links
-------------------------------- */
#silktide-wrapper a {
  all: unset;
  display: inline-block;
  color: var(--primaryColor);
  text-decoration: underline;
}

#silktide-wrapper a:hover {
  cursor: pointer;
  color: var(--textColor);
}

/* --------------------------------
  Focus Styles
-------------------------------- */
#silktide-wrapper a:focus,
#silktide-wrapper #silktide-banner button:focus,
#silktide-wrapper #silktide-modal button:focus,
#silktide-wrapper #silktide-cookie-icon:focus {
  outline: none;
  box-shadow: var(--focus);
  border-radius: 5px;
}

#silktide-wrapper #silktide-cookie-icon:focus {
  border-radius: 50%;
}

/* --------------------------------
  General Styles
-------------------------------- */

#silktide-wrapper .st-button {
  color: var(--backgroundColor);
  background-color: var(--primaryColor);
  border: 2px solid var(--primaryColor);
  padding: 10px 20px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  border-radius: 5px;
}

#silktide-wrapper .st-button--primary {
}

#silktide-wrapper .st-button--primary:hover {
  background-color: var(--backgroundColor);
  color: var(--primaryColor);
}

#silktide-wrapper .st-button--secondary {
  background-color: var(--backgroundColor);
  color: var(--primaryColor);
}

#silktide-wrapper .st-button--secondary:hover {
  background-color: var(--primaryColor);
  color: var(--backgroundColor);
}

/* --------------------------------
  Banner
-------------------------------- */
#silktide-banner {
  font-family: var(--fontFamily);
  color: var(--textColor);
  background-color: var(--backgroundColor);
  box-sizing: border-box;
  padding: 32px;
  border-radius: 5px;
  pointer-events: auto;
  border: 0px;
  position: fixed;
  bottom: 16px;
  right: 16px;
  width: 600px;
  max-width: calc(100% - 32px);
  transform: translate(0, -20px);
  opacity: 0;
  animation: silktide-slideInDown 350ms ease-out forwards;
  animation-delay: 0.3s;
  box-shadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;
}

#silktide-banner:focus {
  border-radius: 50%;
}

#silktide-banner.center {
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  position: fixed;
  transform: translate(-50%, calc(-50% - 20px));
  animation: silktide-slideInDown-center 350ms ease-out forwards;
}

#silktide-banner.bottomLeft {
  bottom: 16px;
  left: 16px;
  position: fixed;
}

#silktide-banner.bottomCenter {
  bottom: 16px;
  left: 50%;
  position: fixed;
  transform: translate(-50%, -20px);
  animation: silktide-slideInDown-bottomCenter 350ms ease-out forwards;
}

#silktide-banner .preferences {
  display: flex;
  gap: 5px;
  border: none;
  padding: 0px;
  background-color: transparent;
  color: var(--primaryColor);
  cursor: pointer;
  font-size: 16px;
}

#silktide-banner .preferences span {
  display: block;
  white-space: nowrap;
  text-decoration: underline;
}

#silktide-banner .preferences span:hover {
  color: var(--textColor);
}

#silktide-banner .preferences:after {
  display: block;
  content: '>';
  text-decoration: none;
}

#silktide-banner p {
  font-size: 16px;
  line-height: 24px;
  margin: 0px 0px 15px;
}

#silktide-banner a {
  display: inline-block;
  color: var(--primaryColor);
  text-decoration: underline;
  background-color: var(--backgroundColor);
}

#silktide-banner a:hover {
  color: var(--textColor);
}

#silktide-banner a.silktide-logo {
  display: block;
  fill: var(--primaryColor); /* passed down to svg > path */
  margin-left: auto;
  width: 24px;
  height: 24px;
}


#silktide-banner .actions {
  display: flex;
  gap: 16px;
  flex-direction: column;
  margin-top: 24px;
}

@media (min-width: 600px) {
  #silktide-banner .actions {
    flex-direction: row;
    align-items: center;
  }
}

#silktide-banner .actions-row {
  display: flex;
  gap: 16px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}

/* --------------------------------
  Modal
-------------------------------- */
#silktide-modal {
  display: none;
  pointer-events: auto;
  width: 800px;
  max-width: 100%;
  max-height: 100%;
  border: 0px;
  transform: translate(0px, -20px);
  opacity: 0;
  animation: silktide-slideInUp-center 350ms ease-out forwards;
  box-shadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;
  font-family: var(--fontFamily);
  color: var(--textColor);
  flex-direction: column;
  padding: 30px;
  background-color: var(--backgroundColor);
  border-radius: 5px;
  box-sizing: border-box;
}

/* --------------------------------
  Modal - Header
-------------------------------- */
#silktide-modal header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  gap: 16px;
}

#silktide-modal h1 {
  font-family: var(--fontFamily);
  color: var(--textColor);
  font-size: 24px;
  font-weight: 500;
  margin: 0px;
}

#silktide-modal .modal-close {
  display: inline-flex;
  border: none;
  padding: 10px;
  border: 0px;
  cursor: pointer;
  background: var(--backgroundColor);
  color: var(--primaryColor);
}

#silktide-modal .modal-close svg {
  fill: var(--primaryColor);
}

/* --------------------------------
  Modal - Content
-------------------------------- */

#silktide-modal section {
  flex: 1;
  overflow-y: auto;
  margin-top: 32px;
  padding-right: 7px; /* Prevents scrollbar from appearing over the switches */
}

#silktide-modal section::-webkit-scrollbar {
  display: block; /* Force scrollbars to show */
  width: 5px; /* Width of the scrollbar */
}

#silktide-modal section::-webkit-scrollbar-thumb {
  background-color: var(--textColor); /* Color of the scrollbar thumb */
  border-radius: 10px; /* Rounded corners for the thumb */
}

#silktide-modal p {
  font-size: 16px;
  line-height: 24px;
  color: var(--textColor);
  margin: 0px 0px 15px;
}

#silktide-modal p:last-of-type {
  margin: 0px;
}

#silktide-modal fieldset {
  padding: 0px;
  border: none;
  margin: 0px 0px 32px;
}

#silktide-modal fieldset:last-of-type {
  margin: 0px;
}

#silktide-modal legend {
  padding: 0px;
  margin: 0px 0px 10px;
  font-weight: 700;
  color: var(--textColor);
  font-size: 16px;
}

#silktide-modal .cookie-type-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;  
}

/* --------------------------------
  Modal - Switches
-------------------------------- */
#silktide-modal .switch {
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  height: 34px;
  width: 74px;
  cursor: pointer;
}

#silktide-modal .switch:focus-within {
  outline: none;
  box-shadow: var(--focus);
  border-radius: 25px;
}

#silktide-modal .switch input {
  opacity: 0;
  position: absolute;
}

/* Unchecked Switch Styles */
#silktide-modal .switch__pill {
  position: relative;
  display: block;
  height: 34px;
  width: 74px;
  background: var(--textColor);
  border-radius: 25px;
}

#silktide-modal .switch__dot {
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  height: 30px;
  width: 30px;
  background: var(--backgroundColor);
  border-radius: 50%;
  transition: left 150ms ease-out;
}

#silktide-modal .switch__off,
#silktide-modal .switch__on {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  color: var(--backgroundColor);
  position: absolute;
  top: 7px;
  right: 8px;
  transition: right 150ms ease-out, opacity 150ms ease-out;
}

#silktide-modal .switch__off {
  opacity: 1;
}

#silktide-modal .switch__on {
  opacity: 0;
}

/* Checked Switch Styles */
#silktide-modal .switch input:checked + .switch__pill {
  background: var(--primaryColor);
}

#silktide-modal .switch input:checked ~ .switch__dot {
  left: calc(100% - 32px);
}

#silktide-modal .switch input:checked ~ .switch__off {
  right: calc(100% - 32px);
  opacity: 0;
}

#silktide-modal .switch input:checked ~ .switch__on {
  right: calc(100% - 34px);
  opacity: 1;
}

/* Disabled Switch Styles */
#silktide-modal .switch input:disabled + .switch__pill {
  opacity: 0.65;
  cursor: not-allowed;
}

/* --------------------------------
  Modal - Footer
-------------------------------- */
#silktide-modal footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}

@media (min-width: 600px) {
  #silktide-modal footer {
    flex-direction: row;
    align-items: center;
  }
}

#silktide-modal footer a {
  margin-left: auto;
}

/* Cookie Icon */
#silktide-cookie-icon {
  display: none;
  position: fixed;
  bottom: 10px;
  left: 10px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  padding: 0px;
  border: none;
  background-color: var(--cookieIconColor);
  cursor: pointer;
  box-shadow: 0px 0px 6px 0px #0000001a;
  pointer-events: auto;
  animation: silktide-fadeIn 0.3s ease-in-out forwards;
}

#silktide-cookie-icon.bottomRight {
  left: auto;
  right: 10px;
}

#silktide-cookie-icon svg {
  fill: var(--cookieIconBackgroundColor);
}

/* --------------------------------
  Backdrop
-------------------------------- */
#silktide-backdrop {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--backdropBackgroundColor);
  backdrop-filter: blur(var(--backdropBackgroundBlur));
  pointer-events: all;
}

/* --------------------------------
  Animations
-------------------------------- */
@keyframes silktide-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes silktide-slideInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes silktide-slideInDown-center {
  from {
    opacity: 0;
    transform: translate(-50%, calc(-50% - 20px));
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

@keyframes silktide-slideInDown-bottomCenter {
  from {
    opacity: 0;
    transform: translate(-50%, -20px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

@keyframes silktide-slideInUp-center {
  from {
    opacity: 0;
    transform: translate(0px, 20px);
  }
  to {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}

#silktide-modal section {
    background-color: initial !important;
}